diff --git a/.gitignore b/.gitignore
index a547bf3..d233d0d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -16,6 +16,7 @@ dist-ssr
.vscode/*
!.vscode/extensions.json
.idea
+.jambavan/
.DS_Store
*.suo
*.ntvs*
diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
new file mode 100644
index 0000000..0bef357
--- /dev/null
+++ b/.pre-commit-config.yaml
@@ -0,0 +1,23 @@
+---
+# Fast repository hygiene plus the same TypeScript checks used locally.
+repos:
+- repo: https://github.com/pre-commit/pre-commit-hooks
+ rev: v6.0.0
+ hooks:
+ - id: trailing-whitespace
+ - id: check-merge-conflict
+ - id: check-json
+ - id: check-yaml
+ - id: end-of-file-fixer
+- repo: local
+ hooks:
+ - id: eslint
+ name: ESLint
+ entry: npm run lint
+ language: system
+ pass_filenames: false
+ - id: vitest
+ name: Vitest
+ entry: npm test
+ language: system
+ pass_filenames: false
diff --git a/README.md b/README.md
index cabe136..e1371ba 100644
--- a/README.md
+++ b/README.md
@@ -24,6 +24,7 @@ An interactive, browser-based playground for learning algorithms, data structure
- Evolution Simulator (genetic algorithm)
- Rubik's Cube Solver
- **Git Visualizer** — a 1.7k-LOC pure-TS Git simulator with terminal, commit-DAG canvas, freeplay mode, and guided lessons (init/add/commit, branching, merging, rebase, reset, stash, cherry-pick, remotes, push/pull, etc.).
+- **Visualize Your Code** — enter a bounded JavaScript subset and play through line highlights, variable snapshots, array bars, and console output. A whitelist interpreter enforces source, operation, loop, trace, time, and memory limits without `eval` or browser-code execution.
## Quick start
@@ -83,6 +84,7 @@ The pure-TS layer (`algorithms/` or `engine/`) returns arrays of `Step` objects
| Styling | Tailwind CSS v4 (`@tailwindcss/vite`) |
| Routing | `react-router-dom` v7 with code-split routes |
| Icons | `lucide-react` |
+| Code parsing | Acorn 8 + a bounded, purpose-built interpreter |
| Audio | Web Audio API (single shared `AudioContext`) |
| Lint | ESLint flat config + `typescript-eslint` + `react-hooks` |
diff --git a/docs/404.html b/docs/404.html
index 00a8493..6d1b59f 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -5,8 +5,8 @@
Algorithm Visualizer
-
-
+
+
diff --git a/docs/assets/AdvancedStructurePage-Bo1GEm6F.js b/docs/assets/AdvancedStructurePage-BNdv4Rsg.js
similarity index 97%
rename from docs/assets/AdvancedStructurePage-Bo1GEm6F.js
rename to docs/assets/AdvancedStructurePage-BNdv4Rsg.js
index e8f3188..d6e4759 100644
--- a/docs/assets/AdvancedStructurePage-Bo1GEm6F.js
+++ b/docs/assets/AdvancedStructurePage-BNdv4Rsg.js
@@ -1 +1 @@
-import{r as N,j as t}from"./index-eCXyAnHs.js";import{u as O}from"./useDSSound-CIDAFkgj.js";import{S as P}from"./shuffle-CdKU4ZYx.js";import{C as E,a as D}from"./chevron-right-BZqZw4c2.js";import{P as F}from"./play-BqZilH6N.js";import{V,a as W}from"./volume-x-CTbtCvt-.js";import"./audioContext-NbgqvQGz.js";const Q={trie:{title:"Trie",subtitle:"Prefix tree for words",inputLabel:"Words; operation; query",defaultInput:"cat,car,cart,dog,dove;prefix;ca",helper:"Format: words; insert/delete/search/prefix; query"},"segment-tree":{title:"Segment Tree",subtitle:"Range query and point update",inputLabel:"Array; operation; args",defaultInput:"2,1,5,3,4,8;query;1,4",helper:"Operations: build, query;l,r, update;index,value"},"fenwick-tree":{title:"Fenwick Tree",subtitle:"Binary indexed tree",inputLabel:"Array; operation; args",defaultInput:"2,1,5,3,4,8;range;1,4",helper:"Operations use 1-based indexes: build, prefix;i, range;l,r, update;index,value"}};function re({structure:i}){const l=Q[i],[p,c]=N.useState(l.defaultInput),[e,d]=N.useState(()=>R(i,l.defaultInput)),[o,x]=N.useState(0),[h,f]=N.useState(650),{soundEnabled:n,toggleSound:s,playInsert:a,playDelete:r,playAccess:w,playTraverse:$,playFound:y,playNotFound:b}=O(),m=e[o]??e[0],j=(u,g)=>{u.event==="insert"?a():u.event==="delete"?r():u.event==="access"?w():u.event==="traverse"?$(g,e.length):u.event==="found"?y():b()},z=()=>{const u=R(i,p);d(u),x(0),u[0]&&j(u[0],0)},I=u=>{const g=Math.max(0,Math.min(e.length-1,u));x(g);const C=e[g];C&&j(C,g)},B=()=>{const u=J(i);c(u);const g=R(i,u);d(g),x(0)},L=()=>{for(let u=o;u{x(u);const g=e[u];g&&j(g,u)},(u-o)*h)};return t.jsxs("div",{className:"flex flex-1 flex-col gap-4 overflow-auto p-4 md:p-6 xl:flex-row",children:[t.jsxs("main",{className:"order-last flex min-h-[520px] flex-1 flex-col gap-4 xl:order-first",children:[t.jsxs("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-5 backdrop-blur-sm",children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-[0.24em] text-rose-300",children:"Data Structures"}),t.jsx("h2",{className:"mt-1 text-xl font-bold text-white",children:l.title}),t.jsx("p",{className:"mt-1 text-sm text-slate-400",children:l.subtitle})]}),t.jsx("section",{className:"flex flex-1 items-center justify-center rounded-2xl border border-slate-700/50 bg-slate-950/60 p-5",children:m?.nodes?t.jsx(U,{step:m}):t.jsx(X,{step:m,structure:i})})]}),t.jsxs("aside",{className:"w-full space-y-4 xl:w-80 xl:shrink-0",children:[t.jsxs(k,{title:"Operation",children:[t.jsx("label",{className:"text-[11px] text-slate-500",children:l.inputLabel}),t.jsx("textarea",{value:p,onChange:u=>c(u.target.value),rows:2,className:"mt-1 w-full resize-none rounded-xl bg-slate-950/70 px-3 py-2 text-xs font-mono text-slate-200 ring-1 ring-slate-700/50 outline-none focus:ring-rose-500/50"}),t.jsx("p",{className:"mt-2 text-[10px] leading-relaxed text-slate-500",children:l.helper}),t.jsxs("div",{className:"mt-3 grid grid-cols-2 gap-2",children:[t.jsx("button",{onClick:z,className:"rounded-xl bg-rose-500/20 px-3 py-2 text-xs font-semibold text-rose-300 ring-1 ring-rose-500/40 hover:bg-rose-500/30",children:"Run"}),t.jsxs("button",{onClick:B,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-3 py-2 text-xs font-semibold text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/70",children:[t.jsx(P,{size:13})," Random"]})]})]}),t.jsxs(k,{title:"Step Playback",children:[t.jsx("p",{className:"min-h-12 text-xs leading-relaxed text-slate-300",children:m?.description}),m?.meta&&t.jsx("div",{className:"mt-2 flex flex-wrap gap-1",children:m.meta.map(u=>t.jsx("span",{className:"rounded-full bg-slate-800 px-2 py-0.5 text-[10px] font-mono text-slate-400",children:u},u))}),t.jsxs("div",{className:"mt-3 flex items-center justify-between text-xs text-slate-500",children:[t.jsx("span",{children:"Step"}),t.jsxs("span",{className:"font-mono text-rose-300",children:[Math.min(o+1,e.length)," / ",e.length]})]}),t.jsxs("div",{className:"mt-3 rounded-xl border border-slate-700/40 bg-slate-950/40 p-3",children:[t.jsxs("div",{className:"mb-2 flex items-center justify-between",children:[t.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-wider text-slate-500",children:"Animation Speed"}),t.jsxs("span",{className:"font-mono text-[10px] text-rose-300",children:[h,"ms"]})]}),t.jsx("input",{type:"range",min:120,max:1200,step:40,value:1320-h,onChange:u=>f(1320-Number(u.target.value)),className:"w-full accent-rose-400","aria-label":"Animation speed"}),t.jsxs("div",{className:"mt-1 flex justify-between text-[9px] uppercase tracking-wide text-slate-600",children:[t.jsx("span",{children:"Slow"}),t.jsx("span",{children:"Fast"})]})]}),t.jsxs("div",{className:"mt-3 grid grid-cols-3 gap-2",children:[t.jsxs("button",{onClick:()=>I(o-1),disabled:o<=0,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-2 py-2 text-xs text-slate-300 ring-1 ring-slate-700/50 disabled:opacity-30",children:[t.jsx(E,{size:13})," Back"]}),t.jsxs("button",{onClick:L,disabled:o>=e.length-1,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-emerald-500/15 px-2 py-2 text-xs font-semibold text-emerald-300 ring-1 ring-emerald-500/30 disabled:opacity-30",children:[t.jsx(F,{size:13})," Play"]}),t.jsxs("button",{onClick:()=>I(o+1),disabled:o>=e.length-1,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-2 py-2 text-xs text-slate-300 ring-1 ring-slate-700/50 disabled:opacity-30",children:["Next ",t.jsx(D,{size:13})]})]})]}),t.jsx(k,{title:"Audio",children:t.jsxs("button",{onClick:()=>s(!n),className:`inline-flex w-full items-center justify-center gap-2 rounded-xl px-3 py-2 text-xs font-semibold ring-1 ${n?"bg-rose-500/15 text-rose-300 ring-rose-500/30":"bg-slate-800/70 text-slate-400 ring-slate-700/40"}`,children:[n?t.jsx(V,{size:14}):t.jsx(W,{size:14}),n?"Sound On":"Sound Off"]})})]})]})}function k({title:i,children:l}){return t.jsxs("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[t.jsx("h3",{className:"mb-3 text-xs font-semibold uppercase tracking-wider text-slate-400",children:i}),l]})}function U({step:i}){const l=i.nodes??[],p=new Set(i.highlights??[]);return t.jsxs("svg",{viewBox:"0 0 720 380",className:"h-full min-h-[420px] w-full",children:[l.map(c=>{const e=l.find(d=>d.id===c.parentId);return e?t.jsx("line",{x1:e.x,y1:e.y,x2:c.x,y2:c.y,stroke:"#475569",strokeWidth:1.5},`${e.id}-${c.id}`):null}),l.map(c=>{const e=p.has(Number(c.id.replace(/\D/g,"")))||p.has(l.indexOf(c));return t.jsxs("g",{children:[t.jsx("circle",{cx:c.x,cy:c.y,r:22,fill:e?"rgba(244,63,94,0.22)":"rgba(30,41,59,0.9)",stroke:e?"#fb7185":"#64748b",strokeWidth:2}),t.jsx("text",{x:c.x,y:c.y+4,textAnchor:"middle",fontSize:"12",fontWeight:"800",fill:e?"#fecdd3":"#cbd5e1",children:c.label}),c.value!==void 0&&t.jsx("text",{x:c.x,y:c.y+35,textAnchor:"middle",fontSize:"10",fill:"#94a3b8",children:c.value})]},c.id)})]})}function X({step:i,structure:l}){const p=i?.array??[],c=new Set(i?.highlights??[]);return t.jsxs("div",{className:"w-full space-y-6",children:[t.jsx("div",{className:"flex flex-wrap justify-center gap-2",children:p.map((e,d)=>t.jsxs("div",{className:`relative flex h-14 min-w-14 items-center justify-center rounded-xl px-3 font-mono text-sm font-black ring-1 ${c.has(d)?"bg-rose-500/20 text-rose-200 ring-rose-500/50":"bg-slate-800/70 text-slate-200 ring-slate-700/50"}`,children:[e,t.jsx("span",{className:"absolute -bottom-5 text-[9px] text-slate-500",children:l==="fenwick-tree"?d+1:d})]},`${e}-${d}`))}),i?.queryRange&&t.jsxs("p",{className:"text-center text-xs text-slate-400",children:["Active range: [",i.queryRange[0],", ",i.queryRange[1],"]"]})]})}function R(i,l){return i==="trie"?_(l):i==="segment-tree"?G(l):H(l)}function M(i){return i.split(",").map(l=>l.trim()).filter(Boolean).map(Number).filter(Number.isFinite)}function _(i){const[l="",p="prefix",c=""]=i.split(";"),e=l.split(",").map(n=>n.trim().toLowerCase()).filter(Boolean),d=p.trim().toLowerCase(),o=c.trim().toLowerCase(),x=[];T=0;const h=A("*"),f=d==="insert"&&o?[...e,o]:e.filter(n=>!(d==="delete"&&n===o));if(e.forEach(n=>q(h,n)),x.push({description:`Build trie from ${e.length} word(s).`,event:"insert",nodes:v(h),meta:e}),d==="insert"&&o)q(h,o),x.push({description:`Insert "${o}" character by character.`,event:"insert",nodes:v(h),meta:f});else if(d==="delete"&&o){const n=A("*");f.forEach(s=>q(n,s)),x.push({description:`Delete "${o}" and rebuild active prefixes.`,event:"delete",nodes:v(n),meta:f})}else{let n=h;const s=[0];for(const r of o){if(n=n.children.get(r),!n)return x.push({description:`Character "${r}" is missing, so "${o}" was not found.`,event:"not-found",nodes:v(h),highlights:s,meta:e}),x;s.push(n.order),x.push({description:`Traverse character "${r}" in "${o}".`,event:"traverse",nodes:v(h),highlights:[...s],meta:e})}const a=e.filter(r=>d==="search"?r===o:r.startsWith(o));x.push({description:a.length?`Matched: ${a.join(", ")}.`:`No match for "${o}".`,event:a.length?"found":"not-found",nodes:v(h),highlights:s,meta:a})}return x}let T=0;function A(i){return{label:i,order:T++,terminal:!1,children:new Map}}function q(i,l){let p=i;for(const c of l)p.children.has(c)||p.children.set(c,A(c)),p=p.children.get(c);p.terminal=!0}function v(i){const l=[],p=new Map,c=(e,d,o)=>{const x=p.get(d)??[];x.push(e),p.set(d,x),l.push({id:`trie-${e.order}`,label:e.terminal?`${e.label}*`:e.label,x:0,y:d*72+42,parentId:o}),[...e.children.values()].forEach(h=>c(h,d+1,`trie-${e.order}`))};return c(i,0),l.forEach(e=>{const d=Math.round((e.y-42)/72),o=l.filter(h=>Math.round((h.y-42)/72)===d),x=o.indexOf(e);e.x=360+(x-(o.length-1)/2)*Math.max(46,520/Math.max(o.length,1))}),l}function G(i){const[l="",p="query",c="0,0"]=i.split(";"),e=M(l),d=p.trim(),o=M(c),x=Array(e.length*4).fill(0),h=[],f=(n,s,a)=>{if(s===a)x[n]=e[s];else{const r=Math.floor((s+a)/2);f(n*2,s,r),f(n*2+1,r+1,a),x[n]=x[n*2]+x[n*2+1]}h.push({description:`Build segment [${s}, ${a}] with sum ${x[n]}.`,event:"insert",array:[...e],highlights:S(s,a),queryRange:[s,a],meta:[`node:${n}`,`sum:${x[n]}`]})};if(e.length&&f(1,0,e.length-1),d==="query"){const[n,s]=o,a=Math.max(0,Math.min(e.length-1,n??0)),r=Math.max(a,Math.min(e.length-1,s??e.length-1)),w=(y,b,m)=>{if(h.push({description:`Visit segment [${b}, ${m}] for query [${a}, ${r}].`,event:"traverse",array:[...e],highlights:S(Math.max(b,a),Math.min(m,r)),queryRange:[a,r],meta:[`node:${y}`]}),r=0&&n{for(let r=s+1;r<=e.length;r+=r&-r)d[r]+=a,o.push({description:`Update BIT[${r}] += ${a}; next index is i + lowbit(i).`,event:"insert",array:d.slice(1),highlights:[r-1],meta:[`lowbit:${r&-r}`]})};e.forEach((s,a)=>x(a,s));const h=s=>{let a=0;for(let r=s+1;r>0;r-=r&-r)a+=d[r],o.push({description:`Read BIT[${r}] while computing prefix(${s}); next index is i - lowbit(i).`,event:"traverse",array:d.slice(1),highlights:[r-1],meta:[`partial:${a}`,`lowbit:${r&-r}`]});return a},f=p.trim(),n=M(c);if(f==="prefix"){const s=Math.max(0,Math.min(e.length-1,(n[0]??1)-1)),a=h(s);o.push({description:`Prefix sum up to position ${s+1} = ${a}.`,event:"found",array:d.slice(1),highlights:[s],meta:[`sum:${a}`]})}else if(f==="update"){const s=Math.max(0,Math.min(e.length-1,(n[0]??1)-1)),a=n[1]??e[s]??0;s>=0&&s0?h(s-1):0);o.push({description:`Range sum positions [${s+1}, ${a+1}] = ${r}.`,event:"found",array:d.slice(1),highlights:S(s,a),queryRange:[s+1,a+1],meta:[`sum:${r}`]})}return o}function S(i,l){return li+c)}function J(i){if(i==="trie")return"tree,trie,trial,algo,all,also;prefix;tr";const l=Array.from({length:6},()=>Math.floor(Math.random()*9)+1).join(",");return i==="segment-tree"?`${l};query;1,4`:`${l};range;1,4`}export{re as default};
+import{r as N,j as t}from"./index-DBkLeWDs.js";import{u as O}from"./useDSSound-KKipmh13.js";import{S as P}from"./shuffle-Dlr-c52A.js";import{C as E,a as D}from"./chevron-right-CFBAUJsk.js";import{P as F}from"./play-mcIZClKO.js";import{V,a as W}from"./volume-x-BSx9gxSg.js";import"./audioContext-NbgqvQGz.js";const Q={trie:{title:"Trie",subtitle:"Prefix tree for words",inputLabel:"Words; operation; query",defaultInput:"cat,car,cart,dog,dove;prefix;ca",helper:"Format: words; insert/delete/search/prefix; query"},"segment-tree":{title:"Segment Tree",subtitle:"Range query and point update",inputLabel:"Array; operation; args",defaultInput:"2,1,5,3,4,8;query;1,4",helper:"Operations: build, query;l,r, update;index,value"},"fenwick-tree":{title:"Fenwick Tree",subtitle:"Binary indexed tree",inputLabel:"Array; operation; args",defaultInput:"2,1,5,3,4,8;range;1,4",helper:"Operations use 1-based indexes: build, prefix;i, range;l,r, update;index,value"}};function re({structure:i}){const l=Q[i],[p,c]=N.useState(l.defaultInput),[e,d]=N.useState(()=>R(i,l.defaultInput)),[o,x]=N.useState(0),[h,f]=N.useState(650),{soundEnabled:n,toggleSound:s,playInsert:a,playDelete:r,playAccess:w,playTraverse:$,playFound:y,playNotFound:b}=O(),m=e[o]??e[0],j=(u,g)=>{u.event==="insert"?a():u.event==="delete"?r():u.event==="access"?w():u.event==="traverse"?$(g,e.length):u.event==="found"?y():b()},z=()=>{const u=R(i,p);d(u),x(0),u[0]&&j(u[0],0)},I=u=>{const g=Math.max(0,Math.min(e.length-1,u));x(g);const C=e[g];C&&j(C,g)},B=()=>{const u=J(i);c(u);const g=R(i,u);d(g),x(0)},L=()=>{for(let u=o;u{x(u);const g=e[u];g&&j(g,u)},(u-o)*h)};return t.jsxs("div",{className:"flex flex-1 flex-col gap-4 overflow-auto p-4 md:p-6 xl:flex-row",children:[t.jsxs("main",{className:"order-last flex min-h-[520px] flex-1 flex-col gap-4 xl:order-first",children:[t.jsxs("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-5 backdrop-blur-sm",children:[t.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-[0.24em] text-rose-300",children:"Data Structures"}),t.jsx("h2",{className:"mt-1 text-xl font-bold text-white",children:l.title}),t.jsx("p",{className:"mt-1 text-sm text-slate-400",children:l.subtitle})]}),t.jsx("section",{className:"flex flex-1 items-center justify-center rounded-2xl border border-slate-700/50 bg-slate-950/60 p-5",children:m?.nodes?t.jsx(U,{step:m}):t.jsx(X,{step:m,structure:i})})]}),t.jsxs("aside",{className:"w-full space-y-4 xl:w-80 xl:shrink-0",children:[t.jsxs(k,{title:"Operation",children:[t.jsx("label",{className:"text-[11px] text-slate-500",children:l.inputLabel}),t.jsx("textarea",{value:p,onChange:u=>c(u.target.value),rows:2,className:"mt-1 w-full resize-none rounded-xl bg-slate-950/70 px-3 py-2 text-xs font-mono text-slate-200 ring-1 ring-slate-700/50 outline-none focus:ring-rose-500/50"}),t.jsx("p",{className:"mt-2 text-[10px] leading-relaxed text-slate-500",children:l.helper}),t.jsxs("div",{className:"mt-3 grid grid-cols-2 gap-2",children:[t.jsx("button",{onClick:z,className:"rounded-xl bg-rose-500/20 px-3 py-2 text-xs font-semibold text-rose-300 ring-1 ring-rose-500/40 hover:bg-rose-500/30",children:"Run"}),t.jsxs("button",{onClick:B,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-3 py-2 text-xs font-semibold text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/70",children:[t.jsx(P,{size:13})," Random"]})]})]}),t.jsxs(k,{title:"Step Playback",children:[t.jsx("p",{className:"min-h-12 text-xs leading-relaxed text-slate-300",children:m?.description}),m?.meta&&t.jsx("div",{className:"mt-2 flex flex-wrap gap-1",children:m.meta.map(u=>t.jsx("span",{className:"rounded-full bg-slate-800 px-2 py-0.5 text-[10px] font-mono text-slate-400",children:u},u))}),t.jsxs("div",{className:"mt-3 flex items-center justify-between text-xs text-slate-500",children:[t.jsx("span",{children:"Step"}),t.jsxs("span",{className:"font-mono text-rose-300",children:[Math.min(o+1,e.length)," / ",e.length]})]}),t.jsxs("div",{className:"mt-3 rounded-xl border border-slate-700/40 bg-slate-950/40 p-3",children:[t.jsxs("div",{className:"mb-2 flex items-center justify-between",children:[t.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-wider text-slate-500",children:"Animation Speed"}),t.jsxs("span",{className:"font-mono text-[10px] text-rose-300",children:[h,"ms"]})]}),t.jsx("input",{type:"range",min:120,max:1200,step:40,value:1320-h,onChange:u=>f(1320-Number(u.target.value)),className:"w-full accent-rose-400","aria-label":"Animation speed"}),t.jsxs("div",{className:"mt-1 flex justify-between text-[9px] uppercase tracking-wide text-slate-600",children:[t.jsx("span",{children:"Slow"}),t.jsx("span",{children:"Fast"})]})]}),t.jsxs("div",{className:"mt-3 grid grid-cols-3 gap-2",children:[t.jsxs("button",{onClick:()=>I(o-1),disabled:o<=0,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-2 py-2 text-xs text-slate-300 ring-1 ring-slate-700/50 disabled:opacity-30",children:[t.jsx(E,{size:13})," Back"]}),t.jsxs("button",{onClick:L,disabled:o>=e.length-1,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-emerald-500/15 px-2 py-2 text-xs font-semibold text-emerald-300 ring-1 ring-emerald-500/30 disabled:opacity-30",children:[t.jsx(F,{size:13})," Play"]}),t.jsxs("button",{onClick:()=>I(o+1),disabled:o>=e.length-1,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-2 py-2 text-xs text-slate-300 ring-1 ring-slate-700/50 disabled:opacity-30",children:["Next ",t.jsx(D,{size:13})]})]})]}),t.jsx(k,{title:"Audio",children:t.jsxs("button",{onClick:()=>s(!n),className:`inline-flex w-full items-center justify-center gap-2 rounded-xl px-3 py-2 text-xs font-semibold ring-1 ${n?"bg-rose-500/15 text-rose-300 ring-rose-500/30":"bg-slate-800/70 text-slate-400 ring-slate-700/40"}`,children:[n?t.jsx(V,{size:14}):t.jsx(W,{size:14}),n?"Sound On":"Sound Off"]})})]})]})}function k({title:i,children:l}){return t.jsxs("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[t.jsx("h3",{className:"mb-3 text-xs font-semibold uppercase tracking-wider text-slate-400",children:i}),l]})}function U({step:i}){const l=i.nodes??[],p=new Set(i.highlights??[]);return t.jsxs("svg",{viewBox:"0 0 720 380",className:"h-full min-h-[420px] w-full",children:[l.map(c=>{const e=l.find(d=>d.id===c.parentId);return e?t.jsx("line",{x1:e.x,y1:e.y,x2:c.x,y2:c.y,stroke:"#475569",strokeWidth:1.5},`${e.id}-${c.id}`):null}),l.map(c=>{const e=p.has(Number(c.id.replace(/\D/g,"")))||p.has(l.indexOf(c));return t.jsxs("g",{children:[t.jsx("circle",{cx:c.x,cy:c.y,r:22,fill:e?"rgba(244,63,94,0.22)":"rgba(30,41,59,0.9)",stroke:e?"#fb7185":"#64748b",strokeWidth:2}),t.jsx("text",{x:c.x,y:c.y+4,textAnchor:"middle",fontSize:"12",fontWeight:"800",fill:e?"#fecdd3":"#cbd5e1",children:c.label}),c.value!==void 0&&t.jsx("text",{x:c.x,y:c.y+35,textAnchor:"middle",fontSize:"10",fill:"#94a3b8",children:c.value})]},c.id)})]})}function X({step:i,structure:l}){const p=i?.array??[],c=new Set(i?.highlights??[]);return t.jsxs("div",{className:"w-full space-y-6",children:[t.jsx("div",{className:"flex flex-wrap justify-center gap-2",children:p.map((e,d)=>t.jsxs("div",{className:`relative flex h-14 min-w-14 items-center justify-center rounded-xl px-3 font-mono text-sm font-black ring-1 ${c.has(d)?"bg-rose-500/20 text-rose-200 ring-rose-500/50":"bg-slate-800/70 text-slate-200 ring-slate-700/50"}`,children:[e,t.jsx("span",{className:"absolute -bottom-5 text-[9px] text-slate-500",children:l==="fenwick-tree"?d+1:d})]},`${e}-${d}`))}),i?.queryRange&&t.jsxs("p",{className:"text-center text-xs text-slate-400",children:["Active range: [",i.queryRange[0],", ",i.queryRange[1],"]"]})]})}function R(i,l){return i==="trie"?_(l):i==="segment-tree"?G(l):H(l)}function M(i){return i.split(",").map(l=>l.trim()).filter(Boolean).map(Number).filter(Number.isFinite)}function _(i){const[l="",p="prefix",c=""]=i.split(";"),e=l.split(",").map(n=>n.trim().toLowerCase()).filter(Boolean),d=p.trim().toLowerCase(),o=c.trim().toLowerCase(),x=[];T=0;const h=A("*"),f=d==="insert"&&o?[...e,o]:e.filter(n=>!(d==="delete"&&n===o));if(e.forEach(n=>q(h,n)),x.push({description:`Build trie from ${e.length} word(s).`,event:"insert",nodes:v(h),meta:e}),d==="insert"&&o)q(h,o),x.push({description:`Insert "${o}" character by character.`,event:"insert",nodes:v(h),meta:f});else if(d==="delete"&&o){const n=A("*");f.forEach(s=>q(n,s)),x.push({description:`Delete "${o}" and rebuild active prefixes.`,event:"delete",nodes:v(n),meta:f})}else{let n=h;const s=[0];for(const r of o){if(n=n.children.get(r),!n)return x.push({description:`Character "${r}" is missing, so "${o}" was not found.`,event:"not-found",nodes:v(h),highlights:s,meta:e}),x;s.push(n.order),x.push({description:`Traverse character "${r}" in "${o}".`,event:"traverse",nodes:v(h),highlights:[...s],meta:e})}const a=e.filter(r=>d==="search"?r===o:r.startsWith(o));x.push({description:a.length?`Matched: ${a.join(", ")}.`:`No match for "${o}".`,event:a.length?"found":"not-found",nodes:v(h),highlights:s,meta:a})}return x}let T=0;function A(i){return{label:i,order:T++,terminal:!1,children:new Map}}function q(i,l){let p=i;for(const c of l)p.children.has(c)||p.children.set(c,A(c)),p=p.children.get(c);p.terminal=!0}function v(i){const l=[],p=new Map,c=(e,d,o)=>{const x=p.get(d)??[];x.push(e),p.set(d,x),l.push({id:`trie-${e.order}`,label:e.terminal?`${e.label}*`:e.label,x:0,y:d*72+42,parentId:o}),[...e.children.values()].forEach(h=>c(h,d+1,`trie-${e.order}`))};return c(i,0),l.forEach(e=>{const d=Math.round((e.y-42)/72),o=l.filter(h=>Math.round((h.y-42)/72)===d),x=o.indexOf(e);e.x=360+(x-(o.length-1)/2)*Math.max(46,520/Math.max(o.length,1))}),l}function G(i){const[l="",p="query",c="0,0"]=i.split(";"),e=M(l),d=p.trim(),o=M(c),x=Array(e.length*4).fill(0),h=[],f=(n,s,a)=>{if(s===a)x[n]=e[s];else{const r=Math.floor((s+a)/2);f(n*2,s,r),f(n*2+1,r+1,a),x[n]=x[n*2]+x[n*2+1]}h.push({description:`Build segment [${s}, ${a}] with sum ${x[n]}.`,event:"insert",array:[...e],highlights:S(s,a),queryRange:[s,a],meta:[`node:${n}`,`sum:${x[n]}`]})};if(e.length&&f(1,0,e.length-1),d==="query"){const[n,s]=o,a=Math.max(0,Math.min(e.length-1,n??0)),r=Math.max(a,Math.min(e.length-1,s??e.length-1)),w=(y,b,m)=>{if(h.push({description:`Visit segment [${b}, ${m}] for query [${a}, ${r}].`,event:"traverse",array:[...e],highlights:S(Math.max(b,a),Math.min(m,r)),queryRange:[a,r],meta:[`node:${y}`]}),r=0&&n{for(let r=s+1;r<=e.length;r+=r&-r)d[r]+=a,o.push({description:`Update BIT[${r}] += ${a}; next index is i + lowbit(i).`,event:"insert",array:d.slice(1),highlights:[r-1],meta:[`lowbit:${r&-r}`]})};e.forEach((s,a)=>x(a,s));const h=s=>{let a=0;for(let r=s+1;r>0;r-=r&-r)a+=d[r],o.push({description:`Read BIT[${r}] while computing prefix(${s}); next index is i - lowbit(i).`,event:"traverse",array:d.slice(1),highlights:[r-1],meta:[`partial:${a}`,`lowbit:${r&-r}`]});return a},f=p.trim(),n=M(c);if(f==="prefix"){const s=Math.max(0,Math.min(e.length-1,(n[0]??1)-1)),a=h(s);o.push({description:`Prefix sum up to position ${s+1} = ${a}.`,event:"found",array:d.slice(1),highlights:[s],meta:[`sum:${a}`]})}else if(f==="update"){const s=Math.max(0,Math.min(e.length-1,(n[0]??1)-1)),a=n[1]??e[s]??0;s>=0&&s0?h(s-1):0);o.push({description:`Range sum positions [${s+1}, ${a+1}] = ${r}.`,event:"found",array:d.slice(1),highlights:S(s,a),queryRange:[s+1,a+1],meta:[`sum:${r}`]})}return o}function S(i,l){return li+c)}function J(i){if(i==="trie")return"tree,trie,trial,algo,all,also;prefix;tr";const l=Array.from({length:6},()=>Math.floor(Math.random()*9)+1).join(",");return i==="segment-tree"?`${l};query;1,4`:`${l};range;1,4`}export{re as default};
diff --git a/docs/assets/AlgorithmCodePanel-CE3r0DXd.js b/docs/assets/AlgorithmCodePanel-CE3r0DXd.js
new file mode 100644
index 0000000..86c3078
--- /dev/null
+++ b/docs/assets/AlgorithmCodePanel-CE3r0DXd.js
@@ -0,0 +1 @@
+import{c as b,r,j as a}from"./index-DBkLeWDs.js";import{g as f}from"./audioContext-NbgqvQGz.js";const k=[["path",{d:"m18 16 4-4-4-4",key:"1inbqp"}],["path",{d:"m6 8-4 4 4 4",key:"15zrgr"}],["path",{d:"m14.5 4-5 16",key:"e7oirm"}]],j=b("code-xml",k),h=[220,261.63,293.66,329.63,392,440,523.25,659.25,783.99];function N(){const i=r.useRef(!0),[l,x]=r.useState(!0),u=r.useCallback(()=>f(),[]),e=r.useCallback((s,c=.08,g="sine",m=.04)=>{if(!i.current)return;const t=u();if(!t)return;const n=t.createOscillator(),p=t.createGain();n.type=g,n.frequency.setValueAtTime(s,t.currentTime),p.gain.setValueAtTime(m,t.currentTime),p.gain.exponentialRampToValueAtTime(.001,t.currentTime+c),n.connect(p),p.connect(t.destination),n.start(t.currentTime),n.stop(t.currentTime+c)},[u]),d=r.useCallback((s,c=0,g=1)=>{const m=h[Math.max(0,Math.min(h.length-1,Math.floor(c/Math.max(g-1,1)*(h.length-1))))];switch(s){case"compare":e(m,.055,"sine",.025);break;case"swap":e(329.63,.07,"square",.025),setTimeout(()=>e(523.25,.07,"square",.025),45);break;case"visit":case"enqueue":case"dequeue":e(m,.065,"triangle",.03);break;case"push":e(440,.08,"triangle",.035);break;case"pop":e(293.66,.08,"triangle",.035);break;case"recurse":e(392+c*24,.07,"sine",.03);break;case"found":[523.25,659.25,783.99].forEach((t,n)=>setTimeout(()=>e(t,.1,"sine",.045),n*70));break;case"not-found":e(185,.16,"sawtooth",.035);break;case"complete":[392,523.25,659.25,783.99].forEach((t,n)=>setTimeout(()=>e(t,.11,"sine",.045),n*75));break}},[e]),o=r.useCallback(s=>{i.current=s,x(s)},[]);return{soundEnabled:l,toggleSound:o,playEvent:d}}function C({pseudocode:i,activeLine:l=null,title:x="Code",language:u="pseudocode"}){const e=r.useRef(null);return r.useEffect(()=>{e.current?.scrollIntoView({block:"nearest",behavior:"smooth"})},[l]),a.jsxs("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[a.jsxs("div",{className:"mb-3 flex items-center justify-between",children:[a.jsxs("h3",{className:"inline-flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-slate-400",children:[a.jsx(j,{size:13,className:"text-indigo-400"})," ",x]}),a.jsx("span",{className:"rounded-full bg-slate-800/70 px-2 py-0.5 font-mono text-[9px] uppercase tracking-wide text-slate-500",children:u})]}),a.jsx("div",{className:"max-h-[420px] overflow-auto rounded-xl bg-slate-950/70 p-2 ring-1 ring-slate-800/70",children:a.jsx("pre",{className:"font-mono text-[11px] leading-relaxed",children:i.map((d,o)=>{const s=o===l;return a.jsxs("div",{ref:s?e:null,className:`flex gap-3 rounded-md px-2 py-0.5 transition-all duration-300 ${s?"bg-indigo-500/20 text-indigo-100 ring-1 ring-indigo-500/40":"text-slate-400"}`,children:[a.jsx("span",{className:`select-none text-right tabular-nums ${s?"text-indigo-300":"text-slate-600"}`,style:{minWidth:"1.6rem"},children:o+1}),a.jsx("span",{className:"whitespace-pre",children:d.length?d:" "})]},o)})})})]})}export{C as A,N as u};
diff --git a/docs/assets/AlgorithmCodePanel-DQpanVTO.js b/docs/assets/AlgorithmCodePanel-DQpanVTO.js
deleted file mode 100644
index 2a2b407..0000000
--- a/docs/assets/AlgorithmCodePanel-DQpanVTO.js
+++ /dev/null
@@ -1 +0,0 @@
-import{r,j as a,C as b}from"./index-eCXyAnHs.js";import{g as f}from"./audioContext-NbgqvQGz.js";const h=[220,261.63,293.66,329.63,392,440,523.25,659.25,783.99];function T(){const l=r.useRef(!0),[i,x]=r.useState(!0),u=r.useCallback(()=>f(),[]),e=r.useCallback((s,c=.08,g="sine",m=.04)=>{if(!l.current)return;const t=u();if(!t)return;const n=t.createOscillator(),p=t.createGain();n.type=g,n.frequency.setValueAtTime(s,t.currentTime),p.gain.setValueAtTime(m,t.currentTime),p.gain.exponentialRampToValueAtTime(.001,t.currentTime+c),n.connect(p),p.connect(t.destination),n.start(t.currentTime),n.stop(t.currentTime+c)},[u]),d=r.useCallback((s,c=0,g=1)=>{const m=h[Math.max(0,Math.min(h.length-1,Math.floor(c/Math.max(g-1,1)*(h.length-1))))];switch(s){case"compare":e(m,.055,"sine",.025);break;case"swap":e(329.63,.07,"square",.025),setTimeout(()=>e(523.25,.07,"square",.025),45);break;case"visit":case"enqueue":case"dequeue":e(m,.065,"triangle",.03);break;case"push":e(440,.08,"triangle",.035);break;case"pop":e(293.66,.08,"triangle",.035);break;case"recurse":e(392+c*24,.07,"sine",.03);break;case"found":[523.25,659.25,783.99].forEach((t,n)=>setTimeout(()=>e(t,.1,"sine",.045),n*70));break;case"not-found":e(185,.16,"sawtooth",.035);break;case"complete":[392,523.25,659.25,783.99].forEach((t,n)=>setTimeout(()=>e(t,.11,"sine",.045),n*75));break}},[e]),o=r.useCallback(s=>{l.current=s,x(s)},[]);return{soundEnabled:i,toggleSound:o,playEvent:d}}function C({pseudocode:l,activeLine:i=null,title:x="Code",language:u="pseudocode"}){const e=r.useRef(null);return r.useEffect(()=>{e.current?.scrollIntoView({block:"nearest",behavior:"smooth"})},[i]),a.jsxs("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[a.jsxs("div",{className:"mb-3 flex items-center justify-between",children:[a.jsxs("h3",{className:"inline-flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-slate-400",children:[a.jsx(b,{size:13,className:"text-indigo-400"})," ",x]}),a.jsx("span",{className:"rounded-full bg-slate-800/70 px-2 py-0.5 font-mono text-[9px] uppercase tracking-wide text-slate-500",children:u})]}),a.jsx("div",{className:"max-h-[420px] overflow-auto rounded-xl bg-slate-950/70 p-2 ring-1 ring-slate-800/70",children:a.jsx("pre",{className:"font-mono text-[11px] leading-relaxed",children:l.map((d,o)=>{const s=o===i;return a.jsxs("div",{ref:s?e:null,className:`flex gap-3 rounded-md px-2 py-0.5 transition-all duration-300 ${s?"bg-indigo-500/20 text-indigo-100 ring-1 ring-indigo-500/40":"text-slate-400"}`,children:[a.jsx("span",{className:`select-none text-right tabular-nums ${s?"text-indigo-300":"text-slate-600"}`,style:{minWidth:"1.6rem"},children:o+1}),a.jsx("span",{className:"whitespace-pre",children:d.length?d:" "})]},o)})})})]})}export{C as A,T as u};
diff --git a/docs/assets/AlgorithmPlaygroundPage-t8CIKD7f.js b/docs/assets/AlgorithmPlaygroundPage-DJ5poldo.js
similarity index 98%
rename from docs/assets/AlgorithmPlaygroundPage-t8CIKD7f.js
rename to docs/assets/AlgorithmPlaygroundPage-DJ5poldo.js
index b1689ab..35bb1c3 100644
--- a/docs/assets/AlgorithmPlaygroundPage-t8CIKD7f.js
+++ b/docs/assets/AlgorithmPlaygroundPage-DJ5poldo.js
@@ -1 +1 @@
-import{r as b,j as i}from"./index-eCXyAnHs.js";import{u as M,A as C}from"./AlgorithmCodePanel-DQpanVTO.js";import{S as F}from"./shuffle-CdKU4ZYx.js";import{C as I,a as z}from"./chevron-right-BZqZw4c2.js";import{P as R}from"./play-BqZilH6N.js";import{R as A}from"./rotate-ccw-B8GZP3d7.js";import{V as P,a as E}from"./volume-x-CTbtCvt-.js";import"./audioContext-NbgqvQGz.js";const T={"binary-search":{title:"Binary Search",subtitle:"Search a sorted array in logarithmic time",inputLabel:"Sorted numbers; target",defaultInput:"2,5,8,12,16,23,38,56,72;23",helper:"Format: sorted comma-separated numbers; target",pseudocode:["function binarySearch(arr, target):"," low = 0; high = arr.length - 1"," while low <= high:"," mid = (low + high) / 2"," if arr[mid] == target: return mid"," if arr[mid] < target: low = mid + 1"," else: high = mid - 1"," return -1 // not found"]},"ternary-search":{title:"Ternary Search",subtitle:"Split a sorted search range into thirds",inputLabel:"Sorted numbers; target",defaultInput:"1,4,8,11,15,19,23,27,31,35,39;31",helper:"Format: sorted comma-separated numbers; target",pseudocode:["function ternarySearch(arr, target):"," low = 0; high = arr.length - 1"," while low <= high:"," mid1 = low + (high - low) / 3"," mid2 = high - (high - low) / 3"," if arr[mid1] == target: return mid1"," if arr[mid2] == target: return mid2"," if target < arr[mid1]: high = mid1 - 1"," elif target > arr[mid2]: low = mid2 + 1"," else: low = mid1 + 1; high = mid2 - 1"," return -1 // not found"]},"dutch-national-flag":{title:"Sort Colors",subtitle:"Dutch national flag partitioning",inputLabel:"Colors as 0, 1, 2",defaultInput:"2,0,2,1,1,0,2,0,1",helper:"Use only 0, 1, and 2.",pseudocode:["function sortColors(arr):"," low = 0; mid = 0; high = arr.length - 1"," while mid <= high:"," if arr[mid] == 0:"," swap(arr[low], arr[mid]); low++; mid++"," elif arr[mid] == 1:"," mid++"," else: // arr[mid] == 2"," swap(arr[mid], arr[high]); high--"," return arr"]},"top-k-frequent":{title:"Top K Frequent Elements",subtitle:"Count, rank, and extract frequent values",inputLabel:"Numbers; k",defaultInput:"1,1,1,2,2,3,3,3,3,4,5,5;3",helper:"Format: comma-separated numbers; k",pseudocode:["function topKFrequent(arr, k):"," counts = {}"," for value in arr:"," counts[value] += 1 // tally frequency"," ranked = sortByCountDescending(counts)"," return ranked[0 .. k]"]},"queue-using-stacks":{title:"Queue Using Two Stacks",subtitle:"Build FIFO behavior from LIFO stacks",inputLabel:"Enqueue values",defaultInput:"10,20,30,40",helper:"Values are enqueued, then all are dequeued.",pseudocode:["enqueue(x):"," input.push(x)","","dequeue():"," if output.isEmpty():"," while not input.isEmpty():"," output.push(input.pop()) // reverse order"," return output.pop()"]},"stack-using-queues":{title:"Stack Using Two Queues",subtitle:"Build LIFO behavior from FIFO queues",inputLabel:"Push values",defaultInput:"10,20,30,40",helper:"Values are pushed, then all are popped.",pseudocode:["push(x):"," helper.enqueue(x)"," while not primary.isEmpty():"," helper.enqueue(primary.dequeue())"," swap(primary, helper) // x now at front","","pop():"," return primary.dequeue()"]},"tower-of-hanoi":{title:"Tower of Hanoi",subtitle:"Recursive disk movement",inputLabel:"Disk count",defaultInput:"4",helper:"Use 2 to 5 disks for readable playback.",pseudocode:["function hanoi(n, from, to, aux):"," if n == 0: return"," hanoi(n - 1, from, aux, to) // move top n-1 aside"," move disk n: from -> to"," hanoi(n - 1, aux, to, from) // move them onto target"]},"rat-maze":{title:"Rat in a Maze",subtitle:"Recursive DFS and BFS on blocked cells",inputLabel:"Mode",defaultInput:"dfs",helper:"Use dfs or bfs. The maze is generated in the visualizer.",pseudocode:["function solve(grid, mode):"," frontier = [start]; visited = {start}"," while frontier not empty:"," cell = mode == DFS ? frontier.pop() : frontier.shift()"," if cell == target: break"," for n in freeNeighbors(cell):"," if n not visited:"," visited.add(n); parent[n] = cell"," frontier.push(n)"," return reconstructPath(parent, target)"]},"grid-search":{title:"Grid Search",subtitle:"Search allowed positions from source to target",inputLabel:"Mode",defaultInput:"bfs",helper:"Use bfs or dfs over free/occupied grid cells.",pseudocode:["function search(grid, mode):"," frontier = [start]; visited = {start}"," while frontier not empty:"," cell = mode == DFS ? frontier.pop() : frontier.shift()"," if cell == target: break"," for n in freeNeighbors(cell):"," if n not visited:"," visited.add(n); parent[n] = cell"," frontier.push(n)"," return reconstructPath(parent, target)"]}};function le({demo:a}){const n=T[a],[e,o]=b.useState(n.defaultInput),[s,t]=b.useState(()=>j(a,n.defaultInput)),[r,l]=b.useState(0),[d,u]=b.useState(800),{soundEnabled:p,toggleSound:g,playEvent:h}=M(),m=s[r]??s[0],$=s.length>0?(r+1)/s.length*100:0,S=()=>{const c=j(a,e);t(c),l(0),h(c[0]?.event??"visit",0,c.length)},L=()=>{const c=Z(a);o(c);const f=j(a,c);t(f),l(0)},w=c=>{const f=Math.max(0,Math.min(s.length-1,c));l(f);const y=s[f];y&&h(y.event,f,s.length)},q=()=>{for(let c=r;c{l(c);const f=s[c];f&&h(f.event,c,s.length)},(c-r)*d)};return i.jsxs("div",{className:"flex flex-1 flex-col gap-4 overflow-auto p-4 md:p-6 xl:flex-row",children:[i.jsxs("main",{className:"order-last flex min-h-[520px] flex-1 flex-col gap-4 xl:order-first",children:[i.jsxs("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-5 backdrop-blur-sm",children:[i.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-[0.24em] text-indigo-300",children:"Algorithms"}),i.jsx("h2",{className:"mt-1 text-xl font-bold text-white",children:n.title}),i.jsx("p",{className:"mt-1 text-sm text-slate-400",children:n.subtitle})]}),i.jsx(D,{step:m,demo:a}),i.jsx(C,{pseudocode:n.pseudocode,activeLine:m?.codeLine??null})]}),i.jsxs("aside",{className:"w-full space-y-4 xl:w-80 xl:shrink-0",children:[i.jsxs("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[i.jsx("h3",{className:"mb-3 text-xs font-semibold uppercase tracking-wider text-slate-400",children:"Input"}),i.jsx("label",{className:"text-[11px] text-slate-500",children:n.inputLabel}),i.jsx("textarea",{value:e,onChange:c=>o(c.target.value),rows:2,className:"mt-1 w-full resize-none rounded-xl bg-slate-950/70 px-3 py-2 text-xs font-mono text-slate-200 ring-1 ring-slate-700/50 outline-none focus:ring-indigo-500/50"}),i.jsx("p",{className:"mt-2 text-[10px] leading-relaxed text-slate-500",children:n.helper}),i.jsxs("div",{className:"mt-3 grid grid-cols-2 gap-2",children:[i.jsx("button",{onClick:S,className:"rounded-xl bg-indigo-500/20 px-3 py-2 text-xs font-semibold text-indigo-300 ring-1 ring-indigo-500/40 hover:bg-indigo-500/30",children:"Run"}),i.jsxs("button",{onClick:L,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-3 py-2 text-xs font-semibold text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/70",children:[i.jsx(F,{size:13})," Random"]})]})]}),i.jsxs("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[i.jsxs("div",{className:"mb-3 flex items-center justify-between",children:[i.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400",children:"Step Playback"}),i.jsxs("span",{className:"font-mono text-xs text-indigo-300",children:[Math.min(r+1,s.length)," / ",s.length]})]}),i.jsx("div",{className:"h-2 overflow-hidden rounded-full bg-slate-800",children:i.jsx("div",{className:"h-full rounded-full bg-indigo-400 transition-all",style:{width:`${$}%`}})}),i.jsxs("div",{className:"mt-3 rounded-xl border border-slate-700/40 bg-slate-950/40 p-3",children:[i.jsxs("div",{className:"mb-2 flex items-center justify-between",children:[i.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-wider text-slate-500",children:"Animation Speed"}),i.jsxs("span",{className:"font-mono text-[10px] text-indigo-300",children:[(d/1e3).toFixed(2),"s"]})]}),i.jsx("input",{type:"range",min:120,max:3e3,step:20,value:3120-d,onChange:c=>u(3120-Number(c.target.value)),className:"w-full accent-indigo-400","aria-label":"Animation speed"}),i.jsxs("div",{className:"mt-1 flex justify-between text-[9px] uppercase tracking-wide text-slate-600",children:[i.jsx("span",{children:"Slow"}),i.jsx("span",{children:"Fast"})]})]}),i.jsx("p",{className:"mt-3 min-h-12 text-xs leading-relaxed text-slate-300",children:m?.description}),m?.meta&&i.jsx("div",{className:"mt-2 flex flex-wrap gap-1",children:m.meta.map(c=>i.jsx("span",{className:"rounded-full bg-slate-800/80 px-2 py-0.5 text-[10px] font-mono text-slate-400",children:c},c))}),i.jsxs("div",{className:"mt-3 grid grid-cols-3 gap-2",children:[i.jsxs("button",{onClick:()=>w(r-1),disabled:r<=0,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-2 py-2 text-xs text-slate-300 ring-1 ring-slate-700/50 disabled:opacity-30",children:[i.jsx(I,{size:13})," Back"]}),i.jsxs("button",{onClick:q,disabled:r>=s.length-1,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-emerald-500/15 px-2 py-2 text-xs font-semibold text-emerald-300 ring-1 ring-emerald-500/30 disabled:opacity-30",children:[i.jsx(R,{size:13})," Play"]}),i.jsxs("button",{onClick:()=>w(r+1),disabled:r>=s.length-1,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-2 py-2 text-xs text-slate-300 ring-1 ring-slate-700/50 disabled:opacity-30",children:["Next ",i.jsx(z,{size:13})]})]}),i.jsxs("button",{onClick:()=>w(0),className:"mt-2 inline-flex w-full items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-3 py-2 text-xs text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/70",children:[i.jsx(A,{size:13})," Reset Steps"]})]}),i.jsx("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:i.jsxs("button",{onClick:()=>g(!p),className:`inline-flex w-full items-center justify-center gap-2 rounded-xl px-3 py-2 text-xs font-semibold ring-1 ${p?"bg-indigo-500/15 text-indigo-300 ring-indigo-500/30":"bg-slate-800/70 text-slate-400 ring-slate-700/40"}`,children:[p?i.jsx(P,{size:14}):i.jsx(E,{size:14}),p?"Sound On":"Sound Off"]})})]})]})}function D({step:a,demo:n}){return a?a.grid?i.jsx(B,{step:a}):a.pegs?i.jsx(U,{pegs:a.pegs}):a.stacks||a.queues?i.jsx(O,{step:a}):i.jsx(V,{step:a,demo:n}):null}function V({step:a,demo:n}){const e=a.values??[],o=new Set(a.highlights??[]),s=(t,r)=>n==="dutch-national-flag"?t===0?"bg-sky-500/25 text-sky-200 ring-sky-500/40":t===1?"bg-white/15 text-white ring-white/30":"bg-rose-500/25 text-rose-200 ring-rose-500/40":o.has(r)?"bg-indigo-500/25 text-indigo-200 ring-indigo-500/50":"bg-slate-800/70 text-slate-200 ring-slate-700/50";return i.jsx("section",{className:"flex flex-1 flex-col items-center justify-center rounded-2xl border border-slate-700/50 bg-slate-950/60 p-5",children:i.jsx("div",{className:"flex max-w-full flex-wrap items-end justify-center gap-2",children:e.map((t,r)=>i.jsxs("div",{className:`relative flex h-16 min-w-12 items-center justify-center rounded-xl px-3 font-mono text-sm font-black ring-1 transition-all ${s(t,r)}`,children:[t,Object.entries(a.pointers??{}).filter(([,l])=>l===r).map(([l])=>i.jsx("span",{className:"absolute -bottom-5 text-[9px] uppercase tracking-wide text-amber-300",children:l},l))]},`${t}-${r}`))})})}function O({step:a}){const n=a.stacks??a.queues??{};return i.jsx("section",{className:"grid flex-1 gap-4 rounded-2xl border border-slate-700/50 bg-slate-950/60 p-5 md:grid-cols-2",children:Object.entries(n).map(([e,o])=>i.jsxs("div",{className:"flex flex-col justify-end rounded-xl bg-slate-900/70 p-4 ring-1 ring-slate-700/50",children:[i.jsx("h3",{className:"mb-3 text-xs font-semibold uppercase tracking-wider text-slate-400",children:e}),i.jsx("div",{className:"flex min-h-64 flex-col-reverse gap-2",children:o.map((s,t)=>i.jsx("div",{className:"rounded-lg bg-indigo-500/15 px-3 py-2 text-center font-mono text-sm font-bold text-indigo-200 ring-1 ring-indigo-500/30",children:s},`${e}-${s}-${t}`))})]},e))})}function U({pegs:a}){return i.jsx("section",{className:"grid flex-1 items-end gap-4 rounded-2xl border border-slate-700/50 bg-slate-950/60 p-5 md:grid-cols-3",children:a.map((n,e)=>i.jsxs("div",{className:"relative flex h-72 flex-col-reverse items-center justify-start gap-1 rounded-xl bg-slate-900/70 p-4 ring-1 ring-slate-700/50",children:[i.jsx("div",{className:"absolute bottom-4 h-56 w-2 rounded-full bg-slate-700"}),n.map(o=>i.jsx("div",{className:"z-10 h-6 rounded-md bg-gradient-to-r from-cyan-500 to-indigo-500 ring-1 ring-cyan-300/40",style:{width:`${o*34+34}px`}},`${e}-${o}`)),i.jsxs("span",{className:"absolute bottom-0 text-[10px] font-mono text-slate-500",children:["Peg ",e+1]})]},e))})}function B({step:a}){const n=new Set(a.visited??[]),e=new Set(a.path??[]);return i.jsx("section",{className:"flex flex-1 items-center justify-center rounded-2xl border border-slate-700/50 bg-slate-950/60 p-5",children:i.jsx("div",{className:"grid gap-1",style:{gridTemplateColumns:`repeat(${a.grid?.[0]?.length??0}, minmax(0, 1fr))`},children:a.grid?.flatMap((o,s)=>o.map((t,r)=>{const l=s*o.length+r,d=e.has(l),u=n.has(l),p=l===0,g=l===o.length*(a.grid?.length??1)-1,h=t===1?"bg-slate-800 ring-slate-700":d?"bg-emerald-400 ring-emerald-200":p?"bg-sky-400 ring-sky-200":g?"bg-orange-400 ring-orange-200":u?"bg-indigo-500/70 ring-indigo-300":"bg-slate-900 ring-slate-700";return i.jsx("div",{className:`h-9 w-9 rounded-md ring-1 ${h}`},l)}))})})}function j(a,n){switch(a){case"binary-search":return G(n);case"ternary-search":return _(n);case"dutch-national-flag":return K(n);case"top-k-frequent":return Q(n);case"queue-using-stacks":return H(n);case"stack-using-queues":return X(n);case"tower-of-hanoi":return J(n);case"rat-maze":return k(n,!0);case"grid-search":return k(n,!1);default:return[]}}function x(a){return a.split(",").map(n=>n.trim()).filter(Boolean).map(Number).filter(Number.isFinite)}function N(a){const[n,e]=a.split(";");return{values:x(n??"").sort((o,s)=>o-s),target:Number(e)}}function G(a){const{values:n,target:e}=N(a),o=[];let s=0,t=n.length-1;for(;s<=t;){const r=Math.floor((s+t)/2);if(o.push({description:`Compare target ${e} with middle value ${n[r]} at index ${r}.`,event:"compare",values:n,highlights:[r],pointers:{low:s,mid:r,high:t},codeLine:4}),n[r]===e)return o.push({description:`Found ${e} at index ${r}.`,event:"found",values:n,highlights:[r],pointers:{low:s,mid:r,high:t},codeLine:4}),o;n[r]n[d]?s=d+1:(s=l+1,t=d-1)}return[...o,{description:`${e} is not present in the sorted array.`,event:"not-found",values:n,codeLine:10}]}function K(a){const e=[...x(a).filter(l=>l===0||l===1||l===2)],o=[{description:"Start with low, mid, and high pointers.",event:"visit",values:[...e],pointers:{low:0,mid:0,high:e.length-1},codeLine:1}];let s=0,t=0,r=e.length-1;for(;t<=r;)e[t]===0?([e[s],e[t]]=[e[t],e[s]],o.push({description:`Swap 0 at mid ${t} with low ${s}.`,event:"swap",values:[...e],highlights:[s,t],pointers:{low:s,mid:t,high:r},codeLine:4}),s+=1,t+=1):e[t]===1?(o.push({description:`Value 1 at mid ${t} is already in the middle partition.`,event:"compare",values:[...e],highlights:[t],pointers:{low:s,mid:t,high:r},codeLine:6}),t+=1):([e[t],e[r]]=[e[r],e[t]],o.push({description:`Swap 2 at mid ${t} with high ${r}.`,event:"swap",values:[...e],highlights:[t,r],pointers:{low:s,mid:t,high:r},codeLine:8}),r-=1);return[...o,{description:"Colors are sorted: all 0s, then 1s, then 2s.",event:"complete",values:[...e],codeLine:9}]}function Q(a){const[n,e]=a.split(";"),o=x(n??""),s=Math.max(1,Number(e)||3),t=new Map,r=[];o.forEach((d,u)=>{t.set(d,(t.get(d)??0)+1),r.push({description:`Count ${d}: frequency is now ${t.get(d)}.`,event:"visit",values:o,highlights:[u],meta:[...t.entries()].map(([p,g])=>`${p}:${g}`),codeLine:3})});const l=[...t.entries()].sort((d,u)=>u[1]-d[1]).map(([d])=>d);return[...r,{description:`Top ${s} frequent elements: ${l.slice(0,s).join(", ")}.`,event:"complete",values:l,highlights:l.slice(0,s).map((d,u)=>u),meta:[...t.entries()].map(([d,u])=>`${d}:${u}`),codeLine:5}]}function H(a){const n=x(a),e=[],o=[],s=[];for(n.forEach(t=>{e.push(t),s.push({description:`Enqueue ${t}: push onto input stack.`,event:"push",stacks:{input:[...e],output:[...o]},codeLine:1})});e.length>0;){const t=e.pop();o.push(t),s.push({description:`Move ${t} from input to output stack to expose queue front.`,event:"pop",stacks:{input:[...e],output:[...o]},codeLine:6})}for(;o.length>0;){const t=o.pop();s.push({description:`Dequeue ${t} from output stack.`,event:"dequeue",stacks:{input:[...e],output:[...o]},codeLine:7})}return s}function X(a){const n=x(a);let e=[],o=[];const s=[];for(n.forEach(t=>{for(o.push(t),s.push({description:`Push ${t}: enqueue into helper queue.`,event:"enqueue",queues:{primary:[...e],helper:[...o]},codeLine:1});e.length>0;)o.push(e.shift());[e,o]=[o,[]],s.push({description:`Rotate queues so ${t} becomes the next pop.`,event:"visit",queues:{primary:[...e],helper:[...o]},codeLine:4})});e.length>0;){const t=e.shift();s.push({description:`Pop ${t} from primary queue front.`,event:"dequeue",queues:{primary:[...e],helper:[...o]},codeLine:7})}return s}function J(a){const n=Math.max(2,Math.min(5,Number(a)||4)),e=[Array.from({length:n},(t,r)=>n-r),[],[]],o=[{description:`Start with ${n} disks on peg 1.`,event:"recurse",pegs:v(e),codeLine:0}],s=(t,r,l,d)=>{if(t===0)return;o.push({description:`Solve subproblem: move ${t-1} disk(s) from peg ${r+1} to peg ${d+1}.`,event:"recurse",pegs:v(e),codeLine:2}),s(t-1,r,d,l);const u=e[r].pop();u&&e[l].push(u),o.push({description:`Move disk ${u} from peg ${r+1} to peg ${l+1}.`,event:"visit",pegs:v(e),codeLine:3}),s(t-1,d,l,r)};return s(n,0,2,1),[...o,{description:"Tower complete.",event:"complete",pegs:v(e),codeLine:4}]}function v(a){return a.map(n=>[...n])}const W=[[0,0,0,1,0,0,0],[1,1,0,1,0,1,0],[0,0,0,0,0,1,0],[0,1,1,1,0,0,0],[0,0,0,1,1,1,0],[0,1,0,0,0,0,0]];function k(a,n){const e=a.trim().toLowerCase()==="dfs"?"dfs":"bfs",o=W.map(h=>[...h]),s=o[0].length,t=o.length*s-1,r=new Set,l=new Map,d=[],u=[0];for(r.add(0);u.length>0;){const h=e==="dfs"?u.pop():u.shift();if(d.push({description:`${n?"Rat maze":"Grid search"} ${e.toUpperCase()}: visit cell (${Math.floor(h/s)}, ${h%s}).`,event:e==="dfs"?"recurse":"visit",grid:o,visited:[...r],path:[h],codeLine:3}),h===t)break;for(const m of Y(h,o))r.has(m)||(r.add(m),l.set(m,h),u.push(m),d.push({description:`Add allowed neighbor (${Math.floor(m/s)}, ${m%s}) to ${e==="dfs"?"stack":"queue"}.`,event:e==="dfs"?"push":"enqueue",grid:o,visited:[...r],path:[m],codeLine:8}))}const p=[];let g=t;for(;g!==void 0&&(g===0||l.has(g))&&(p.unshift(g),g!==0);)g=l.get(g);return[...d,{description:p[0]===0?`Found path with ${p.length} cells.`:"No path found.",event:p[0]===0?"found":"not-found",grid:o,visited:[...r],path:p,codeLine:9}]}function Y(a,n){const e=n[0].length,o=Math.floor(a/e),s=a%e;return[[o-1,s],[o+1,s],[o,s-1],[o,s+1]].filter(([t,r])=>t>=0&&r>=0&&tt*e+r)}function Z(a){const n=Array.from({length:9},()=>Math.floor(Math.random()*40)+1);switch(a){case"binary-search":case"ternary-search":{const e=[...n].sort((t,r)=>t-r),o=Math.floor(e.length/2);let s=Math.floor(Math.random()*e.length);return a==="binary-search"&&e.length>1&&s===o&&(s=(s+1)%e.length),`${e.join(",")};${e[s]}`}case"dutch-national-flag":return Array.from({length:10},()=>Math.floor(Math.random()*3)).join(",");case"top-k-frequent":return`${Array.from({length:12},()=>Math.floor(Math.random()*5)+1).join(",")};3`;case"tower-of-hanoi":return String(Math.floor(Math.random()*3)+3);case"rat-maze":return Math.random()>.5?"dfs":"bfs";case"grid-search":return Math.random()>.5?"dfs":"bfs";default:return n.slice(0,4).join(",")}}export{le as default};
+import{r as b,j as i}from"./index-DBkLeWDs.js";import{u as M,A as C}from"./AlgorithmCodePanel-CE3r0DXd.js";import{S as F}from"./shuffle-Dlr-c52A.js";import{C as I,a as z}from"./chevron-right-CFBAUJsk.js";import{P as R}from"./play-mcIZClKO.js";import{R as A}from"./rotate-ccw-7GTUOPy4.js";import{V as P,a as E}from"./volume-x-BSx9gxSg.js";import"./audioContext-NbgqvQGz.js";const T={"binary-search":{title:"Binary Search",subtitle:"Search a sorted array in logarithmic time",inputLabel:"Sorted numbers; target",defaultInput:"2,5,8,12,16,23,38,56,72;23",helper:"Format: sorted comma-separated numbers; target",pseudocode:["function binarySearch(arr, target):"," low = 0; high = arr.length - 1"," while low <= high:"," mid = (low + high) / 2"," if arr[mid] == target: return mid"," if arr[mid] < target: low = mid + 1"," else: high = mid - 1"," return -1 // not found"]},"ternary-search":{title:"Ternary Search",subtitle:"Split a sorted search range into thirds",inputLabel:"Sorted numbers; target",defaultInput:"1,4,8,11,15,19,23,27,31,35,39;31",helper:"Format: sorted comma-separated numbers; target",pseudocode:["function ternarySearch(arr, target):"," low = 0; high = arr.length - 1"," while low <= high:"," mid1 = low + (high - low) / 3"," mid2 = high - (high - low) / 3"," if arr[mid1] == target: return mid1"," if arr[mid2] == target: return mid2"," if target < arr[mid1]: high = mid1 - 1"," elif target > arr[mid2]: low = mid2 + 1"," else: low = mid1 + 1; high = mid2 - 1"," return -1 // not found"]},"dutch-national-flag":{title:"Sort Colors",subtitle:"Dutch national flag partitioning",inputLabel:"Colors as 0, 1, 2",defaultInput:"2,0,2,1,1,0,2,0,1",helper:"Use only 0, 1, and 2.",pseudocode:["function sortColors(arr):"," low = 0; mid = 0; high = arr.length - 1"," while mid <= high:"," if arr[mid] == 0:"," swap(arr[low], arr[mid]); low++; mid++"," elif arr[mid] == 1:"," mid++"," else: // arr[mid] == 2"," swap(arr[mid], arr[high]); high--"," return arr"]},"top-k-frequent":{title:"Top K Frequent Elements",subtitle:"Count, rank, and extract frequent values",inputLabel:"Numbers; k",defaultInput:"1,1,1,2,2,3,3,3,3,4,5,5;3",helper:"Format: comma-separated numbers; k",pseudocode:["function topKFrequent(arr, k):"," counts = {}"," for value in arr:"," counts[value] += 1 // tally frequency"," ranked = sortByCountDescending(counts)"," return ranked[0 .. k]"]},"queue-using-stacks":{title:"Queue Using Two Stacks",subtitle:"Build FIFO behavior from LIFO stacks",inputLabel:"Enqueue values",defaultInput:"10,20,30,40",helper:"Values are enqueued, then all are dequeued.",pseudocode:["enqueue(x):"," input.push(x)","","dequeue():"," if output.isEmpty():"," while not input.isEmpty():"," output.push(input.pop()) // reverse order"," return output.pop()"]},"stack-using-queues":{title:"Stack Using Two Queues",subtitle:"Build LIFO behavior from FIFO queues",inputLabel:"Push values",defaultInput:"10,20,30,40",helper:"Values are pushed, then all are popped.",pseudocode:["push(x):"," helper.enqueue(x)"," while not primary.isEmpty():"," helper.enqueue(primary.dequeue())"," swap(primary, helper) // x now at front","","pop():"," return primary.dequeue()"]},"tower-of-hanoi":{title:"Tower of Hanoi",subtitle:"Recursive disk movement",inputLabel:"Disk count",defaultInput:"4",helper:"Use 2 to 5 disks for readable playback.",pseudocode:["function hanoi(n, from, to, aux):"," if n == 0: return"," hanoi(n - 1, from, aux, to) // move top n-1 aside"," move disk n: from -> to"," hanoi(n - 1, aux, to, from) // move them onto target"]},"rat-maze":{title:"Rat in a Maze",subtitle:"Recursive DFS and BFS on blocked cells",inputLabel:"Mode",defaultInput:"dfs",helper:"Use dfs or bfs. The maze is generated in the visualizer.",pseudocode:["function solve(grid, mode):"," frontier = [start]; visited = {start}"," while frontier not empty:"," cell = mode == DFS ? frontier.pop() : frontier.shift()"," if cell == target: break"," for n in freeNeighbors(cell):"," if n not visited:"," visited.add(n); parent[n] = cell"," frontier.push(n)"," return reconstructPath(parent, target)"]},"grid-search":{title:"Grid Search",subtitle:"Search allowed positions from source to target",inputLabel:"Mode",defaultInput:"bfs",helper:"Use bfs or dfs over free/occupied grid cells.",pseudocode:["function search(grid, mode):"," frontier = [start]; visited = {start}"," while frontier not empty:"," cell = mode == DFS ? frontier.pop() : frontier.shift()"," if cell == target: break"," for n in freeNeighbors(cell):"," if n not visited:"," visited.add(n); parent[n] = cell"," frontier.push(n)"," return reconstructPath(parent, target)"]}};function le({demo:a}){const n=T[a],[e,o]=b.useState(n.defaultInput),[s,t]=b.useState(()=>j(a,n.defaultInput)),[r,l]=b.useState(0),[d,u]=b.useState(800),{soundEnabled:p,toggleSound:g,playEvent:h}=M(),m=s[r]??s[0],$=s.length>0?(r+1)/s.length*100:0,S=()=>{const c=j(a,e);t(c),l(0),h(c[0]?.event??"visit",0,c.length)},L=()=>{const c=Z(a);o(c);const f=j(a,c);t(f),l(0)},w=c=>{const f=Math.max(0,Math.min(s.length-1,c));l(f);const y=s[f];y&&h(y.event,f,s.length)},q=()=>{for(let c=r;c{l(c);const f=s[c];f&&h(f.event,c,s.length)},(c-r)*d)};return i.jsxs("div",{className:"flex flex-1 flex-col gap-4 overflow-auto p-4 md:p-6 xl:flex-row",children:[i.jsxs("main",{className:"order-last flex min-h-[520px] flex-1 flex-col gap-4 xl:order-first",children:[i.jsxs("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-5 backdrop-blur-sm",children:[i.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-[0.24em] text-indigo-300",children:"Algorithms"}),i.jsx("h2",{className:"mt-1 text-xl font-bold text-white",children:n.title}),i.jsx("p",{className:"mt-1 text-sm text-slate-400",children:n.subtitle})]}),i.jsx(D,{step:m,demo:a}),i.jsx(C,{pseudocode:n.pseudocode,activeLine:m?.codeLine??null})]}),i.jsxs("aside",{className:"w-full space-y-4 xl:w-80 xl:shrink-0",children:[i.jsxs("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[i.jsx("h3",{className:"mb-3 text-xs font-semibold uppercase tracking-wider text-slate-400",children:"Input"}),i.jsx("label",{className:"text-[11px] text-slate-500",children:n.inputLabel}),i.jsx("textarea",{value:e,onChange:c=>o(c.target.value),rows:2,className:"mt-1 w-full resize-none rounded-xl bg-slate-950/70 px-3 py-2 text-xs font-mono text-slate-200 ring-1 ring-slate-700/50 outline-none focus:ring-indigo-500/50"}),i.jsx("p",{className:"mt-2 text-[10px] leading-relaxed text-slate-500",children:n.helper}),i.jsxs("div",{className:"mt-3 grid grid-cols-2 gap-2",children:[i.jsx("button",{onClick:S,className:"rounded-xl bg-indigo-500/20 px-3 py-2 text-xs font-semibold text-indigo-300 ring-1 ring-indigo-500/40 hover:bg-indigo-500/30",children:"Run"}),i.jsxs("button",{onClick:L,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-3 py-2 text-xs font-semibold text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/70",children:[i.jsx(F,{size:13})," Random"]})]})]}),i.jsxs("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[i.jsxs("div",{className:"mb-3 flex items-center justify-between",children:[i.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400",children:"Step Playback"}),i.jsxs("span",{className:"font-mono text-xs text-indigo-300",children:[Math.min(r+1,s.length)," / ",s.length]})]}),i.jsx("div",{className:"h-2 overflow-hidden rounded-full bg-slate-800",children:i.jsx("div",{className:"h-full rounded-full bg-indigo-400 transition-all",style:{width:`${$}%`}})}),i.jsxs("div",{className:"mt-3 rounded-xl border border-slate-700/40 bg-slate-950/40 p-3",children:[i.jsxs("div",{className:"mb-2 flex items-center justify-between",children:[i.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-wider text-slate-500",children:"Animation Speed"}),i.jsxs("span",{className:"font-mono text-[10px] text-indigo-300",children:[(d/1e3).toFixed(2),"s"]})]}),i.jsx("input",{type:"range",min:120,max:3e3,step:20,value:3120-d,onChange:c=>u(3120-Number(c.target.value)),className:"w-full accent-indigo-400","aria-label":"Animation speed"}),i.jsxs("div",{className:"mt-1 flex justify-between text-[9px] uppercase tracking-wide text-slate-600",children:[i.jsx("span",{children:"Slow"}),i.jsx("span",{children:"Fast"})]})]}),i.jsx("p",{className:"mt-3 min-h-12 text-xs leading-relaxed text-slate-300",children:m?.description}),m?.meta&&i.jsx("div",{className:"mt-2 flex flex-wrap gap-1",children:m.meta.map(c=>i.jsx("span",{className:"rounded-full bg-slate-800/80 px-2 py-0.5 text-[10px] font-mono text-slate-400",children:c},c))}),i.jsxs("div",{className:"mt-3 grid grid-cols-3 gap-2",children:[i.jsxs("button",{onClick:()=>w(r-1),disabled:r<=0,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-2 py-2 text-xs text-slate-300 ring-1 ring-slate-700/50 disabled:opacity-30",children:[i.jsx(I,{size:13})," Back"]}),i.jsxs("button",{onClick:q,disabled:r>=s.length-1,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-emerald-500/15 px-2 py-2 text-xs font-semibold text-emerald-300 ring-1 ring-emerald-500/30 disabled:opacity-30",children:[i.jsx(R,{size:13})," Play"]}),i.jsxs("button",{onClick:()=>w(r+1),disabled:r>=s.length-1,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-2 py-2 text-xs text-slate-300 ring-1 ring-slate-700/50 disabled:opacity-30",children:["Next ",i.jsx(z,{size:13})]})]}),i.jsxs("button",{onClick:()=>w(0),className:"mt-2 inline-flex w-full items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-3 py-2 text-xs text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/70",children:[i.jsx(A,{size:13})," Reset Steps"]})]}),i.jsx("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:i.jsxs("button",{onClick:()=>g(!p),className:`inline-flex w-full items-center justify-center gap-2 rounded-xl px-3 py-2 text-xs font-semibold ring-1 ${p?"bg-indigo-500/15 text-indigo-300 ring-indigo-500/30":"bg-slate-800/70 text-slate-400 ring-slate-700/40"}`,children:[p?i.jsx(P,{size:14}):i.jsx(E,{size:14}),p?"Sound On":"Sound Off"]})})]})]})}function D({step:a,demo:n}){return a?a.grid?i.jsx(B,{step:a}):a.pegs?i.jsx(U,{pegs:a.pegs}):a.stacks||a.queues?i.jsx(O,{step:a}):i.jsx(V,{step:a,demo:n}):null}function V({step:a,demo:n}){const e=a.values??[],o=new Set(a.highlights??[]),s=(t,r)=>n==="dutch-national-flag"?t===0?"bg-sky-500/25 text-sky-200 ring-sky-500/40":t===1?"bg-white/15 text-white ring-white/30":"bg-rose-500/25 text-rose-200 ring-rose-500/40":o.has(r)?"bg-indigo-500/25 text-indigo-200 ring-indigo-500/50":"bg-slate-800/70 text-slate-200 ring-slate-700/50";return i.jsx("section",{className:"flex flex-1 flex-col items-center justify-center rounded-2xl border border-slate-700/50 bg-slate-950/60 p-5",children:i.jsx("div",{className:"flex max-w-full flex-wrap items-end justify-center gap-2",children:e.map((t,r)=>i.jsxs("div",{className:`relative flex h-16 min-w-12 items-center justify-center rounded-xl px-3 font-mono text-sm font-black ring-1 transition-all ${s(t,r)}`,children:[t,Object.entries(a.pointers??{}).filter(([,l])=>l===r).map(([l])=>i.jsx("span",{className:"absolute -bottom-5 text-[9px] uppercase tracking-wide text-amber-300",children:l},l))]},`${t}-${r}`))})})}function O({step:a}){const n=a.stacks??a.queues??{};return i.jsx("section",{className:"grid flex-1 gap-4 rounded-2xl border border-slate-700/50 bg-slate-950/60 p-5 md:grid-cols-2",children:Object.entries(n).map(([e,o])=>i.jsxs("div",{className:"flex flex-col justify-end rounded-xl bg-slate-900/70 p-4 ring-1 ring-slate-700/50",children:[i.jsx("h3",{className:"mb-3 text-xs font-semibold uppercase tracking-wider text-slate-400",children:e}),i.jsx("div",{className:"flex min-h-64 flex-col-reverse gap-2",children:o.map((s,t)=>i.jsx("div",{className:"rounded-lg bg-indigo-500/15 px-3 py-2 text-center font-mono text-sm font-bold text-indigo-200 ring-1 ring-indigo-500/30",children:s},`${e}-${s}-${t}`))})]},e))})}function U({pegs:a}){return i.jsx("section",{className:"grid flex-1 items-end gap-4 rounded-2xl border border-slate-700/50 bg-slate-950/60 p-5 md:grid-cols-3",children:a.map((n,e)=>i.jsxs("div",{className:"relative flex h-72 flex-col-reverse items-center justify-start gap-1 rounded-xl bg-slate-900/70 p-4 ring-1 ring-slate-700/50",children:[i.jsx("div",{className:"absolute bottom-4 h-56 w-2 rounded-full bg-slate-700"}),n.map(o=>i.jsx("div",{className:"z-10 h-6 rounded-md bg-gradient-to-r from-cyan-500 to-indigo-500 ring-1 ring-cyan-300/40",style:{width:`${o*34+34}px`}},`${e}-${o}`)),i.jsxs("span",{className:"absolute bottom-0 text-[10px] font-mono text-slate-500",children:["Peg ",e+1]})]},e))})}function B({step:a}){const n=new Set(a.visited??[]),e=new Set(a.path??[]);return i.jsx("section",{className:"flex flex-1 items-center justify-center rounded-2xl border border-slate-700/50 bg-slate-950/60 p-5",children:i.jsx("div",{className:"grid gap-1",style:{gridTemplateColumns:`repeat(${a.grid?.[0]?.length??0}, minmax(0, 1fr))`},children:a.grid?.flatMap((o,s)=>o.map((t,r)=>{const l=s*o.length+r,d=e.has(l),u=n.has(l),p=l===0,g=l===o.length*(a.grid?.length??1)-1,h=t===1?"bg-slate-800 ring-slate-700":d?"bg-emerald-400 ring-emerald-200":p?"bg-sky-400 ring-sky-200":g?"bg-orange-400 ring-orange-200":u?"bg-indigo-500/70 ring-indigo-300":"bg-slate-900 ring-slate-700";return i.jsx("div",{className:`h-9 w-9 rounded-md ring-1 ${h}`},l)}))})})}function j(a,n){switch(a){case"binary-search":return G(n);case"ternary-search":return _(n);case"dutch-national-flag":return K(n);case"top-k-frequent":return Q(n);case"queue-using-stacks":return H(n);case"stack-using-queues":return X(n);case"tower-of-hanoi":return J(n);case"rat-maze":return k(n,!0);case"grid-search":return k(n,!1);default:return[]}}function x(a){return a.split(",").map(n=>n.trim()).filter(Boolean).map(Number).filter(Number.isFinite)}function N(a){const[n,e]=a.split(";");return{values:x(n??"").sort((o,s)=>o-s),target:Number(e)}}function G(a){const{values:n,target:e}=N(a),o=[];let s=0,t=n.length-1;for(;s<=t;){const r=Math.floor((s+t)/2);if(o.push({description:`Compare target ${e} with middle value ${n[r]} at index ${r}.`,event:"compare",values:n,highlights:[r],pointers:{low:s,mid:r,high:t},codeLine:4}),n[r]===e)return o.push({description:`Found ${e} at index ${r}.`,event:"found",values:n,highlights:[r],pointers:{low:s,mid:r,high:t},codeLine:4}),o;n[r]n[d]?s=d+1:(s=l+1,t=d-1)}return[...o,{description:`${e} is not present in the sorted array.`,event:"not-found",values:n,codeLine:10}]}function K(a){const e=[...x(a).filter(l=>l===0||l===1||l===2)],o=[{description:"Start with low, mid, and high pointers.",event:"visit",values:[...e],pointers:{low:0,mid:0,high:e.length-1},codeLine:1}];let s=0,t=0,r=e.length-1;for(;t<=r;)e[t]===0?([e[s],e[t]]=[e[t],e[s]],o.push({description:`Swap 0 at mid ${t} with low ${s}.`,event:"swap",values:[...e],highlights:[s,t],pointers:{low:s,mid:t,high:r},codeLine:4}),s+=1,t+=1):e[t]===1?(o.push({description:`Value 1 at mid ${t} is already in the middle partition.`,event:"compare",values:[...e],highlights:[t],pointers:{low:s,mid:t,high:r},codeLine:6}),t+=1):([e[t],e[r]]=[e[r],e[t]],o.push({description:`Swap 2 at mid ${t} with high ${r}.`,event:"swap",values:[...e],highlights:[t,r],pointers:{low:s,mid:t,high:r},codeLine:8}),r-=1);return[...o,{description:"Colors are sorted: all 0s, then 1s, then 2s.",event:"complete",values:[...e],codeLine:9}]}function Q(a){const[n,e]=a.split(";"),o=x(n??""),s=Math.max(1,Number(e)||3),t=new Map,r=[];o.forEach((d,u)=>{t.set(d,(t.get(d)??0)+1),r.push({description:`Count ${d}: frequency is now ${t.get(d)}.`,event:"visit",values:o,highlights:[u],meta:[...t.entries()].map(([p,g])=>`${p}:${g}`),codeLine:3})});const l=[...t.entries()].sort((d,u)=>u[1]-d[1]).map(([d])=>d);return[...r,{description:`Top ${s} frequent elements: ${l.slice(0,s).join(", ")}.`,event:"complete",values:l,highlights:l.slice(0,s).map((d,u)=>u),meta:[...t.entries()].map(([d,u])=>`${d}:${u}`),codeLine:5}]}function H(a){const n=x(a),e=[],o=[],s=[];for(n.forEach(t=>{e.push(t),s.push({description:`Enqueue ${t}: push onto input stack.`,event:"push",stacks:{input:[...e],output:[...o]},codeLine:1})});e.length>0;){const t=e.pop();o.push(t),s.push({description:`Move ${t} from input to output stack to expose queue front.`,event:"pop",stacks:{input:[...e],output:[...o]},codeLine:6})}for(;o.length>0;){const t=o.pop();s.push({description:`Dequeue ${t} from output stack.`,event:"dequeue",stacks:{input:[...e],output:[...o]},codeLine:7})}return s}function X(a){const n=x(a);let e=[],o=[];const s=[];for(n.forEach(t=>{for(o.push(t),s.push({description:`Push ${t}: enqueue into helper queue.`,event:"enqueue",queues:{primary:[...e],helper:[...o]},codeLine:1});e.length>0;)o.push(e.shift());[e,o]=[o,[]],s.push({description:`Rotate queues so ${t} becomes the next pop.`,event:"visit",queues:{primary:[...e],helper:[...o]},codeLine:4})});e.length>0;){const t=e.shift();s.push({description:`Pop ${t} from primary queue front.`,event:"dequeue",queues:{primary:[...e],helper:[...o]},codeLine:7})}return s}function J(a){const n=Math.max(2,Math.min(5,Number(a)||4)),e=[Array.from({length:n},(t,r)=>n-r),[],[]],o=[{description:`Start with ${n} disks on peg 1.`,event:"recurse",pegs:v(e),codeLine:0}],s=(t,r,l,d)=>{if(t===0)return;o.push({description:`Solve subproblem: move ${t-1} disk(s) from peg ${r+1} to peg ${d+1}.`,event:"recurse",pegs:v(e),codeLine:2}),s(t-1,r,d,l);const u=e[r].pop();u&&e[l].push(u),o.push({description:`Move disk ${u} from peg ${r+1} to peg ${l+1}.`,event:"visit",pegs:v(e),codeLine:3}),s(t-1,d,l,r)};return s(n,0,2,1),[...o,{description:"Tower complete.",event:"complete",pegs:v(e),codeLine:4}]}function v(a){return a.map(n=>[...n])}const W=[[0,0,0,1,0,0,0],[1,1,0,1,0,1,0],[0,0,0,0,0,1,0],[0,1,1,1,0,0,0],[0,0,0,1,1,1,0],[0,1,0,0,0,0,0]];function k(a,n){const e=a.trim().toLowerCase()==="dfs"?"dfs":"bfs",o=W.map(h=>[...h]),s=o[0].length,t=o.length*s-1,r=new Set,l=new Map,d=[],u=[0];for(r.add(0);u.length>0;){const h=e==="dfs"?u.pop():u.shift();if(d.push({description:`${n?"Rat maze":"Grid search"} ${e.toUpperCase()}: visit cell (${Math.floor(h/s)}, ${h%s}).`,event:e==="dfs"?"recurse":"visit",grid:o,visited:[...r],path:[h],codeLine:3}),h===t)break;for(const m of Y(h,o))r.has(m)||(r.add(m),l.set(m,h),u.push(m),d.push({description:`Add allowed neighbor (${Math.floor(m/s)}, ${m%s}) to ${e==="dfs"?"stack":"queue"}.`,event:e==="dfs"?"push":"enqueue",grid:o,visited:[...r],path:[m],codeLine:8}))}const p=[];let g=t;for(;g!==void 0&&(g===0||l.has(g))&&(p.unshift(g),g!==0);)g=l.get(g);return[...d,{description:p[0]===0?`Found path with ${p.length} cells.`:"No path found.",event:p[0]===0?"found":"not-found",grid:o,visited:[...r],path:p,codeLine:9}]}function Y(a,n){const e=n[0].length,o=Math.floor(a/e),s=a%e;return[[o-1,s],[o+1,s],[o,s-1],[o,s+1]].filter(([t,r])=>t>=0&&r>=0&&tt*e+r)}function Z(a){const n=Array.from({length:9},()=>Math.floor(Math.random()*40)+1);switch(a){case"binary-search":case"ternary-search":{const e=[...n].sort((t,r)=>t-r),o=Math.floor(e.length/2);let s=Math.floor(Math.random()*e.length);return a==="binary-search"&&e.length>1&&s===o&&(s=(s+1)%e.length),`${e.join(",")};${e[s]}`}case"dutch-national-flag":return Array.from({length:10},()=>Math.floor(Math.random()*3)).join(",");case"top-k-frequent":return`${Array.from({length:12},()=>Math.floor(Math.random()*5)+1).join(",")};3`;case"tower-of-hanoi":return String(Math.floor(Math.random()*3)+3);case"rat-maze":return Math.random()>.5?"dfs":"bfs";case"grid-search":return Math.random()>.5?"dfs":"bfs";default:return n.slice(0,4).join(",")}}export{le as default};
diff --git a/docs/assets/ArrayPage-Y8dJ1gfQ.js b/docs/assets/ArrayPage-CbscCeVa.js
similarity index 97%
rename from docs/assets/ArrayPage-Y8dJ1gfQ.js
rename to docs/assets/ArrayPage-CbscCeVa.js
index ce8d69d..6ea979d 100644
--- a/docs/assets/ArrayPage-Y8dJ1gfQ.js
+++ b/docs/assets/ArrayPage-CbscCeVa.js
@@ -1,4 +1,4 @@
-import{c as te,r as a,j as e,e as se}from"./index-eCXyAnHs.js";import{u as le}from"./useDSSound-CIDAFkgj.js";import{P as F}from"./plus-CffLiizr.js";import{T as ae}from"./trash-2-DQ8BZrIf.js";import{R as ne}from"./rotate-ccw-B8GZP3d7.js";import{S as re}from"./shuffle-CdKU4ZYx.js";import{V as ie,a as oe}from"./volume-x-CTbtCvt-.js";import{C as ce,a as de}from"./chevron-right-BZqZw4c2.js";import"./audioContext-NbgqvQGz.js";const he=[["path",{d:"M12.586 12.586 19 19",key:"ea5xo7"}],["path",{d:"M3.688 3.037a.497.497 0 0 0-.651.651l6.5 15.999a.501.501 0 0 0 .947-.062l1.569-6.083a2 2 0 0 1 1.448-1.479l6.124-1.579a.5.5 0 0 0 .063-.947z",key:"277e5u"}]],xe=te("mouse-pointer",he);let O=1;const ue=[4,2,7,1,9,3,6].map(h=>({id:O++,value:h}));function ge(){const[h,x]=a.useState(ue),[r,g]=a.useState([]),[i,c]=a.useState(-1),[p,k]=a.useState(""),[R,T]=a.useState(""),[D,z]=a.useState([]),[f,E]=a.useState(400),[S,N]=a.useState(!1),m=a.useRef(null),I=a.useRef(f),b=a.useRef(!1),{soundEnabled:L,toggleSound:_,playInsert:v,playDelete:w,playAccess:j,playTraverse:A,playFound:C,playNotFound:P}=le(),V=a.useRef(()=>{});a.useEffect(()=>{I.current=f},[f]),a.useEffect(()=>{if(!b.current||r.length===0)return;b.current=!1,m.current&&clearTimeout(m.current),N(!0);let t=0;const s=()=>{if(t>=r.length-1){N(!1);return}t++,c(t),V.current(t,r),m.current=setTimeout(s,I.current)};m.current=setTimeout(s,I.current)},[r]);const y=a.useCallback((t,s)=>{const n=s[t];n&&(n.highlightColor==="green"?C():n.highlightColor==="red"?w():n.highlightColor==="blue"?j():(n.highlightColor==="yellow"||n.highlightColor==="orange")&&A(t,s.length))},[C,w,j,A]);a.useEffect(()=>{V.current=y},[y]);const W=i>=0&&r[i]?r[i].array:h,l=i>=0?r[i]:null,u=t=>z(s=>[t,...s].slice(0,20)),G=a.useCallback(t=>{x(s=>{if(t<0||t>=s.length)return s;const n=[{description:`Access index ${t}: going to position ${t}...`,array:s,highlightIndices:[],highlightColor:null},{description:`Found value ${s[t].value} at index ${t}.`,array:s,highlightIndices:[t],highlightColor:"blue"}];return g(n),c(0),b.current=!0,j(),u(`Access [${t}] → ${s[t].value}`),s})},[j]),H=a.useCallback((t,s)=>{const n={id:O++,value:t};x(d=>{if(s<0||s>d.length)return d;const o=[];o.push({description:`Insert ${t} at index ${s}: shifting elements right from index ${s}...`,array:d,highlightIndices:Array.from({length:d.length-s},(M,ee)=>s+ee),highlightColor:"orange"});const $=[...d.slice(0,s),n,...d.slice(s)];return o.push({description:`${t} inserted at index ${s}. Array size: ${$.length}`,array:$,highlightIndices:[s],highlightColor:"green"}),g(o),c(0),b.current=!0,v(),u(`Insert ${t} at [${s}]`),$})},[v]),X=a.useCallback(t=>{x(s=>{if(t<0||t>=s.length)return s;const n=s[t].value,d=[{description:`Delete at index ${t}: marking element ${n} for removal...`,array:s,highlightIndices:[t],highlightColor:"red"},{description:"Shifting elements left to fill the gap...",array:s,highlightIndices:Array.from({length:s.length-t-1},($,M)=>t+1+M),highlightColor:"orange"}],o=s.filter(($,M)=>M!==t);return d.push({description:`${n} deleted. Array size: ${o.length}`,array:o,highlightIndices:[],highlightColor:null}),g(d),c(0),b.current=!0,w(),u(`Delete [${t}] → ${n}`),o})},[w]),q=a.useCallback(t=>{x(s=>{const n=[];let d=-1;for(let o=0;o{const s={id:O++,value:t};x(n=>{const d=[...n,s],o=[{description:`Appending ${t} to the end of the array...`,array:n,highlightIndices:[],highlightColor:null},{description:`${t} added at index ${n.length}. Array size: ${d.length}`,array:d,highlightIndices:[d.length-1],highlightColor:"green"}];return g(o),c(0),b.current=!0,v(),u(`Push ${t}`),d})},[v]),J=a.useCallback(()=>{x([]),g([]),c(-1),u("Clear array")},[]),K=a.useCallback(()=>{const t=Math.floor(Math.random()*5)+5,s=Array.from({length:t},()=>({id:O++,value:Math.floor(Math.random()*90)+1}));x(s),g([]),c(-1),u("Random array")},[]),Q=a.useCallback(()=>{c(t=>{const s=Math.min(t+1,r.length-1);return y(s,r),s})},[r,y]),U=a.useCallback(()=>{c(t=>Math.max(t-1,0))},[]),Z=a.useCallback(()=>{if(S){N(!1),m.current&&clearTimeout(m.current);return}if(i>=r.length-1)return;N(!0);let t=i;const s=()=>{if(t>=r.length-1){N(!1);return}t++,c(t),y(t,r),m.current=setTimeout(s,f)};m.current=setTimeout(s,f)},[S,i,r,f,y]);return{array:h,displayArray:W,steps:r,stepIndex:i,currentStep:l,inputValue:p,setInputValue:k,indexValue:R,setIndexValue:T,history:D,speed:f,setSpeed:E,isPlaying:S,access:G,insertAt:H,deleteAt:X,search:q,pushBack:Y,clear:J,generateRandom:K,nextStep:Q,prevStep:U,autoPlay:Z,soundEnabled:L,toggleSound:_,canGoNext:i0}}const me={green:"border-emerald-400 bg-emerald-500/20 text-emerald-300",red:"border-rose-400 bg-rose-500/20 text-rose-300",yellow:"border-amber-400 bg-amber-500/20 text-amber-300",blue:"border-blue-400 bg-blue-500/20 text-blue-300",orange:"border-orange-400 bg-orange-500/20 text-orange-300"},B=12;function pe({array:h,currentStep:x}){const r=h.slice(0,B),g=new Set(x?.highlightIndices??[]),i=x?.highlightColor??null;return e.jsxs("div",{className:"flex flex-col items-center justify-center w-full h-full min-h-[300px] gap-6 px-4",children:[e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[h.length===0?e.jsx("div",{className:"flex items-center justify-center w-48 h-16 border-2 border-dashed border-slate-700 rounded-lg text-slate-600 text-xs",children:"Empty Array"}):e.jsxs("div",{className:"flex flex-wrap justify-center gap-1.5",children:[r.map((c,p)=>{const k=g.has(p);return e.jsxs("div",{className:"flex flex-col items-center gap-1",children:[e.jsx("div",{className:`
+import{c as te,r as a,j as e,d as se}from"./index-DBkLeWDs.js";import{u as le}from"./useDSSound-KKipmh13.js";import{P as F}from"./plus-DVazsZHX.js";import{T as ae}from"./trash-2-C6_cMdiI.js";import{R as ne}from"./rotate-ccw-7GTUOPy4.js";import{S as re}from"./shuffle-Dlr-c52A.js";import{V as ie,a as oe}from"./volume-x-BSx9gxSg.js";import{C as ce,a as de}from"./chevron-right-CFBAUJsk.js";import"./audioContext-NbgqvQGz.js";const he=[["path",{d:"M12.586 12.586 19 19",key:"ea5xo7"}],["path",{d:"M3.688 3.037a.497.497 0 0 0-.651.651l6.5 15.999a.501.501 0 0 0 .947-.062l1.569-6.083a2 2 0 0 1 1.448-1.479l6.124-1.579a.5.5 0 0 0 .063-.947z",key:"277e5u"}]],xe=te("mouse-pointer",he);let O=1;const ue=[4,2,7,1,9,3,6].map(h=>({id:O++,value:h}));function ge(){const[h,x]=a.useState(ue),[r,g]=a.useState([]),[i,c]=a.useState(-1),[p,k]=a.useState(""),[R,T]=a.useState(""),[D,z]=a.useState([]),[f,E]=a.useState(400),[S,N]=a.useState(!1),m=a.useRef(null),I=a.useRef(f),b=a.useRef(!1),{soundEnabled:L,toggleSound:_,playInsert:v,playDelete:w,playAccess:j,playTraverse:A,playFound:C,playNotFound:P}=le(),V=a.useRef(()=>{});a.useEffect(()=>{I.current=f},[f]),a.useEffect(()=>{if(!b.current||r.length===0)return;b.current=!1,m.current&&clearTimeout(m.current),N(!0);let t=0;const s=()=>{if(t>=r.length-1){N(!1);return}t++,c(t),V.current(t,r),m.current=setTimeout(s,I.current)};m.current=setTimeout(s,I.current)},[r]);const y=a.useCallback((t,s)=>{const n=s[t];n&&(n.highlightColor==="green"?C():n.highlightColor==="red"?w():n.highlightColor==="blue"?j():(n.highlightColor==="yellow"||n.highlightColor==="orange")&&A(t,s.length))},[C,w,j,A]);a.useEffect(()=>{V.current=y},[y]);const W=i>=0&&r[i]?r[i].array:h,l=i>=0?r[i]:null,u=t=>z(s=>[t,...s].slice(0,20)),G=a.useCallback(t=>{x(s=>{if(t<0||t>=s.length)return s;const n=[{description:`Access index ${t}: going to position ${t}...`,array:s,highlightIndices:[],highlightColor:null},{description:`Found value ${s[t].value} at index ${t}.`,array:s,highlightIndices:[t],highlightColor:"blue"}];return g(n),c(0),b.current=!0,j(),u(`Access [${t}] → ${s[t].value}`),s})},[j]),H=a.useCallback((t,s)=>{const n={id:O++,value:t};x(d=>{if(s<0||s>d.length)return d;const o=[];o.push({description:`Insert ${t} at index ${s}: shifting elements right from index ${s}...`,array:d,highlightIndices:Array.from({length:d.length-s},(M,ee)=>s+ee),highlightColor:"orange"});const $=[...d.slice(0,s),n,...d.slice(s)];return o.push({description:`${t} inserted at index ${s}. Array size: ${$.length}`,array:$,highlightIndices:[s],highlightColor:"green"}),g(o),c(0),b.current=!0,v(),u(`Insert ${t} at [${s}]`),$})},[v]),X=a.useCallback(t=>{x(s=>{if(t<0||t>=s.length)return s;const n=s[t].value,d=[{description:`Delete at index ${t}: marking element ${n} for removal...`,array:s,highlightIndices:[t],highlightColor:"red"},{description:"Shifting elements left to fill the gap...",array:s,highlightIndices:Array.from({length:s.length-t-1},($,M)=>t+1+M),highlightColor:"orange"}],o=s.filter(($,M)=>M!==t);return d.push({description:`${n} deleted. Array size: ${o.length}`,array:o,highlightIndices:[],highlightColor:null}),g(d),c(0),b.current=!0,w(),u(`Delete [${t}] → ${n}`),o})},[w]),q=a.useCallback(t=>{x(s=>{const n=[];let d=-1;for(let o=0;o{const s={id:O++,value:t};x(n=>{const d=[...n,s],o=[{description:`Appending ${t} to the end of the array...`,array:n,highlightIndices:[],highlightColor:null},{description:`${t} added at index ${n.length}. Array size: ${d.length}`,array:d,highlightIndices:[d.length-1],highlightColor:"green"}];return g(o),c(0),b.current=!0,v(),u(`Push ${t}`),d})},[v]),J=a.useCallback(()=>{x([]),g([]),c(-1),u("Clear array")},[]),K=a.useCallback(()=>{const t=Math.floor(Math.random()*5)+5,s=Array.from({length:t},()=>({id:O++,value:Math.floor(Math.random()*90)+1}));x(s),g([]),c(-1),u("Random array")},[]),Q=a.useCallback(()=>{c(t=>{const s=Math.min(t+1,r.length-1);return y(s,r),s})},[r,y]),U=a.useCallback(()=>{c(t=>Math.max(t-1,0))},[]),Z=a.useCallback(()=>{if(S){N(!1),m.current&&clearTimeout(m.current);return}if(i>=r.length-1)return;N(!0);let t=i;const s=()=>{if(t>=r.length-1){N(!1);return}t++,c(t),y(t,r),m.current=setTimeout(s,f)};m.current=setTimeout(s,f)},[S,i,r,f,y]);return{array:h,displayArray:W,steps:r,stepIndex:i,currentStep:l,inputValue:p,setInputValue:k,indexValue:R,setIndexValue:T,history:D,speed:f,setSpeed:E,isPlaying:S,access:G,insertAt:H,deleteAt:X,search:q,pushBack:Y,clear:J,generateRandom:K,nextStep:Q,prevStep:U,autoPlay:Z,soundEnabled:L,toggleSound:_,canGoNext:i0}}const me={green:"border-emerald-400 bg-emerald-500/20 text-emerald-300",red:"border-rose-400 bg-rose-500/20 text-rose-300",yellow:"border-amber-400 bg-amber-500/20 text-amber-300",blue:"border-blue-400 bg-blue-500/20 text-blue-300",orange:"border-orange-400 bg-orange-500/20 text-orange-300"},B=12;function pe({array:h,currentStep:x}){const r=h.slice(0,B),g=new Set(x?.highlightIndices??[]),i=x?.highlightColor??null;return e.jsxs("div",{className:"flex flex-col items-center justify-center w-full h-full min-h-[300px] gap-6 px-4",children:[e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[h.length===0?e.jsx("div",{className:"flex items-center justify-center w-48 h-16 border-2 border-dashed border-slate-700 rounded-lg text-slate-600 text-xs",children:"Empty Array"}):e.jsxs("div",{className:"flex flex-wrap justify-center gap-1.5",children:[r.map((c,p)=>{const k=g.has(p);return e.jsxs("div",{className:"flex flex-col items-center gap-1",children:[e.jsx("div",{className:`
flex items-center justify-center rounded-lg border-2 w-12 h-12 md:w-14 md:h-14 font-bold text-sm md:text-base
transition-all duration-300
${k&&i?me[i]:"border-slate-600 bg-slate-800/60 text-slate-200"}
diff --git a/docs/assets/BalancedTreePage-pB-O0xS6.js b/docs/assets/BalancedTreePage-2nu-ZXqQ.js
similarity index 99%
rename from docs/assets/BalancedTreePage-pB-O0xS6.js
rename to docs/assets/BalancedTreePage-2nu-ZXqQ.js
index 305fe21..b3caffd 100644
--- a/docs/assets/BalancedTreePage-pB-O0xS6.js
+++ b/docs/assets/BalancedTreePage-2nu-ZXqQ.js
@@ -1,4 +1,4 @@
-import{c as jt,r as p,j as a}from"./index-eCXyAnHs.js";import{P as Nt}from"./plus-CffLiizr.js";import{S as wt}from"./shuffle-CdKU4ZYx.js";import{C as $t,a as yt}from"./chevron-right-BZqZw4c2.js";const kt=[["path",{d:"M5 12h14",key:"1ays0h"}]],It=jt("minus",kt);function K(t){return t?[t,...K(t.left),...K(t.right)]:[]}function X(t){if(!t)return[];const e=[];return t.left&&(e.push({from:t,to:t.left}),e.push(...X(t.left))),t.right&&(e.push({from:t,to:t.right}),e.push(...X(t.right))),e}function Rt({root:t,treeType:e,highlightIds:r}){const s=p.useMemo(()=>K(t),[t]),n=p.useMemo(()=>X(t),[t]);if(!t)return a.jsx("div",{className:"flex flex-1 w-full h-full items-center justify-center rounded-xl border border-slate-700/50 bg-slate-950/80 text-slate-500",children:"No tree — insert a value to begin"});const l=Math.min(...s.map(u=>u.x),0)-40,i=Math.max(...s.map(u=>u.x),0)+40,c=Math.max(...s.map(u=>u.y),0)+40,h=i-l+80,m=c+80;return a.jsx("div",{className:"flex-1 w-full rounded-xl border border-slate-700/50 bg-slate-950/80 p-4 shadow-2xl backdrop-blur-sm overflow-auto",children:a.jsxs("svg",{viewBox:`${l-40} -20 ${h} ${m}`,className:"w-full h-full",preserveAspectRatio:"xMidYMid meet",children:[n.map((u,g)=>a.jsx("line",{x1:u.from.x,y1:u.from.y,x2:u.to.x,y2:u.to.y,stroke:"#475569",strokeWidth:2,strokeOpacity:.5},g)),s.map(u=>{const g=r.includes(u.id),b=e==="rbtree";let N="#1e293b",w="#475569",v="#e2e8f0";return b?u.color==="red"?(N=g?"#f87171":"#dc2626",w="#fca5a5",v="#ffffff"):(N=g?"#475569":"#1e293b",w=g?"#94a3b8":"#64748b",v="#e2e8f0"):g&&(N="#fbbf24",w="#f59e0b",v="#1e293b"),a.jsxs("g",{children:[a.jsx("circle",{cx:u.x,cy:u.y,r:22,fill:N,stroke:w,strokeWidth:g?3:2,className:"transition-all duration-200"}),a.jsx("text",{x:u.x,y:u.y+1,textAnchor:"middle",dominantBaseline:"central",fill:v,fontSize:12,fontWeight:600,fontFamily:"ui-monospace, monospace",children:u.value}),e==="avl"&&a.jsxs("text",{x:u.x+20,y:u.y-18,textAnchor:"middle",dominantBaseline:"central",fill:"#94a3b8",fontSize:9,fontFamily:"ui-monospace, monospace",children:["h",u.height]})]},u.id)})]})})}const St={bst:{name:"Binary Search Tree",description:"A binary tree where left child < parent < right child. No self-balancing — can degenerate to a linked list.",properties:["Unbalanced","O(h) operations","Simple"]},avl:{name:"AVL Tree",description:"A self-balancing BST where the heights of left and right subtrees differ by at most 1. Uses rotations to maintain balance.",properties:["Height-balanced","O(log n)","Rotations"]},rbtree:{name:"Red-Black Tree",description:"A self-balancing BST using node coloring (red/black) and rules to ensure the tree stays approximately balanced.",properties:["Color-balanced","O(log n)","Recoloring"]}},Ct=[{label:"Slow",value:600},{label:"Medium",value:300},{label:"Fast",value:100}],Tt=["bst","avl","rbtree"];function Vt({treeType:t,changeTreeType:e,inputValue:r,setInputValue:s,description:n,stepIndex:l,totalSteps:i,canGoNext:c,canGoPrev:h,history:m,speed:u,setSpeed:g,isPlaying:b,onInsert:N,onDelete:w,onNextStep:v,onPrevStep:j,onGenerateRandom:F}){const I=St[t],R=()=>{const o=parseInt(r);!isNaN(o)&&o>0&&(N(o),s(""))},G=()=>{const o=parseInt(r);!isNaN(o)&&o>0&&(w(o),s(""))},W=o=>{o.key==="Enter"&&R()};return a.jsxs("div",{className:"flex flex-col gap-5 w-full md:w-72 shrink-0 overflow-y-auto max-h-full pr-1",children:[a.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[a.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Tree Type"}),a.jsx("div",{className:"flex gap-2",children:Tt.map(o=>a.jsx("button",{onClick:()=>e(o),className:`
+import{c as jt,r as p,j as a}from"./index-DBkLeWDs.js";import{P as Nt}from"./plus-DVazsZHX.js";import{S as wt}from"./shuffle-Dlr-c52A.js";import{C as $t,a as yt}from"./chevron-right-CFBAUJsk.js";const kt=[["path",{d:"M5 12h14",key:"1ays0h"}]],It=jt("minus",kt);function K(t){return t?[t,...K(t.left),...K(t.right)]:[]}function X(t){if(!t)return[];const e=[];return t.left&&(e.push({from:t,to:t.left}),e.push(...X(t.left))),t.right&&(e.push({from:t,to:t.right}),e.push(...X(t.right))),e}function Rt({root:t,treeType:e,highlightIds:r}){const s=p.useMemo(()=>K(t),[t]),n=p.useMemo(()=>X(t),[t]);if(!t)return a.jsx("div",{className:"flex flex-1 w-full h-full items-center justify-center rounded-xl border border-slate-700/50 bg-slate-950/80 text-slate-500",children:"No tree — insert a value to begin"});const l=Math.min(...s.map(u=>u.x),0)-40,i=Math.max(...s.map(u=>u.x),0)+40,c=Math.max(...s.map(u=>u.y),0)+40,h=i-l+80,m=c+80;return a.jsx("div",{className:"flex-1 w-full rounded-xl border border-slate-700/50 bg-slate-950/80 p-4 shadow-2xl backdrop-blur-sm overflow-auto",children:a.jsxs("svg",{viewBox:`${l-40} -20 ${h} ${m}`,className:"w-full h-full",preserveAspectRatio:"xMidYMid meet",children:[n.map((u,g)=>a.jsx("line",{x1:u.from.x,y1:u.from.y,x2:u.to.x,y2:u.to.y,stroke:"#475569",strokeWidth:2,strokeOpacity:.5},g)),s.map(u=>{const g=r.includes(u.id),b=e==="rbtree";let N="#1e293b",w="#475569",v="#e2e8f0";return b?u.color==="red"?(N=g?"#f87171":"#dc2626",w="#fca5a5",v="#ffffff"):(N=g?"#475569":"#1e293b",w=g?"#94a3b8":"#64748b",v="#e2e8f0"):g&&(N="#fbbf24",w="#f59e0b",v="#1e293b"),a.jsxs("g",{children:[a.jsx("circle",{cx:u.x,cy:u.y,r:22,fill:N,stroke:w,strokeWidth:g?3:2,className:"transition-all duration-200"}),a.jsx("text",{x:u.x,y:u.y+1,textAnchor:"middle",dominantBaseline:"central",fill:v,fontSize:12,fontWeight:600,fontFamily:"ui-monospace, monospace",children:u.value}),e==="avl"&&a.jsxs("text",{x:u.x+20,y:u.y-18,textAnchor:"middle",dominantBaseline:"central",fill:"#94a3b8",fontSize:9,fontFamily:"ui-monospace, monospace",children:["h",u.height]})]},u.id)})]})})}const St={bst:{name:"Binary Search Tree",description:"A binary tree where left child < parent < right child. No self-balancing — can degenerate to a linked list.",properties:["Unbalanced","O(h) operations","Simple"]},avl:{name:"AVL Tree",description:"A self-balancing BST where the heights of left and right subtrees differ by at most 1. Uses rotations to maintain balance.",properties:["Height-balanced","O(log n)","Rotations"]},rbtree:{name:"Red-Black Tree",description:"A self-balancing BST using node coloring (red/black) and rules to ensure the tree stays approximately balanced.",properties:["Color-balanced","O(log n)","Recoloring"]}},Ct=[{label:"Slow",value:600},{label:"Medium",value:300},{label:"Fast",value:100}],Tt=["bst","avl","rbtree"];function Vt({treeType:t,changeTreeType:e,inputValue:r,setInputValue:s,description:n,stepIndex:l,totalSteps:i,canGoNext:c,canGoPrev:h,history:m,speed:u,setSpeed:g,isPlaying:b,onInsert:N,onDelete:w,onNextStep:v,onPrevStep:j,onGenerateRandom:F}){const I=St[t],R=()=>{const o=parseInt(r);!isNaN(o)&&o>0&&(N(o),s(""))},G=()=>{const o=parseInt(r);!isNaN(o)&&o>0&&(w(o),s(""))},W=o=>{o.key==="Enter"&&R()};return a.jsxs("div",{className:"flex flex-col gap-5 w-full md:w-72 shrink-0 overflow-y-auto max-h-full pr-1",children:[a.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[a.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Tree Type"}),a.jsx("div",{className:"flex gap-2",children:Tt.map(o=>a.jsx("button",{onClick:()=>e(o),className:`
flex-1 rounded-lg px-2 py-2 text-xs font-medium transition-all duration-200
${t===o?"bg-indigo-500/20 text-indigo-300 ring-1 ring-indigo-500/40 shadow-lg shadow-indigo-500/10":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50 hover:text-slate-300"}
`,children:o==="rbtree"?"RB Tree":o.toUpperCase()},o))}),a.jsxs("div",{className:"mt-3 rounded-lg bg-slate-800/40 p-3",children:[a.jsx("p",{className:"text-xs text-slate-400 leading-relaxed",children:I.description}),a.jsx("div",{className:"mt-2 flex flex-wrap gap-1.5",children:I.properties.map(o=>a.jsx("span",{className:"inline-flex items-center rounded-full bg-violet-500/10 px-2 py-0.5 text-[10px] font-medium text-violet-400 ring-1 ring-violet-500/20",children:o},o))})]})]}),a.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[a.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Speed"}),a.jsx("div",{className:"flex gap-1",children:Ct.map(o=>a.jsx("button",{onClick:()=>g(o.value),className:`
diff --git a/docs/assets/BattlePage-BlVnZaDx.js b/docs/assets/BattlePage-aVfnCuym.js
similarity index 99%
rename from docs/assets/BattlePage-BlVnZaDx.js
rename to docs/assets/BattlePage-aVfnCuym.js
index 4f8a8d2..d75cf9a 100644
--- a/docs/assets/BattlePage-BlVnZaDx.js
+++ b/docs/assets/BattlePage-aVfnCuym.js
@@ -1 +1 @@
-import{c as He,j as e,f as Le,r as u,g as Ve}from"./index-eCXyAnHs.js";import{V as ge,a as fe}from"./volume-x-CTbtCvt-.js";import{S as Ge}from"./shuffle-CdKU4ZYx.js";import{P as be}from"./play-BqZilH6N.js";import{T as je}from"./trophy-DkUzH7jB.js";import{R as xe}from"./rotate-ccw-B8GZP3d7.js";import{P as ve}from"./pause-nC-0zhw8.js";import{N as D,r as _e}from"./index-DrhCNtmA.js";import{r as Me}from"./index-iw_6MvvU.js";import{g as qe}from"./audioContext-NbgqvQGz.js";import{A as Ye}from"./arrow-left-DiyrXoev.js";import{M as Ee}from"./map-4vhpgcAJ.js";const Xe=[["path",{d:"M3 3v16a2 2 0 0 0 2 2h16",key:"c24i48"}],["path",{d:"M18 17V9",key:"2bz60n"}],["path",{d:"M13 17V5",key:"1frdt8"}],["path",{d:"M8 17v-3",key:"17ska0"}]],Ke=He("chart-column",Xe);const Qe=[["line",{x1:"5",x2:"19",y1:"9",y2:"9",key:"1nwqeh"}],["line",{x1:"5",x2:"19",y1:"15",y2:"15",key:"g8yjpy"}]],ye=He("equal",Qe),X=[{value:"bubble",label:"Bubble Sort"},{value:"selection",label:"Selection Sort"},{value:"insertion",label:"Insertion Sort"},{value:"quick",label:"Quick Sort"},{value:"heap",label:"Heap Sort"},{value:"merge",label:"Merge Sort"}],ze={bubble:{best:"O(n)",average:"O(n²)",worst:"O(n²)",space:"O(1)"},selection:{best:"O(n²)",average:"O(n²)",worst:"O(n²)",space:"O(1)"},insertion:{best:"O(n)",average:"O(n²)",worst:"O(n²)",space:"O(1)"},quick:{best:"O(n log n)",average:"O(n log n)",worst:"O(n²)",space:"O(log n)"},heap:{best:"O(n log n)",average:"O(n log n)",worst:"O(n log n)",space:"O(1)"},merge:{best:"O(n log n)",average:"O(n log n)",worst:"O(n log n)",space:"O(n)"}},me=[{label:"Slow",value:150},{label:"Medium",value:50},{label:"Fast",value:15},{label:"Turbo",value:1}];function Ue(t,a){const s=[];for(let l=0;ln-c);const l=Math.max(1,Math.floor(t*.05));for(let n=0;nn-l);return s}function Ze(t,a,s,l,n,c){const i=X.find(f=>f.value===a).label,o=X.find(f=>f.value===s).label;if(t==="tie")return`Both ${i} and ${o} completed in the same number of operations. This can happen with small inputs or similar-complexity algorithms.`;const r=t==="A"?i:o,d=t==="A"?o:i,m=t==="A"?l:n,x=t==="A"?n:l,g=(x.totalSteps/Math.max(m.totalSteps,1)).toFixed(1);let p=`${r} won with ${m.totalSteps} steps vs ${x.totalSteps} steps (${g}x fewer operations). `;return c==="nearly-sorted"?p+="On nearly-sorted data, algorithms like Insertion Sort have a natural advantage due to their O(n) best-case performance.":c==="reversed"?p+="Reversed input is the worst case for O(n²) algorithms, making the performance gap with O(n log n) algorithms very visible.":p+=`${d} performed more operations because its average-case complexity is higher for this input distribution.`,p}const Je=[{value:"random",label:"Random"},{value:"nearly-sorted",label:"Nearly Sorted"},{value:"reversed",label:"Reversed"}],et=[{value:"realtime",label:"Real-Time",desc:"Watch both algorithms animate step-by-step"},{value:"turbo",label:"Turbo",desc:"Instant execution, metrics only"},{value:"prediction",label:"Prediction",desc:"Predict the winner before starting"}];function tt({algorithmA:t,algorithmB:a,inputSize:s,inputType:l,gameMode:n,speed:c,soundEnabled:i,prediction:o,onSetAlgorithmA:r,onSetAlgorithmB:d,onSetInputSize:m,onSetInputType:x,onSetGameMode:g,onSetSpeed:p,onToggleSound:f,onSetPrediction:y,onStart:C}){const w=X.find(h=>h.value===t).label,S=X.find(h=>h.value===a).label;return e.jsxs("div",{className:"flex-1 overflow-y-auto",children:[e.jsxs("section",{className:"flex flex-col items-center justify-center px-6 pt-8 pb-4 text-center",children:[e.jsxs("div",{className:"mb-3 inline-flex items-center gap-2 rounded-full bg-rose-500/10 px-4 py-1.5 ring-1 ring-rose-500/20",children:[e.jsx(Le,{size:14,className:"text-rose-400"}),e.jsx("span",{className:"text-xs font-medium text-rose-300",children:"Algorithm Battles"})]}),e.jsxs("h2",{className:"text-2xl font-extrabold tracking-tight text-white",children:[e.jsx("span",{className:"bg-gradient-to-r from-rose-400 to-orange-400 bg-clip-text text-transparent",children:w})," ","vs"," ",e.jsx("span",{className:"bg-gradient-to-r from-cyan-400 to-blue-400 bg-clip-text text-transparent",children:S})]})]}),e.jsx("section",{className:"px-4 pb-8",children:e.jsxs("div",{className:"mx-auto max-w-2xl space-y-4",children:[e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-rose-400 mb-3",children:"Algorithm A"}),e.jsx("div",{className:"grid grid-cols-2 gap-1.5",children:X.map(h=>e.jsx("button",{onClick:()=>r(h.value),className:`rounded-lg px-2 py-2 text-[11px] font-medium transition-all ${t===h.value?"bg-rose-500/20 text-rose-300 ring-1 ring-rose-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:h.label},h.value))})]}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-cyan-400 mb-3",children:"Algorithm B"}),e.jsx("div",{className:"grid grid-cols-2 gap-1.5",children:X.map(h=>e.jsx("button",{onClick:()=>d(h.value),className:`rounded-lg px-2 py-2 text-[11px] font-medium transition-all ${a===h.value?"bg-cyan-500/20 text-cyan-300 ring-1 ring-cyan-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:h.label},h.value))})]})]}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Input Configuration"}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-1",children:[e.jsx("span",{className:"text-xs text-slate-500",children:"Array Size"}),e.jsx("span",{className:"text-sm font-mono font-bold text-indigo-300",children:s})]}),e.jsx("input",{type:"range",min:10,max:200,step:10,value:s,onChange:h=>m(Number(h.target.value)),className:"w-full accent-indigo-500"})]}),e.jsx("div",{className:"flex gap-1.5",children:Je.map(h=>e.jsx("button",{onClick:()=>x(h.value),className:`flex-1 rounded-lg px-2 py-2 text-[11px] font-medium transition-all ${l===h.value?"bg-indigo-500/20 text-indigo-300 ring-1 ring-indigo-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:h.label},h.value))})]})]}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Game Mode"}),e.jsx("div",{className:"grid grid-cols-3 gap-1.5",children:et.map(h=>e.jsxs("button",{onClick:()=>g(h.value),className:`flex flex-col items-center rounded-lg px-2 py-2.5 text-[11px] font-medium transition-all ${n===h.value?"bg-violet-500/20 text-violet-300 ring-1 ring-violet-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:[e.jsx("span",{className:"font-semibold",children:h.label}),e.jsx("span",{className:"text-[9px] text-slate-500 mt-0.5 hidden sm:block",children:h.desc})]},h.value))})]}),n==="prediction"&&e.jsxs("div",{className:"rounded-xl border border-amber-500/20 bg-amber-500/5 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-amber-400 mb-3",children:"Your Prediction"}),e.jsx("p",{className:"text-[10px] text-amber-300/60 mb-3",children:"Who will win with fewer operations?"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx("button",{onClick:()=>y("A"),className:`flex-1 rounded-lg px-3 py-2.5 text-sm font-medium transition-all ${o==="A"?"bg-rose-500/20 text-rose-300 ring-1 ring-rose-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:w}),e.jsx("button",{onClick:()=>y("B"),className:`flex-1 rounded-lg px-3 py-2.5 text-sm font-medium transition-all ${o==="B"?"bg-cyan-500/20 text-cyan-300 ring-1 ring-cyan-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:S})]})]}),e.jsxs("div",{className:"flex gap-4",children:[e.jsxs("div",{className:"flex-1 rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Speed"}),e.jsx("div",{className:"flex gap-1.5",children:me.map(h=>e.jsx("button",{onClick:()=>p(h.value),className:`flex-1 rounded-lg px-2 py-2 text-[11px] font-medium transition-all ${c===h.value?"bg-emerald-500/20 text-emerald-300 ring-1 ring-emerald-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:h.label},h.value))})]}),e.jsxs("button",{onClick:()=>f(!i),className:`shrink-0 flex flex-col items-center justify-center rounded-xl px-4 transition-all ${i?"bg-indigo-500/15 text-indigo-300 ring-1 ring-indigo-500/30":"bg-slate-800/60 text-slate-500 ring-1 ring-slate-700/40"}`,children:[i?e.jsx(ge,{size:18}):e.jsx(fe,{size:18}),e.jsx("span",{className:"text-[10px] mt-1",children:i?"On":"Off"})]})]}),e.jsxs("button",{onClick:C,disabled:n==="prediction"&&!o,className:"w-full flex items-center justify-center gap-2 rounded-xl bg-gradient-to-r from-rose-500/20 to-cyan-500/20 px-6 py-4 text-base font-bold text-white ring-1 ring-white/10 transition-all hover:from-rose-500/30 hover:to-cyan-500/30 hover:ring-white/20 active:scale-[0.98] disabled:opacity-40 disabled:cursor-not-allowed",children:[e.jsx(Ge,{size:18,className:"text-rose-300"}),e.jsx(be,{size:18,className:"text-cyan-300"}),"Start Battle"]})]})})]})}function ke({state:t,color:a,maxVal:s}){const l=X.find(x=>x.value===t.algorithm).label,n=t.status==="finished",c=t.array.length,o={rose:{default:"bg-rose-500/60",comparing:"bg-amber-400",swapping:"bg-rose-300",sorted:"bg-emerald-500/70",border:n?"ring-2 ring-emerald-500/50":"ring-1 ring-slate-700/50",label:"text-rose-400",badge:"bg-rose-500/15 text-rose-300 ring-rose-500/30"},cyan:{default:"bg-cyan-500/60",comparing:"bg-amber-400",swapping:"bg-cyan-300",sorted:"bg-emerald-500/70",border:n?"ring-2 ring-emerald-500/50":"ring-1 ring-slate-700/50",label:"text-cyan-400",badge:"bg-cyan-500/15 text-cyan-300 ring-cyan-500/30"}}[a],r=new Set(t.comparing||[]),d=new Set(t.swapping||[]),m=new Set(t.sorted);return e.jsxs("div",{className:"flex-1 min-w-0 flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-center justify-between px-1",children:[e.jsx("span",{className:`text-xs font-bold ${o.label}`,children:l}),e.jsx("span",{className:`rounded-full px-2 py-0.5 text-[10px] font-medium ring-1 ${o.badge}`,children:n?"Finished":"Running"})]}),e.jsx("div",{className:`rounded-xl border border-slate-700/50 bg-slate-950/80 p-2 ${o.border} transition-all overflow-hidden`,children:e.jsx("div",{className:"flex items-end gap-px h-32 sm:h-44 md:h-52",children:t.array.map((x,g)=>{const p=x/s*100;let f=o.default;return r.has(g)?f=o.comparing:d.has(g)?f=o.swapping:m.has(g)&&(f=o.sorted),e.jsx("div",{className:`flex-1 rounded-t-sm transition-all duration-75 ${f}`,style:{height:`${p}%`,minWidth:c>100?"1px":"2px"}},g)})})}),e.jsxs("div",{className:"grid grid-cols-3 gap-1.5 px-1",children:[e.jsxs("div",{className:"rounded-lg bg-slate-800/50 px-2 py-1.5 text-center",children:[e.jsx("div",{className:"text-[10px] text-slate-500",children:"Comparisons"}),e.jsx("div",{className:"text-xs font-mono font-bold text-white",children:t.metrics.comparisons})]}),e.jsxs("div",{className:"rounded-lg bg-slate-800/50 px-2 py-1.5 text-center",children:[e.jsx("div",{className:"text-[10px] text-slate-500",children:"Swaps"}),e.jsx("div",{className:"text-xs font-mono font-bold text-white",children:t.metrics.swaps})]}),e.jsxs("div",{className:"rounded-lg bg-slate-800/50 px-2 py-1.5 text-center",children:[e.jsx("div",{className:"text-[10px] text-slate-500",children:"Steps"}),e.jsxs("div",{className:"text-xs font-mono font-bold text-white",children:[t.metrics.stepsCompleted,"/",t.metrics.totalSteps]})]})]})]})}function st({history:t,nameA:a,nameB:s}){const{pathA:l,pathB:n,maxOps:c,maxTime:i}=u.useMemo(()=>{if(t.length<2)return{pathA:"",pathB:"",maxOps:1,maxTime:1};const o=Math.max(...t.map(g=>Math.max(g.opsA,g.opsB)),1),r=t.length-1,d=400,m=120,x=g=>t.map((p,f)=>{const y=f/r*d,C=m-p[g]/o*m;return`${f===0?"M":"L"}${y.toFixed(1)},${C.toFixed(1)}`}).join(" ");return{pathA:x("opsA"),pathB:x("opsB"),maxOps:o,maxTime:r}},[t]);return t.length<2?null:e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Live Performance"}),e.jsxs("div",{className:"flex items-center gap-4 mb-2",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("div",{className:"h-2 w-4 rounded-full bg-rose-400"}),e.jsx("span",{className:"text-[10px] text-slate-400",children:a})]}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("div",{className:"h-2 w-4 rounded-full bg-cyan-400"}),e.jsx("span",{className:"text-[10px] text-slate-400",children:s})]}),e.jsxs("span",{className:"ml-auto text-[10px] text-slate-500",children:["Max ops: ",c]})]}),e.jsxs("svg",{viewBox:"0 0 400 120",className:"w-full h-20 sm:h-28",preserveAspectRatio:"none",children:[e.jsx("path",{d:l,fill:"none",stroke:"#fb7185",strokeWidth:2,strokeLinecap:"round"}),e.jsx("path",{d:n,fill:"none",stroke:"#22d3ee",strokeWidth:2,strokeLinecap:"round"})]}),e.jsxs("div",{className:"flex justify-between mt-1",children:[e.jsx("span",{className:"text-[9px] text-slate-600",children:"0"}),e.jsxs("span",{className:"text-[9px] text-slate-600",children:["Steps → ",i]})]})]})}function nt({stateA:t,stateB:a,winner:s,prediction:l,predictionCorrect:n,inputType:c,onReset:i}){const o=X.find(g=>g.value===t.algorithm).label,r=X.find(g=>g.value===a.algorithm).label,d=ze[t.algorithm],m=ze[a.algorithm],x=Ze(s,t.algorithm,a.algorithm,t.metrics,a.metrics,c);return e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-5 backdrop-blur-sm space-y-4",children:[e.jsx("div",{className:"text-center",children:s==="tie"?e.jsxs("div",{className:"inline-flex items-center gap-2 rounded-full bg-amber-500/10 px-5 py-2 ring-1 ring-amber-500/20",children:[e.jsx(ye,{size:18,className:"text-amber-400"}),e.jsx("span",{className:"text-sm font-bold text-amber-300",children:"It's a Tie!"})]}):e.jsxs("div",{className:`inline-flex items-center gap-2 rounded-full px-5 py-2 ring-1 ${s==="A"?"bg-rose-500/10 ring-rose-500/20":"bg-cyan-500/10 ring-cyan-500/20"}`,children:[e.jsx(je,{size:18,className:s==="A"?"text-rose-400":"text-cyan-400"}),e.jsxs("span",{className:`text-sm font-bold ${s==="A"?"text-rose-300":"text-cyan-300"}`,children:[s==="A"?o:r," Wins!"]})]})}),l&&n!==null&&e.jsx("div",{className:`rounded-lg px-4 py-2.5 text-center text-xs font-medium ${n?"bg-emerald-500/10 text-emerald-300 ring-1 ring-emerald-500/20":"bg-rose-500/10 text-rose-300 ring-1 ring-rose-500/20"}`,children:n?"🎯 Your prediction was correct!":"❌ Your prediction was wrong. Keep learning!"}),e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-xs",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-slate-700/50",children:[e.jsx("th",{className:"py-2 text-left text-slate-500 font-medium",children:"Metric"}),e.jsx("th",{className:"py-2 text-center text-rose-400 font-semibold",children:o}),e.jsx("th",{className:"py-2 text-center text-cyan-400 font-semibold",children:r})]})}),e.jsx("tbody",{className:"font-mono",children:[{label:"Total Steps",a:t.metrics.totalSteps,b:a.metrics.totalSteps},{label:"Comparisons",a:t.metrics.comparisons,b:a.metrics.comparisons},{label:"Swaps",a:t.metrics.swaps,b:a.metrics.swaps},{label:"Array Accesses",a:t.metrics.arrayAccesses,b:a.metrics.arrayAccesses},{label:"Time (s)",a:t.metrics.timeElapsed.toFixed(2),b:a.metrics.timeElapsed.toFixed(2)}].map(({label:g,a:p,b:f})=>{const y=typeof p=="string"?parseFloat(p):p,C=typeof f=="string"?parseFloat(f):f;return e.jsxs("tr",{className:"border-b border-slate-800/50",children:[e.jsx("td",{className:"py-2 text-slate-400",children:g}),e.jsxs("td",{className:`py-2 text-center font-semibold ${y<=C?"text-emerald-300":"text-white"}`,children:[p,ye.jsxs("div",{className:"rounded-lg bg-slate-800/40 p-3",children:[e.jsx("h4",{className:`text-[10px] font-bold uppercase tracking-wider ${f==="rose"?"text-rose-400":"text-cyan-400"} mb-2`,children:g}),e.jsxs("div",{className:"space-y-1 text-[10px] font-mono",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-slate-500",children:"Best"}),e.jsx("span",{className:"text-slate-300",children:p.best})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-slate-500",children:"Average"}),e.jsx("span",{className:"text-slate-300",children:p.average})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-slate-500",children:"Worst"}),e.jsx("span",{className:"text-slate-300",children:p.worst})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-slate-500",children:"Space"}),e.jsx("span",{className:"text-slate-300",children:p.space})]})]})]},g))}),e.jsxs("div",{className:"rounded-lg bg-indigo-500/5 px-4 py-3 ring-1 ring-indigo-500/15",children:[e.jsx("h4",{className:"text-[10px] font-bold uppercase tracking-wider text-indigo-400 mb-1",children:"Why?"}),e.jsx("p",{className:"text-xs text-slate-400 leading-relaxed",children:x})]}),e.jsxs("button",{onClick:i,className:"w-full flex items-center justify-center gap-2 rounded-xl bg-slate-800/60 px-6 py-3 text-sm font-medium text-slate-300 ring-1 ring-slate-700/50 transition-all hover:bg-slate-700/60 active:scale-[0.98]",children:[e.jsx(xe,{size:14}),"New Battle"]})]})}function at({stateA:t,stateB:a,status:s,winner:l,prediction:n,predictionCorrect:c,inputType:i,speed:o,soundEnabled:r,metricsHistory:d,onPause:m,onResume:x,onReset:g,onSetSpeed:p,onToggleSound:f}){const y=X.find(h=>h.value===t.algorithm).label,C=X.find(h=>h.value===a.algorithm).label,w=Math.max(...t.array,...a.array,1),S=s==="running";return e.jsx("div",{className:"flex-1 overflow-y-auto p-4 md:p-6",children:e.jsxs("div",{className:"mx-auto max-w-5xl space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3 flex-wrap",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[s!=="finished"&&e.jsxs("button",{onClick:S?m:x,className:"flex items-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2 text-xs font-medium text-slate-300 ring-1 ring-slate-700/50 transition-all hover:bg-slate-700/60",children:[S?e.jsx(ve,{size:14}):e.jsx(be,{size:14}),S?"Pause":"Resume"]}),e.jsxs("button",{onClick:g,className:"flex items-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2 text-xs font-medium text-slate-300 ring-1 ring-slate-700/50 transition-all hover:bg-slate-700/60",children:[e.jsx(xe,{size:14}),"Reset"]}),e.jsx("button",{onClick:()=>f(!r),className:`flex items-center gap-1.5 rounded-lg px-3 py-2 text-xs font-medium transition-all ring-1 ${r?"bg-indigo-500/15 text-indigo-300 ring-indigo-500/30":"bg-slate-800/60 text-slate-500 ring-slate-700/40"}`,children:r?e.jsx(ge,{size:14}):e.jsx(fe,{size:14})})]}),s!=="finished"&&e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"text-[10px] text-slate-500",children:"Speed:"}),me.map(h=>e.jsx("button",{onClick:()=>p(h.value),className:`rounded px-2 py-1 text-[10px] font-medium transition-all ${o===h.value?"bg-emerald-500/20 text-emerald-300 ring-1 ring-emerald-500/40":"bg-slate-800/50 text-slate-500 hover:bg-slate-700/50"}`,children:h.label},h.value))]}),e.jsxs("div",{className:"text-xs text-slate-500 font-mono",children:[t.metrics.timeElapsed.toFixed(1),"s"]})]}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-4",children:[e.jsx(ke,{state:t,color:"rose",maxVal:w}),e.jsx(ke,{state:a,color:"cyan",maxVal:w})]}),e.jsx(st,{history:d,nameA:y,nameB:C}),s==="finished"&&l&&e.jsx(nt,{stateA:t,stateB:a,winner:l,prediction:n,predictionCorrect:c,inputType:i,onReset:g})]})})}const ne=15,Z=25,lt=.25,rt=[{value:"random",label:"Random Scatter"},{value:"recursive-division",label:"Recursive Division"},{value:"dfs-maze",label:"DFS Maze"}];function Re(t,a){return`${t},${a}`}function it(){const t=[];for(let a=0;ac===a.row&&i===a.col||c===s.row&&i===s.col;function n(c,i,o,r,d){if(d){if(i-c<2)return;const m=[];for(let p=c+1;p.5)}function dt(t,a,s){for(let o=0;oMath.random()-.5);for(const[m,x]of d){const g=o+m,p=r+x;g>=0&&g=0&&p=0&&(t[s.row][s.col-1].type=D.EMPTY)}function ut(t="random"){const a=it(),s={row:Math.floor(ne/2),col:1},l={row:Math.floor(ne/2),col:Z-2};switch(t){case"recursive-division":ot(a,s,l);break;case"dfs-maze":dt(a,s,l);break;default:ct(a,s,l);break}return a[s.row][s.col].type=D.START,a[l.row][l.col].type=D.END,{grid:a,start:s,end:l}}function Te(t,a,s,l){const n=_e(l,t,a,s),c=n.visitedNodesInOrder,i=n.shortestPath,o=[],r=new Set;for(let d=0;d0){const d=new Set(r);for(let m=0;mRe(x.row,x.col)))})}return{steps:o,totalVisited:c.length,pathLength:i.length,found:i.length>0}}const de=[{value:"bfs",label:"BFS"},{value:"dfs",label:"DFS"},{value:"dijkstra",label:"Dijkstra"},{value:"astar",label:"A*"}],$e={bfs:{time:"O(V + E)",space:"O(V)",optimal:!0},dfs:{time:"O(V + E)",space:"O(V)",optimal:!1},dijkstra:{time:"O(V² / V+E log V)",space:"O(V)",optimal:!0},astar:{time:"O(E)",space:"O(V)",optimal:!0}};function Be({grid:t,step:a,algorithm:s,color:l,finished:n,totalVisited:c,pathLength:i,currentIndex:o,totalSteps:r}){const d=de.find(g=>g.value===s).label,x={rose:{visited:"bg-rose-500/40",path:"bg-rose-300",current:"bg-rose-400",label:"text-rose-400",badge:"bg-rose-500/15 text-rose-300 ring-rose-500/30",border:n?"ring-2 ring-emerald-500/50":"ring-1 ring-slate-700/50"},cyan:{visited:"bg-cyan-500/40",path:"bg-cyan-300",current:"bg-cyan-400",label:"text-cyan-400",badge:"bg-cyan-500/15 text-cyan-300 ring-cyan-500/30",border:n?"ring-2 ring-emerald-500/50":"ring-1 ring-slate-700/50"}}[l];return e.jsxs("div",{className:"flex-1 min-w-0 flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-center justify-between px-1",children:[e.jsx("span",{className:`text-xs font-bold ${x.label}`,children:d}),e.jsx("span",{className:`rounded-full px-2 py-0.5 text-[10px] font-medium ring-1 ${x.badge}`,children:n?"Finished":"Running"})]}),e.jsx("div",{className:`rounded-xl border border-slate-700/50 bg-slate-950/80 p-1 ${x.border} transition-all overflow-hidden`,children:e.jsx("div",{className:"grid",style:{gridTemplateColumns:`repeat(${Z}, 1fr)`,gap:"1px"},children:t.map((g,p)=>g.map((f,y)=>{const C=`${p},${y}`;let w="bg-slate-800/40";return f.type===D.WALL?w="bg-slate-600":f.type===D.START?w="bg-emerald-500":f.type===D.END?w="bg-amber-500":a&&(a.pathNodes.has(C)?w=x.path:a.currentNode&&a.currentNode.row===p&&a.currentNode.col===y?w=x.current:a.visitedSoFar.has(C)&&(w=x.visited)),e.jsx("div",{className:`aspect-square rounded-[1px] ${w} transition-colors duration-75`},C)}))})}),e.jsxs("div",{className:"grid grid-cols-3 gap-1.5 px-1",children:[e.jsxs("div",{className:"rounded-lg bg-slate-800/50 px-2 py-1.5 text-center",children:[e.jsx("div",{className:"text-[10px] text-slate-500",children:"Visited"}),e.jsx("div",{className:"text-xs font-mono font-bold text-white",children:c})]}),e.jsxs("div",{className:"rounded-lg bg-slate-800/50 px-2 py-1.5 text-center",children:[e.jsx("div",{className:"text-[10px] text-slate-500",children:"Path"}),e.jsx("div",{className:"text-xs font-mono font-bold text-white",children:i})]}),e.jsxs("div",{className:"rounded-lg bg-slate-800/50 px-2 py-1.5 text-center",children:[e.jsx("div",{className:"text-[10px] text-slate-500",children:"Steps"}),e.jsxs("div",{className:"text-xs font-mono font-bold text-white",children:[o,"/",r]})]})]})]})}function xt({grid:t,stateA:a,stateB:s,status:l,winner:n,prediction:c,predictionCorrect:i,speed:o,soundEnabled:r,onPause:d,onResume:m,onReset:x,onSetSpeed:g,onToggleSound:p}){const f=l==="running",y=de.find(h=>h.value===a.algorithm).label,C=de.find(h=>h.value===s.algorithm).label,w=a.currentIndexp(!r),className:`flex items-center gap-1.5 rounded-lg px-3 py-2 text-xs font-medium ring-1 ${r?"bg-indigo-500/15 text-indigo-300 ring-indigo-500/30":"bg-slate-800/60 text-slate-500 ring-slate-700/40"}`,children:r?e.jsx(ge,{size:14}):e.jsx(fe,{size:14})})]}),l!=="finished"&&e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"text-[10px] text-slate-500",children:"Speed:"}),me.map(h=>e.jsx("button",{onClick:()=>g(h.value),className:`rounded px-2 py-1 text-[10px] font-medium ${o===h.value?"bg-emerald-500/20 text-emerald-300 ring-1 ring-emerald-500/40":"bg-slate-800/50 text-slate-500 hover:bg-slate-700/50"}`,children:h.label},h.value))]})]}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-4",children:[e.jsx(Be,{grid:t,step:w,algorithm:a.algorithm,color:"rose",finished:a.finished,totalVisited:a.totalVisited,pathLength:a.pathLength,currentIndex:a.currentIndex,totalSteps:a.steps.length}),e.jsx(Be,{grid:t,step:S,algorithm:s.algorithm,color:"cyan",finished:s.finished,totalVisited:s.totalVisited,pathLength:s.pathLength,currentIndex:s.currentIndex,totalSteps:s.steps.length})]}),l==="finished"&&n&&e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-5 backdrop-blur-sm space-y-4",children:[e.jsx("div",{className:"text-center",children:n==="tie"?e.jsxs("div",{className:"inline-flex items-center gap-2 rounded-full bg-amber-500/10 px-5 py-2 ring-1 ring-amber-500/20",children:[e.jsx(ye,{size:18,className:"text-amber-400"}),e.jsx("span",{className:"text-sm font-bold text-amber-300",children:"It's a Tie!"})]}):e.jsxs("div",{className:`inline-flex items-center gap-2 rounded-full px-5 py-2 ring-1 ${n==="A"?"bg-rose-500/10 ring-rose-500/20":"bg-cyan-500/10 ring-cyan-500/20"}`,children:[e.jsx(je,{size:18,className:n==="A"?"text-rose-400":"text-cyan-400"}),e.jsxs("span",{className:`text-sm font-bold ${n==="A"?"text-rose-300":"text-cyan-300"}`,children:[n==="A"?y:C," Wins!"]})]})}),c&&i!==null&&e.jsx("div",{className:`rounded-lg px-4 py-2.5 text-center text-xs font-medium ${i?"bg-emerald-500/10 text-emerald-300 ring-1 ring-emerald-500/20":"bg-rose-500/10 text-rose-300 ring-1 ring-rose-500/20"}`,children:i?"🎯 Correct prediction!":"❌ Wrong prediction. Keep learning!"}),e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-xs",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-slate-700/50",children:[e.jsx("th",{className:"py-2 text-left text-slate-500",children:"Metric"}),e.jsx("th",{className:"py-2 text-center text-rose-400 font-semibold",children:y}),e.jsx("th",{className:"py-2 text-center text-cyan-400 font-semibold",children:C})]})}),e.jsx("tbody",{className:"font-mono",children:[{label:"Nodes Visited",a:a.totalVisited,b:s.totalVisited},{label:"Path Length",a:a.pathLength,b:s.pathLength},{label:"Total Steps",a:a.steps.length,b:s.steps.length}].map(({label:h,a:z,b:B})=>e.jsxs("tr",{className:"border-b border-slate-800/50",children:[e.jsx("td",{className:"py-2 text-slate-400",children:h}),e.jsxs("td",{className:`py-2 text-center font-semibold ${z<=B?"text-emerald-300":"text-white"}`,children:[z,ze.jsxs("div",{className:"rounded-lg bg-slate-800/40 p-3",children:[e.jsx("h4",{className:`text-[10px] font-bold uppercase tracking-wider ${B==="rose"?"text-rose-400":"text-cyan-400"} mb-2`,children:h}),e.jsxs("div",{className:"space-y-1 text-[10px] font-mono",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-slate-500",children:"Time"}),e.jsx("span",{className:"text-slate-300",children:z.time})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-slate-500",children:"Space"}),e.jsx("span",{className:"text-slate-300",children:z.space})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-slate-500",children:"Optimal"}),e.jsx("span",{className:z.optimal?"text-emerald-300":"text-rose-300",children:z.optimal?"Yes":"No"})]})]})]},h))}),e.jsxs("button",{onClick:x,className:"w-full flex items-center justify-center gap-2 rounded-xl bg-slate-800/60 px-6 py-3 text-sm font-medium text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/60 active:scale-[0.98]",children:[e.jsx(xe,{size:14})," New Battle"]})]})]})})}const Ne=[{value:"fibonacci",label:"Fibonacci",desc:"Compute the Nth Fibonacci number",inputLabel:"N",inputMin:5,inputMax:25,defaultN:15},{value:"factorial",label:"Factorial",desc:"Compute N! (N factorial)",inputLabel:"N",inputMin:3,inputMax:20,defaultN:10},{value:"staircase",label:"Staircase",desc:"Ways to climb N stairs (1 or 2 steps)",inputLabel:"Stairs",inputMin:5,inputMax:25,defaultN:15},{value:"coin-change",label:"Coin Change",desc:"Min coins to make amount N (coins: 1,3,5)",inputLabel:"Amount",inputMin:5,inputMax:30,defaultN:15}];function Ie(t){const a=[];let s=0,l=0;function n(i,o){if(s++,l=Math.max(l,o),a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:null,cacheSize:0}),i<=1)return a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:i,cacheSize:0}),i;const r=n(i-1,o+1)+n(i-2,o+1);return a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:r,cacheSize:0}),r}const c=n(t,0);return{steps:a,finalResult:c,totalCalls:s,totalCacheHits:0,maxDepth:l}}function mt(t){const a=[];let s=0,l=0,n=0;const c=new Map;function i(r,d){if(s++,n=Math.max(n,d),c.has(r)){l++;const x=c.get(r);return a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:x,cacheSize:c.size}),x}if(a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:null,cacheSize:c.size}),r<=1)return c.set(r,r),a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:r,cacheSize:c.size}),r;const m=i(r-1,d+1)+i(r-2,d+1);return c.set(r,m),a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:m,cacheSize:c.size}),m}const o=i(t,0);return{steps:a,finalResult:o,totalCalls:s,totalCacheHits:l,maxDepth:n}}function pt(t){const a=[];let s=0;if(t<=1)return s=1,a.push({callCount:s,cacheHits:0,currentDepth:0,maxDepth:0,currentN:t,result:t,cacheSize:0}),{steps:a,finalResult:t,totalCalls:1,totalCacheHits:0,maxDepth:0};let l=0,n=1;for(let c=2;c<=t;c++){s++;const i=l+n;l=n,n=i,a.push({callCount:s,cacheHits:0,currentDepth:0,maxDepth:0,currentN:c,result:n,cacheSize:0})}return{steps:a,finalResult:n,totalCalls:s,totalCacheHits:0,maxDepth:0}}const ue=[{value:"naive",label:"Naive Recursive"},{value:"memoized",label:"Memoized"},{value:"iterative",label:"Iterative"}],De={naive:{time:"O(2ⁿ)",space:"O(n)"},memoized:{time:"O(n)",space:"O(n)"},iterative:{time:"O(n)",space:"O(1)"}};function ht(t){const a=[];let s=0,l=0;function n(i,o){if(s++,l=Math.max(l,o),a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:null,cacheSize:0}),i<=1)return a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:1,cacheSize:0}),1;const r=i*n(i-1,o+1);return a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:r,cacheSize:0}),r}const c=n(t,0);return{steps:a,finalResult:c,totalCalls:s,totalCacheHits:0,maxDepth:l}}function gt(t){const a=[];let s=0,l=0,n=0;const c=new Map;function i(r,d){if(s++,n=Math.max(n,d),c.has(r)){l++;const x=c.get(r);return a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:x,cacheSize:c.size}),x}if(a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:null,cacheSize:c.size}),r<=1)return c.set(r,1),a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:1,cacheSize:c.size}),1;const m=r*i(r-1,d+1);return c.set(r,m),a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:m,cacheSize:c.size}),m}const o=i(t,0);return{steps:a,finalResult:o,totalCalls:s,totalCacheHits:l,maxDepth:n}}function ft(t){const a=[];let s=1;for(let l=2;l<=t;l++)s*=l,a.push({callCount:l-1,cacheHits:0,currentDepth:0,maxDepth:0,currentN:l,result:s,cacheSize:0});return a.length===0&&a.push({callCount:1,cacheHits:0,currentDepth:0,maxDepth:0,currentN:t,result:1,cacheSize:0}),{steps:a,finalResult:s,totalCalls:Math.max(t-1,1),totalCacheHits:0,maxDepth:0}}function bt(t){const a=[];let s=0,l=0;function n(i,o){if(s++,l=Math.max(l,o),a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:null,cacheSize:0}),i<=1)return a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:1,cacheSize:0}),1;const r=n(i-1,o+1)+n(i-2,o+1);return a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:r,cacheSize:0}),r}const c=n(t,0);return{steps:a,finalResult:c,totalCalls:s,totalCacheHits:0,maxDepth:l}}function Nt(t){const a=[];let s=0,l=0,n=0;const c=new Map;function i(r,d){if(s++,n=Math.max(n,d),c.has(r)){l++;const x=c.get(r);return a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:x,cacheSize:c.size}),x}if(a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:null,cacheSize:c.size}),r<=1)return c.set(r,1),a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:1,cacheSize:c.size}),1;const m=i(r-1,d+1)+i(r-2,d+1);return c.set(r,m),a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:m,cacheSize:c.size}),m}const o=i(t,0);return{steps:a,finalResult:o,totalCalls:s,totalCacheHits:l,maxDepth:n}}function jt(t){const a=[];if(t<=1)return a.push({callCount:1,cacheHits:0,currentDepth:0,maxDepth:0,currentN:t,result:1,cacheSize:0}),{steps:a,finalResult:1,totalCalls:1,totalCacheHits:0,maxDepth:0};let s=1,l=1;for(let n=2;n<=t;n++){const c=s+l;s=l,l=c,a.push({callCount:n-1,cacheHits:0,currentDepth:0,maxDepth:0,currentN:n,result:l,cacheSize:0})}return{steps:a,finalResult:l,totalCalls:t-1,totalCacheHits:0,maxDepth:0}}const Se=[1,3,5];function vt(t){const a=[];let s=0,l=0;function n(i,o){if(s++,l=Math.max(l,o),a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:null,cacheSize:0}),i===0)return a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:0,cacheSize:0}),0;if(i<0)return a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:1/0,cacheSize:0}),1/0;let r=1/0;for(const d of Se){const m=n(i-d,o+1);m!==1/0&&(r=Math.min(r,m+1))}return a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:r===1/0?-1:r,cacheSize:0}),r}const c=n(t,0);return{steps:a,finalResult:c===1/0?-1:c,totalCalls:s,totalCacheHits:0,maxDepth:l}}function yt(t){const a=[];let s=0,l=0,n=0;const c=new Map;function i(r,d){if(s++,n=Math.max(n,d),c.has(r)){l++;const x=c.get(r);return a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:x===1/0?-1:x,cacheSize:c.size}),x}if(a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:null,cacheSize:c.size}),r===0)return c.set(0,0),a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:0,cacheSize:c.size}),0;if(r<0)return 1/0;let m=1/0;for(const x of Se){const g=i(r-x,d+1);g!==1/0&&(m=Math.min(m,g+1))}return c.set(r,m),a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:m===1/0?-1:m,cacheSize:c.size}),m}const o=i(t,0);return{steps:a,finalResult:o===1/0?-1:o,totalCalls:s,totalCacheHits:l,maxDepth:n}}function St(t){const a=[],s=new Array(t+1).fill(1/0);s[0]=0;let l=0;for(let n=1;n<=t;n++){for(const c of Se)n>=c&&s[n-c]+1r.value===t.algorithm).label,n=t.currentIndex0?t.currentIndex/c*100:0,o=a==="rose"?{label:"text-rose-400",badge:"bg-rose-500/15 text-rose-300 ring-rose-500/30",bar:"bg-rose-500",border:t.finished?"ring-2 ring-emerald-500/50":"ring-1 ring-slate-700/50"}:{label:"text-cyan-400",badge:"bg-cyan-500/15 text-cyan-300 ring-cyan-500/30",bar:"bg-cyan-500",border:t.finished?"ring-2 ring-emerald-500/50":"ring-1 ring-slate-700/50"};return e.jsxs("div",{className:"flex-1 min-w-0 flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-center justify-between px-1",children:[e.jsx("span",{className:`text-xs font-bold ${o.label}`,children:l}),e.jsx("span",{className:`rounded-full px-2 py-0.5 text-[10px] font-medium ring-1 ${o.badge}`,children:t.finished?"Finished":"Running"})]}),e.jsxs("div",{className:`rounded-xl border border-slate-700/50 bg-slate-950/80 p-3 ${o.border} transition-all`,children:[e.jsxs("div",{className:"mb-2",children:[e.jsxs("div",{className:"flex justify-between mb-1",children:[e.jsx("span",{className:"text-[10px] text-slate-500",children:"Function Calls"}),e.jsxs("span",{className:"text-[10px] font-mono text-slate-400",children:[n?n.callCount:0," / ",t.totalCalls]})]}),e.jsx("div",{className:"h-4 rounded-full bg-slate-800/60 overflow-hidden",children:e.jsx("div",{className:`h-full rounded-full ${o.bar} transition-all duration-75`,style:{width:`${i}%`}})})]}),e.jsxs("div",{className:"mb-2",children:[e.jsx("span",{className:"text-[10px] text-slate-500 block mb-1",children:"Stack Depth"}),e.jsx("div",{className:"flex items-end gap-px h-16",children:Array.from({length:Math.max(n?.maxDepth||1,1)},(r,d)=>{const m=n?dS.value===t.algorithm).label,C=ue.find(S=>S.value===a.algorithm).label,w=wt[r];return e.jsx("div",{className:"flex-1 overflow-y-auto p-4 md:p-6",children:e.jsxs("div",{className:"mx-auto max-w-5xl space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3 flex-wrap",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[s!=="finished"&&e.jsxs("button",{onClick:f?d:m,className:"flex items-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2 text-xs font-medium text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/60",children:[f?e.jsx(ve,{size:14}):e.jsx(be,{size:14}),f?"Pause":"Resume"]}),e.jsxs("button",{onClick:x,className:"flex items-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2 text-xs font-medium text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/60",children:[e.jsx(xe,{size:14})," Reset"]}),e.jsx("button",{onClick:()=>p(!o),className:`flex items-center gap-1.5 rounded-lg px-3 py-2 text-xs font-medium ring-1 ${o?"bg-indigo-500/15 text-indigo-300 ring-indigo-500/30":"bg-slate-800/60 text-slate-500 ring-slate-700/40"}`,children:o?e.jsx(ge,{size:14}):e.jsx(fe,{size:14})})]}),s!=="finished"&&e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"text-[10px] text-slate-500",children:"Speed:"}),me.map(S=>e.jsx("button",{onClick:()=>g(S.value),className:`rounded px-2 py-1 text-[10px] font-medium ${i===S.value?"bg-emerald-500/20 text-emerald-300 ring-1 ring-emerald-500/40":"bg-slate-800/50 text-slate-500 hover:bg-slate-700/50"}`,children:S.label},S.value))]})]}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-4",children:[e.jsx(Pe,{state:t,color:"rose",funcName:w}),e.jsx(Pe,{state:a,color:"cyan",funcName:w})]}),s==="finished"&&l&&e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-5 backdrop-blur-sm space-y-4",children:[e.jsx("div",{className:"text-center",children:l==="tie"?e.jsxs("div",{className:"inline-flex items-center gap-2 rounded-full bg-amber-500/10 px-5 py-2 ring-1 ring-amber-500/20",children:[e.jsx(ye,{size:18,className:"text-amber-400"}),e.jsx("span",{className:"text-sm font-bold text-amber-300",children:"It's a Tie!"})]}):e.jsxs("div",{className:`inline-flex items-center gap-2 rounded-full px-5 py-2 ring-1 ${l==="A"?"bg-rose-500/10 ring-rose-500/20":"bg-cyan-500/10 ring-cyan-500/20"}`,children:[e.jsx(je,{size:18,className:l==="A"?"text-rose-400":"text-cyan-400"}),e.jsxs("span",{className:`text-sm font-bold ${l==="A"?"text-rose-300":"text-cyan-300"}`,children:[l==="A"?y:C," Wins!"]})]})}),n&&c!==null&&e.jsx("div",{className:`rounded-lg px-4 py-2.5 text-center text-xs font-medium ${c?"bg-emerald-500/10 text-emerald-300 ring-1 ring-emerald-500/20":"bg-rose-500/10 text-rose-300 ring-1 ring-rose-500/20"}`,children:c?"🎯 Correct prediction!":"❌ Wrong prediction. Keep learning!"}),e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-xs",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-slate-700/50",children:[e.jsx("th",{className:"py-2 text-left text-slate-500",children:"Metric"}),e.jsx("th",{className:"py-2 text-center text-rose-400 font-semibold",children:y}),e.jsx("th",{className:"py-2 text-center text-cyan-400 font-semibold",children:C})]})}),e.jsx("tbody",{className:"font-mono",children:[{label:"Total Calls",a:t.totalCalls,b:a.totalCalls},{label:"Cache Hits",a:t.totalCacheHits,b:a.totalCacheHits},{label:"Max Stack Depth",a:t.maxDepth,b:a.maxDepth},{label:"Total Steps",a:t.steps.length,b:a.steps.length}].map(({label:S,a:h,b:z})=>e.jsxs("tr",{className:"border-b border-slate-800/50",children:[e.jsx("td",{className:"py-2 text-slate-400",children:S}),e.jsxs("td",{className:`py-2 text-center font-semibold ${h<=z?"text-emerald-300":"text-white"}`,children:[h,he.jsxs("div",{className:"rounded-lg bg-slate-800/40 p-3",children:[e.jsx("h4",{className:`text-[10px] font-bold uppercase tracking-wider ${z==="rose"?"text-rose-400":"text-cyan-400"} mb-2`,children:S}),e.jsxs("div",{className:"space-y-1 text-[10px] font-mono",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-slate-500",children:"Time"}),e.jsx("span",{className:"text-slate-300",children:h.time})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-slate-500",children:"Space"}),e.jsx("span",{className:"text-slate-300",children:h.space})]})]})]},S))}),e.jsxs("div",{className:"rounded-lg bg-indigo-500/5 px-4 py-3 ring-1 ring-indigo-500/15",children:[e.jsx("h4",{className:"text-[10px] font-bold uppercase tracking-wider text-indigo-400 mb-1",children:"Why?"}),e.jsxs("p",{className:"text-xs text-slate-400 leading-relaxed",children:[t.totalCalls>a.totalCalls?`${y} made ${t.totalCalls} function calls compared to ${C}'s ${a.totalCalls}. `:a.totalCalls>t.totalCalls?`${C} made ${a.totalCalls} function calls compared to ${y}'s ${t.totalCalls}. `:`Both made ${t.totalCalls} calls. `,r==="factorial"?"Factorial is inherently linear — naive and memoized perform similarly. The iterative version avoids stack overhead.":r==="coin-change"?"Naive coin change explores all combinations (branching factor 3), while memoization caches sub-amounts to avoid redundant work. Iterative DP builds the table bottom-up.":"Naive recursion recalculates the same subproblems exponentially (O(2ⁿ)), while memoization caches results reducing to O(n). The iterative approach avoids recursion overhead entirely with O(1) space."]})]}),e.jsxs("button",{onClick:x,className:"w-full flex items-center justify-center gap-2 rounded-xl bg-slate-800/60 px-6 py-3 text-sm font-medium text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/60 active:scale-[0.98]",children:[e.jsx(xe,{size:14})," New Battle"]})]})]})})}const Fe=[261.63,293.66,329.63,392,440,523.25,587.33,659.25,783.99,880];function we(){const t=u.useRef(!0),a=u.useCallback(()=>qe(),[]),s=u.useCallback(i=>{t.current=i},[]),l=u.useCallback((i,o,r)=>{if(!t.current)return;const d=a();if(!d)return;const m=i/Math.max(o-1,1),x=Fe[Math.floor(m*(Fe.length-1))],g=d.createOscillator(),p=d.createGain(),f=d.createStereoPanner();g.type="sine",g.frequency.value=x,p.gain.setValueAtTime(.04,d.currentTime),p.gain.exponentialRampToValueAtTime(.001,d.currentTime+.08),f.pan.value=r,g.connect(p),p.connect(f),f.connect(d.destination),g.start(),g.stop(d.currentTime+.08)},[a]),n=u.useCallback((i,o,r)=>{if(!t.current)return;const d=a();if(!d)return;const x=200+i/Math.max(o-1,1)*600,g=d.createOscillator(),p=d.createGain(),f=d.createStereoPanner();g.type="triangle",g.frequency.value=x,p.gain.setValueAtTime(.06,d.currentTime),p.gain.exponentialRampToValueAtTime(.001,d.currentTime+.1),f.pan.value=r,g.connect(p),p.connect(f),f.connect(d.destination),g.start(),g.stop(d.currentTime+.1)},[a]),c=u.useCallback(()=>{if(!t.current)return;const i=a();i&&[523.25,659.25,783.99].forEach((o,r)=>{const d=i.createOscillator(),m=i.createGain();d.type="sine",d.frequency.value=o,m.gain.setValueAtTime(.1,i.currentTime+r*.12),m.gain.exponentialRampToValueAtTime(.001,i.currentTime+r*.12+.2),d.connect(m),m.connect(i.destination),d.start(i.currentTime+r*.12),d.stop(i.currentTime+r*.12+.2)})},[a]);return{playCompareTone:l,playSwapTone:n,playWinTone:c,setEnabled:s}}function te(t,a){let s=0,l=0,n=0;for(let c=0;c<=a&&c{y(j),ie(j)},[ie]),Q=u.useCallback(()=>{L.current&&(cancelAnimationFrame(L.current),L.current=null)},[]),A=u.useCallback(()=>{const j=Ue(n,i);ae(j);const b=Me(t,[...j]),v=Me(s,[...j]);P.current=b,F.current=v,E.current=0,H.current=0;const T=te(b,0),V=te(v,0);if(w(se(t,b[0],T,0,b.length,!1)),h(se(s,v[0],V,0,v.length,!1)),B(null),G(null),_([{stepA:0,stepB:0,opsA:0,opsB:0}]),ee.current=performance.now(),r==="turbo"){const le=te(b,b.length-1),U=te(v,v.length-1);le.timeElapsed=0,U.timeElapsed=0;const oe=b[b.length-1],pe=v[v.length-1];w(se(t,oe,le,b.length-1,b.length,!0)),h(se(s,pe,U,v.length-1,v.length,!0));let I="tie";le.totalSteps{const j=P.current,b=F.current;let v=E.current,T=H.current;const V=v>=j.length-1,le=T>=b.length-1;if(V&&le){const I=te(j,v),Ce=te(b,T),Ae=(performance.now()-ee.current)/1e3;I.timeElapsed=Ae,Ce.timeElapsed=Ae,w(se(t,j[v],I,v,j.length,!0)),h(se(s,b[T],Ce,T,b.length,!0));let he="tie";j.length=j.length-1)),h(se(s,b[T],oe,T,b.length,T>=b.length-1)),_(I=>[...I,{stepA:U.stepsCompleted,stepB:oe.stepsCompleted,opsA:U.totalOperations,opsB:oe.totalOperations}])},[t,s,n,f,$,q,Y,W]);u.useEffect(()=>{if(g!=="running"){Q();return}let j=0;const b=v=>{v-j>=m&&(j=v,k()),L.current=requestAnimationFrame(b)};return L.current=requestAnimationFrame(b),Q},[g,m,k,Q]);const N=u.useCallback(()=>{g==="running"&&p("paused")},[g]),M=u.useCallback(()=>{g==="paused"&&p("running")},[g]),R=u.useCallback(()=>{Q(),P.current=[],F.current=[],E.current=0,H.current=0,w(null),h(null),B(null),O(null),G(null),_([]),p("setup")},[Q]);return{algorithmA:t,setAlgorithmA:a,algorithmB:s,setAlgorithmB:l,inputSize:n,setInputSize:c,inputType:i,setInputType:o,gameMode:r,setGameMode:d,speed:m,setSpeed:x,status:g,soundEnabled:f,toggleSound:ce,stateA:C,stateB:S,winner:z,prediction:$,setPrediction:O,predictionCorrect:re,inputData:K,metricsHistory:J,startBattle:A,pause:N,resume:M,reset:R}}function Mt(){const[t,a]=u.useState("bfs"),[s,l]=u.useState("dfs"),[n,c]=u.useState("random"),[i,o]=u.useState("realtime"),[r,d]=u.useState(50),[m,x]=u.useState("setup"),[g,p]=u.useState(!0),[f,y]=u.useState(null),[C,w]=u.useState(null),[S,h]=u.useState(null),[z,B]=u.useState(null),[$,O]=u.useState(null),[re,G]=u.useState(null),K=u.useRef([]),ae=u.useRef([]),J=u.useRef(0),_=u.useRef(0),P=u.useRef(null),F=u.useRef({totalVisited:0,pathLength:0,found:!1}),E=u.useRef({totalVisited:0,pathLength:0,found:!1}),{playCompareTone:H,playWinTone:L,setEnabled:ee}=we(),q=u.useCallback(N=>{p(N),ee(N)},[ee]),Y=u.useCallback(()=>{P.current&&(cancelAnimationFrame(P.current),P.current=null)},[]),W=u.useCallback((N,M)=>{let R="tie";return N.found&&!M.found?R="A":!N.found&&M.found?R="B":N.found&&M.found&&(N.totalVisited{const{grid:N,start:M,end:R}=ut(n);y(N);const j=Te(N,M,R,t),b=Te(N,M,R,s);K.current=j.steps,ae.current=b.steps,J.current=0,_.current=0,F.current={totalVisited:j.totalVisited,pathLength:j.pathLength,found:j.found},E.current={totalVisited:b.totalVisited,pathLength:b.pathLength,found:b.found};const v={algorithm:t,steps:j.steps,currentIndex:0,totalVisited:j.totalVisited,pathLength:j.pathLength,found:j.found,finished:!1},T={algorithm:s,steps:b.steps,currentIndex:0,totalVisited:b.totalVisited,pathLength:b.pathLength,found:b.found,finished:!1};if(i==="turbo"){w({...v,currentIndex:j.steps.length-1,finished:!0}),h({...T,currentIndex:b.steps.length-1,finished:!0});const V=W(F.current,E.current);B(V),$&&G($===V),x("finished"),L();return}w(v),h(T),B(null),G(null),x("running")},[t,s,n,i,$,W,L]),ce=u.useCallback(()=>{let N=J.current,M=_.current;const R=K.current,j=ae.current,b=N>=R.length-1,v=M>=j.length-1;if(b&&v){w(V=>V?{...V,currentIndex:N,finished:!0}:null),h(V=>V?{...V,currentIndex:M,finished:!0}:null);const T=W(F.current,E.current);B(T),$&&G($===T),x("finished"),L();return}b||(N++,J.current=N,g&&H(N,R.length,-.8)),v||(M++,_.current=M,g&&H(M,j.length,.8)),w(T=>T?{...T,currentIndex:N,finished:N>=R.length-1}:null),h(T=>T?{...T,currentIndex:M,finished:M>=j.length-1}:null)},[g,$,W,H,L]);u.useEffect(()=>{if(m!=="running"){Y();return}let N=0;const M=R=>{R-N>=r&&(N=R,ce()),P.current=requestAnimationFrame(M)};return P.current=requestAnimationFrame(M),Y},[m,r,ce,Y]);const Q=u.useCallback(()=>{m==="running"&&x("paused")},[m]),A=u.useCallback(()=>{m==="paused"&&x("running")},[m]),k=u.useCallback(()=>{Y(),y(null),w(null),h(null),B(null),O(null),G(null),x("setup")},[Y]);return{algorithmA:t,setAlgorithmA:a,algorithmB:s,setAlgorithmB:l,mazeType:n,setMazeType:c,gameMode:i,setGameMode:o,speed:r,setSpeed:d,status:m,soundEnabled:g,toggleSound:q,grid:f,stateA:C,stateB:S,winner:z,prediction:$,setPrediction:O,predictionCorrect:re,startBattle:ie,pause:Q,resume:A,reset:k}}function zt(){const[t,a]=u.useState("naive"),[s,l]=u.useState("memoized"),[n,c]=u.useState("fibonacci"),[i,o]=u.useState(15),r=u.useCallback(A=>{c(A);const k=Ne.find(N=>N.value===A);k&&o(k.defaultN)},[]),[d,m]=u.useState("realtime"),[x,g]=u.useState(50),[p,f]=u.useState("setup"),[y,C]=u.useState(!0),[w,S]=u.useState(null),[h,z]=u.useState(null),[B,$]=u.useState(null),[O,re]=u.useState(null),[G,K]=u.useState(null),ae=u.useRef([]),J=u.useRef([]),_=u.useRef(0),P=u.useRef(0),F=u.useRef(null),{playCompareTone:E,playWinTone:H,setEnabled:L}=we(),ee=u.useCallback(A=>{C(A),L(A)},[L]),q=u.useCallback(()=>{F.current&&(cancelAnimationFrame(F.current),F.current=null)},[]),Y=u.useCallback(()=>{const A=Oe(t,i,n),k=Oe(s,i,n);ae.current=A.steps,J.current=k.steps,_.current=0,P.current=0;const N={algorithm:t,steps:A.steps,currentIndex:0,totalCalls:A.totalCalls,totalCacheHits:A.totalCacheHits,maxDepth:A.maxDepth,finalResult:A.finalResult,finished:!1},M={algorithm:s,steps:k.steps,currentIndex:0,totalCalls:k.totalCalls,totalCacheHits:k.totalCacheHits,maxDepth:k.maxDepth,finalResult:k.finalResult,finished:!1};if(d==="turbo"){S({...N,currentIndex:A.steps.length-1,finished:!0}),z({...M,currentIndex:k.steps.length-1,finished:!0});let R="tie";A.totalCalls{let A=_.current,k=P.current;const N=ae.current,M=J.current,R=A>=N.length-1,j=k>=M.length-1;if(R&&j){S(v=>v?{...v,currentIndex:A,finished:!0}:null),z(v=>v?{...v,currentIndex:k,finished:!0}:null);let b="tie";N.lengthb?{...b,currentIndex:A,finished:A>=N.length-1}:null),z(b=>b?{...b,currentIndex:k,finished:k>=M.length-1}:null)},[y,O,E,H]);u.useEffect(()=>{if(p!=="running"){q();return}let A=0;const k=N=>{N-A>=x&&(A=N,W()),F.current=requestAnimationFrame(k)};return F.current=requestAnimationFrame(k),q},[p,x,W,q]);const ie=u.useCallback(()=>{p==="running"&&f("paused")},[p]),ce=u.useCallback(()=>{p==="paused"&&f("running")},[p]),Q=u.useCallback(()=>{q(),S(null),z(null),$(null),re(null),K(null),f("setup")},[q]);return{algorithmA:t,setAlgorithmA:a,algorithmB:s,setAlgorithmB:l,problem:n,changeProblem:r,inputN:i,setInputN:o,gameMode:d,setGameMode:m,speed:x,setSpeed:g,status:p,soundEnabled:y,toggleSound:ee,stateA:w,stateB:h,winner:B,prediction:O,setPrediction:re,predictionCorrect:G,startBattle:Y,pause:ie,resume:ce,reset:Q}}const kt=[{value:"sorting",label:"Sorting",desc:"Bubble, Quick, Merge & more",icon:Ke},{value:"pathfinding",label:"Pathfinding",desc:"BFS, DFS, Dijkstra, A*",icon:Ee},{value:"recursion",label:"Recursion",desc:"Fibonacci, Factorial, Staircase & more",icon:Ve}];function Rt({onSelect:t}){return e.jsxs("div",{className:"flex-1 overflow-y-auto",children:[e.jsxs("section",{className:"flex flex-col items-center justify-center px-6 pt-10 pb-6 text-center",children:[e.jsxs("div",{className:"mb-3 inline-flex items-center gap-2 rounded-full bg-rose-500/10 px-4 py-1.5 ring-1 ring-rose-500/20",children:[e.jsx(Le,{size:14,className:"text-rose-400"}),e.jsx("span",{className:"text-xs font-medium text-rose-300",children:"Algorithm Battles"})]}),e.jsxs("h2",{className:"text-2xl font-extrabold tracking-tight text-white",children:["Choose Your ",e.jsx("span",{className:"bg-gradient-to-r from-rose-400 to-cyan-400 bg-clip-text text-transparent",children:"Arena"})]}),e.jsx("p",{className:"mt-2 max-w-md text-sm text-slate-400",children:"Pick a battle category to pit two algorithms head-to-head."})]}),e.jsx("section",{className:"px-4 pb-10",children:e.jsx("div",{className:"mx-auto max-w-lg grid grid-cols-1 gap-3",children:kt.map(({value:a,label:s,desc:l,icon:n})=>e.jsxs("button",{onClick:()=>t(a),className:"group flex items-center gap-4 rounded-xl border border-slate-700/50 bg-slate-900/60 p-5 text-left backdrop-blur-sm transition-all hover:border-slate-600/60 hover:bg-slate-900/80 hover:scale-[1.01] active:scale-[0.99]",children:[e.jsx("div",{className:"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-rose-500/20 to-cyan-500/20 ring-1 ring-white/10",children:e.jsx(n,{size:22,className:"text-white"})}),e.jsxs("div",{children:[e.jsxs("h3",{className:"text-sm font-bold text-white",children:[s," Battles"]}),e.jsx("p",{className:"text-xs text-slate-400 mt-0.5",children:l})]})]},a))})})]})}function Tt({battle:t}){const a=de.find(l=>l.value===t.algorithmA).label,s=de.find(l=>l.value===t.algorithmB).label;return e.jsxs("div",{className:"flex-1 overflow-y-auto",children:[e.jsxs("section",{className:"flex flex-col items-center px-6 pt-8 pb-4 text-center",children:[e.jsxs("h2",{className:"text-2xl font-extrabold text-white",children:[e.jsx("span",{className:"bg-gradient-to-r from-rose-400 to-orange-400 bg-clip-text text-transparent",children:a})," ","vs"," ",e.jsx("span",{className:"bg-gradient-to-r from-cyan-400 to-blue-400 bg-clip-text text-transparent",children:s})]}),e.jsx("p",{className:"text-xs text-slate-500 mt-1",children:"Race to find a path on the same random grid"})]}),e.jsx("section",{className:"px-4 pb-8",children:e.jsxs("div",{className:"mx-auto max-w-2xl space-y-4",children:[e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:["A","B"].map(l=>e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsxs("h3",{className:`text-xs font-semibold uppercase tracking-wider ${l==="A"?"text-rose-400":"text-cyan-400"} mb-3`,children:["Algorithm ",l]}),e.jsx("div",{className:"grid grid-cols-2 gap-1.5",children:de.map(n=>e.jsx("button",{onClick:()=>l==="A"?t.setAlgorithmA(n.value):t.setAlgorithmB(n.value),className:`rounded-lg px-2 py-2 text-[11px] font-medium transition-all ${(l==="A"?t.algorithmA:t.algorithmB)===n.value?l==="A"?"bg-rose-500/20 text-rose-300 ring-1 ring-rose-500/40":"bg-cyan-500/20 text-cyan-300 ring-1 ring-cyan-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:n.label},n.value))})]},l))}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Maze Type"}),e.jsx("div",{className:"grid grid-cols-3 gap-1.5",children:rt.map(l=>e.jsx("button",{onClick:()=>t.setMazeType(l.value),className:`rounded-lg px-2 py-2 text-[11px] font-medium transition-all ${t.mazeType===l.value?"bg-emerald-500/20 text-emerald-300 ring-1 ring-emerald-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:l.label},l.value))})]}),e.jsx(We,{gameMode:t.gameMode,setGameMode:t.setGameMode,speed:t.speed,setSpeed:t.setSpeed,soundEnabled:t.soundEnabled,toggleSound:t.toggleSound,prediction:t.prediction,setPrediction:t.setPrediction,nameA:a,nameB:s}),e.jsxs("button",{onClick:t.startBattle,disabled:t.gameMode==="prediction"&&!t.prediction,className:"w-full flex items-center justify-center gap-2 rounded-xl bg-gradient-to-r from-rose-500/20 to-cyan-500/20 px-6 py-4 text-base font-bold text-white ring-1 ring-white/10 transition-all hover:from-rose-500/30 hover:to-cyan-500/30 active:scale-[0.98] disabled:opacity-40 disabled:cursor-not-allowed",children:[e.jsx(Ee,{size:18,className:"text-rose-300"})," Start Battle"]})]})})]})}function $t({battle:t}){const a=ue.find(n=>n.value===t.algorithmA).label,s=ue.find(n=>n.value===t.algorithmB).label,l=Ne.find(n=>n.value===t.problem);return e.jsxs("div",{className:"flex-1 overflow-y-auto",children:[e.jsxs("section",{className:"flex flex-col items-center px-6 pt-8 pb-4 text-center",children:[e.jsxs("h2",{className:"text-2xl font-extrabold text-white",children:[e.jsx("span",{className:"bg-gradient-to-r from-rose-400 to-orange-400 bg-clip-text text-transparent",children:a})," ","vs"," ",e.jsx("span",{className:"bg-gradient-to-r from-cyan-400 to-blue-400 bg-clip-text text-transparent",children:s})]}),e.jsx("p",{className:"text-xs text-slate-500 mt-1",children:l.desc})]}),e.jsx("section",{className:"px-4 pb-8",children:e.jsxs("div",{className:"mx-auto max-w-2xl space-y-4",children:[e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Problem"}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-1.5",children:Ne.map(n=>e.jsxs("button",{onClick:()=>t.changeProblem(n.value),className:`rounded-lg px-2 py-2 text-[11px] font-medium transition-all ${t.problem===n.value?"bg-amber-500/20 text-amber-300 ring-1 ring-amber-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:[e.jsx("span",{className:"block font-semibold",children:n.label}),e.jsx("span",{className:"block text-[9px] text-slate-500 mt-0.5",children:n.desc})]},n.value))})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:["A","B"].map(n=>e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsxs("h3",{className:`text-xs font-semibold uppercase tracking-wider ${n==="A"?"text-rose-400":"text-cyan-400"} mb-3`,children:["Algorithm ",n]}),e.jsx("div",{className:"space-y-1.5",children:ue.map(c=>e.jsx("button",{onClick:()=>n==="A"?t.setAlgorithmA(c.value):t.setAlgorithmB(c.value),className:`w-full rounded-lg px-3 py-2 text-[11px] font-medium transition-all text-left ${(n==="A"?t.algorithmA:t.algorithmB)===c.value?n==="A"?"bg-rose-500/20 text-rose-300 ring-1 ring-rose-500/40":"bg-cyan-500/20 text-cyan-300 ring-1 ring-cyan-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:c.label},c.value))})]},n))}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Input"}),e.jsxs("div",{className:"flex items-center justify-between mb-1",children:[e.jsx("span",{className:"text-xs text-slate-500",children:l.inputLabel}),e.jsx("span",{className:"text-sm font-mono font-bold text-indigo-300",children:t.inputN})]}),e.jsx("input",{type:"range",min:l.inputMin,max:l.inputMax,value:t.inputN,onChange:n=>t.setInputN(Number(n.target.value)),className:"w-full accent-indigo-500"}),e.jsx("p",{className:"text-[10px] text-slate-500 mt-1",children:t.problem==="fibonacci"||t.problem==="staircase"?"⚠️ Naive recursive is exponential — large N generates many steps":t.problem==="coin-change"?"⚠️ Naive coin change branches 3 ways per call — grows very fast":"⚠️ Factorial is linear — naive and memoized are similar here"})]}),e.jsx(We,{gameMode:t.gameMode,setGameMode:t.setGameMode,speed:t.speed,setSpeed:t.setSpeed,soundEnabled:t.soundEnabled,toggleSound:t.toggleSound,prediction:t.prediction,setPrediction:t.setPrediction,nameA:a,nameB:s}),e.jsxs("button",{onClick:t.startBattle,disabled:t.gameMode==="prediction"&&!t.prediction,className:"w-full flex items-center justify-center gap-2 rounded-xl bg-gradient-to-r from-rose-500/20 to-cyan-500/20 px-6 py-4 text-base font-bold text-white ring-1 ring-white/10 transition-all hover:from-rose-500/30 hover:to-cyan-500/30 active:scale-[0.98] disabled:opacity-40 disabled:cursor-not-allowed",children:[e.jsx(Ve,{size:18,className:"text-rose-300"})," Start Battle"]})]})})]})}function We({gameMode:t,setGameMode:a,speed:s,setSpeed:l,soundEnabled:n,toggleSound:c,prediction:i,setPrediction:o,nameA:r,nameB:d}){const m=[{value:"realtime",label:"Real-Time"},{value:"turbo",label:"Turbo"},{value:"prediction",label:"Prediction"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Game Mode"}),e.jsx("div",{className:"grid grid-cols-3 gap-1.5",children:m.map(x=>e.jsx("button",{onClick:()=>a(x.value),className:`rounded-lg px-2 py-2 text-[11px] font-semibold transition-all ${t===x.value?"bg-violet-500/20 text-violet-300 ring-1 ring-violet-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:x.label},x.value))})]}),t==="prediction"&&e.jsxs("div",{className:"rounded-xl border border-amber-500/20 bg-amber-500/5 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-amber-400 mb-3",children:"Your Prediction"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx("button",{onClick:()=>o("A"),className:`flex-1 rounded-lg px-3 py-2.5 text-sm font-medium transition-all ${i==="A"?"bg-rose-500/20 text-rose-300 ring-1 ring-rose-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:r}),e.jsx("button",{onClick:()=>o("B"),className:`flex-1 rounded-lg px-3 py-2.5 text-sm font-medium transition-all ${i==="B"?"bg-cyan-500/20 text-cyan-300 ring-1 ring-cyan-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:d})]})]}),e.jsxs("div",{className:"flex gap-4",children:[e.jsxs("div",{className:"flex-1 rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Speed"}),e.jsx("div",{className:"flex gap-1.5",children:me.map(x=>e.jsx("button",{onClick:()=>l(x.value),className:`flex-1 rounded-lg px-2 py-2 text-[11px] font-medium transition-all ${s===x.value?"bg-emerald-500/20 text-emerald-300 ring-1 ring-emerald-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:x.label},x.value))})]}),e.jsxs("button",{onClick:()=>c(!n),className:`shrink-0 flex flex-col items-center justify-center rounded-xl px-4 transition-all ${n?"bg-indigo-500/15 text-indigo-300 ring-1 ring-indigo-500/30":"bg-slate-800/60 text-slate-500 ring-1 ring-slate-700/40"}`,children:[n?"🔊":"🔇",e.jsx("span",{className:"text-[10px] mt-1",children:n?"On":"Off"})]})]})]})}function _t(){const[t,a]=u.useState(null),s=At(),l=Mt(),n=zt(),c=()=>{s.reset(),l.reset(),n.reset(),a(null)};if(!t)return e.jsx(Rt,{onSelect:a});const i=e.jsxs("button",{onClick:c,className:"fixed top-16 left-4 z-10 flex items-center gap-1 rounded-lg bg-slate-800/80 px-3 py-1.5 text-xs font-medium text-slate-400 ring-1 ring-slate-700/50 backdrop-blur-sm hover:bg-slate-700/80 hover:text-slate-300",children:[e.jsx(Ye,{size:12})," Back"]});if(t==="sorting"){if(s.status==="setup")return e.jsxs(e.Fragment,{children:[i,e.jsx(tt,{algorithmA:s.algorithmA,algorithmB:s.algorithmB,inputSize:s.inputSize,inputType:s.inputType,gameMode:s.gameMode,speed:s.speed,soundEnabled:s.soundEnabled,prediction:s.prediction,onSetAlgorithmA:s.setAlgorithmA,onSetAlgorithmB:s.setAlgorithmB,onSetInputSize:s.setInputSize,onSetInputType:s.setInputType,onSetGameMode:s.setGameMode,onSetSpeed:s.setSpeed,onToggleSound:s.toggleSound,onSetPrediction:s.setPrediction,onStart:s.startBattle})]});if(s.stateA&&s.stateB)return e.jsxs(e.Fragment,{children:[i,e.jsx(at,{stateA:s.stateA,stateB:s.stateB,status:s.status,winner:s.winner,prediction:s.prediction,predictionCorrect:s.predictionCorrect,inputType:s.inputType,speed:s.speed,soundEnabled:s.soundEnabled,metricsHistory:s.metricsHistory,onPause:s.pause,onResume:s.resume,onReset:s.reset,onSetSpeed:s.setSpeed,onToggleSound:s.toggleSound})]})}if(t==="pathfinding"){if(l.status==="setup")return e.jsxs(e.Fragment,{children:[i,e.jsx(Tt,{battle:l})]});if(l.stateA&&l.stateB&&l.grid)return e.jsxs(e.Fragment,{children:[i,e.jsx(xt,{grid:l.grid,stateA:l.stateA,stateB:l.stateB,status:l.status,winner:l.winner,prediction:l.prediction,predictionCorrect:l.predictionCorrect,speed:l.speed,soundEnabled:l.soundEnabled,onPause:l.pause,onResume:l.resume,onReset:l.reset,onSetSpeed:l.setSpeed,onToggleSound:l.toggleSound})]})}if(t==="recursion"){if(n.status==="setup")return e.jsxs(e.Fragment,{children:[i,e.jsx($t,{battle:n})]});if(n.stateA&&n.stateB)return e.jsxs(e.Fragment,{children:[i,e.jsx(Ct,{stateA:n.stateA,stateB:n.stateB,status:n.status,winner:n.winner,prediction:n.prediction,predictionCorrect:n.predictionCorrect,speed:n.speed,soundEnabled:n.soundEnabled,problem:n.problem,onPause:n.pause,onResume:n.resume,onReset:n.reset,onSetSpeed:n.setSpeed,onToggleSound:n.toggleSound})]})}return null}export{_t as default};
+import{c as He,j as e,e as Le,r as u,f as Ve}from"./index-DBkLeWDs.js";import{V as ge,a as fe}from"./volume-x-BSx9gxSg.js";import{S as Ge}from"./shuffle-Dlr-c52A.js";import{P as be}from"./play-mcIZClKO.js";import{T as je}from"./trophy-C1QWh03u.js";import{R as xe}from"./rotate-ccw-7GTUOPy4.js";import{P as ve}from"./pause-CG1snUW9.js";import{N as D,r as _e}from"./index-DrhCNtmA.js";import{r as Me}from"./index-iw_6MvvU.js";import{g as qe}from"./audioContext-NbgqvQGz.js";import{A as Ye}from"./arrow-left-CTMPG6pL.js";import{M as Ee}from"./map-9j6oGOs_.js";const Xe=[["path",{d:"M3 3v16a2 2 0 0 0 2 2h16",key:"c24i48"}],["path",{d:"M18 17V9",key:"2bz60n"}],["path",{d:"M13 17V5",key:"1frdt8"}],["path",{d:"M8 17v-3",key:"17ska0"}]],Ke=He("chart-column",Xe);const Qe=[["line",{x1:"5",x2:"19",y1:"9",y2:"9",key:"1nwqeh"}],["line",{x1:"5",x2:"19",y1:"15",y2:"15",key:"g8yjpy"}]],ye=He("equal",Qe),X=[{value:"bubble",label:"Bubble Sort"},{value:"selection",label:"Selection Sort"},{value:"insertion",label:"Insertion Sort"},{value:"quick",label:"Quick Sort"},{value:"heap",label:"Heap Sort"},{value:"merge",label:"Merge Sort"}],ze={bubble:{best:"O(n)",average:"O(n²)",worst:"O(n²)",space:"O(1)"},selection:{best:"O(n²)",average:"O(n²)",worst:"O(n²)",space:"O(1)"},insertion:{best:"O(n)",average:"O(n²)",worst:"O(n²)",space:"O(1)"},quick:{best:"O(n log n)",average:"O(n log n)",worst:"O(n²)",space:"O(log n)"},heap:{best:"O(n log n)",average:"O(n log n)",worst:"O(n log n)",space:"O(1)"},merge:{best:"O(n log n)",average:"O(n log n)",worst:"O(n log n)",space:"O(n)"}},me=[{label:"Slow",value:150},{label:"Medium",value:50},{label:"Fast",value:15},{label:"Turbo",value:1}];function Ue(t,a){const s=[];for(let l=0;ln-c);const l=Math.max(1,Math.floor(t*.05));for(let n=0;nn-l);return s}function Ze(t,a,s,l,n,c){const i=X.find(f=>f.value===a).label,o=X.find(f=>f.value===s).label;if(t==="tie")return`Both ${i} and ${o} completed in the same number of operations. This can happen with small inputs or similar-complexity algorithms.`;const r=t==="A"?i:o,d=t==="A"?o:i,m=t==="A"?l:n,x=t==="A"?n:l,g=(x.totalSteps/Math.max(m.totalSteps,1)).toFixed(1);let p=`${r} won with ${m.totalSteps} steps vs ${x.totalSteps} steps (${g}x fewer operations). `;return c==="nearly-sorted"?p+="On nearly-sorted data, algorithms like Insertion Sort have a natural advantage due to their O(n) best-case performance.":c==="reversed"?p+="Reversed input is the worst case for O(n²) algorithms, making the performance gap with O(n log n) algorithms very visible.":p+=`${d} performed more operations because its average-case complexity is higher for this input distribution.`,p}const Je=[{value:"random",label:"Random"},{value:"nearly-sorted",label:"Nearly Sorted"},{value:"reversed",label:"Reversed"}],et=[{value:"realtime",label:"Real-Time",desc:"Watch both algorithms animate step-by-step"},{value:"turbo",label:"Turbo",desc:"Instant execution, metrics only"},{value:"prediction",label:"Prediction",desc:"Predict the winner before starting"}];function tt({algorithmA:t,algorithmB:a,inputSize:s,inputType:l,gameMode:n,speed:c,soundEnabled:i,prediction:o,onSetAlgorithmA:r,onSetAlgorithmB:d,onSetInputSize:m,onSetInputType:x,onSetGameMode:g,onSetSpeed:p,onToggleSound:f,onSetPrediction:y,onStart:C}){const w=X.find(h=>h.value===t).label,S=X.find(h=>h.value===a).label;return e.jsxs("div",{className:"flex-1 overflow-y-auto",children:[e.jsxs("section",{className:"flex flex-col items-center justify-center px-6 pt-8 pb-4 text-center",children:[e.jsxs("div",{className:"mb-3 inline-flex items-center gap-2 rounded-full bg-rose-500/10 px-4 py-1.5 ring-1 ring-rose-500/20",children:[e.jsx(Le,{size:14,className:"text-rose-400"}),e.jsx("span",{className:"text-xs font-medium text-rose-300",children:"Algorithm Battles"})]}),e.jsxs("h2",{className:"text-2xl font-extrabold tracking-tight text-white",children:[e.jsx("span",{className:"bg-gradient-to-r from-rose-400 to-orange-400 bg-clip-text text-transparent",children:w})," ","vs"," ",e.jsx("span",{className:"bg-gradient-to-r from-cyan-400 to-blue-400 bg-clip-text text-transparent",children:S})]})]}),e.jsx("section",{className:"px-4 pb-8",children:e.jsxs("div",{className:"mx-auto max-w-2xl space-y-4",children:[e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-rose-400 mb-3",children:"Algorithm A"}),e.jsx("div",{className:"grid grid-cols-2 gap-1.5",children:X.map(h=>e.jsx("button",{onClick:()=>r(h.value),className:`rounded-lg px-2 py-2 text-[11px] font-medium transition-all ${t===h.value?"bg-rose-500/20 text-rose-300 ring-1 ring-rose-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:h.label},h.value))})]}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-cyan-400 mb-3",children:"Algorithm B"}),e.jsx("div",{className:"grid grid-cols-2 gap-1.5",children:X.map(h=>e.jsx("button",{onClick:()=>d(h.value),className:`rounded-lg px-2 py-2 text-[11px] font-medium transition-all ${a===h.value?"bg-cyan-500/20 text-cyan-300 ring-1 ring-cyan-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:h.label},h.value))})]})]}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Input Configuration"}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-1",children:[e.jsx("span",{className:"text-xs text-slate-500",children:"Array Size"}),e.jsx("span",{className:"text-sm font-mono font-bold text-indigo-300",children:s})]}),e.jsx("input",{type:"range",min:10,max:200,step:10,value:s,onChange:h=>m(Number(h.target.value)),className:"w-full accent-indigo-500"})]}),e.jsx("div",{className:"flex gap-1.5",children:Je.map(h=>e.jsx("button",{onClick:()=>x(h.value),className:`flex-1 rounded-lg px-2 py-2 text-[11px] font-medium transition-all ${l===h.value?"bg-indigo-500/20 text-indigo-300 ring-1 ring-indigo-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:h.label},h.value))})]})]}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Game Mode"}),e.jsx("div",{className:"grid grid-cols-3 gap-1.5",children:et.map(h=>e.jsxs("button",{onClick:()=>g(h.value),className:`flex flex-col items-center rounded-lg px-2 py-2.5 text-[11px] font-medium transition-all ${n===h.value?"bg-violet-500/20 text-violet-300 ring-1 ring-violet-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:[e.jsx("span",{className:"font-semibold",children:h.label}),e.jsx("span",{className:"text-[9px] text-slate-500 mt-0.5 hidden sm:block",children:h.desc})]},h.value))})]}),n==="prediction"&&e.jsxs("div",{className:"rounded-xl border border-amber-500/20 bg-amber-500/5 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-amber-400 mb-3",children:"Your Prediction"}),e.jsx("p",{className:"text-[10px] text-amber-300/60 mb-3",children:"Who will win with fewer operations?"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx("button",{onClick:()=>y("A"),className:`flex-1 rounded-lg px-3 py-2.5 text-sm font-medium transition-all ${o==="A"?"bg-rose-500/20 text-rose-300 ring-1 ring-rose-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:w}),e.jsx("button",{onClick:()=>y("B"),className:`flex-1 rounded-lg px-3 py-2.5 text-sm font-medium transition-all ${o==="B"?"bg-cyan-500/20 text-cyan-300 ring-1 ring-cyan-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:S})]})]}),e.jsxs("div",{className:"flex gap-4",children:[e.jsxs("div",{className:"flex-1 rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Speed"}),e.jsx("div",{className:"flex gap-1.5",children:me.map(h=>e.jsx("button",{onClick:()=>p(h.value),className:`flex-1 rounded-lg px-2 py-2 text-[11px] font-medium transition-all ${c===h.value?"bg-emerald-500/20 text-emerald-300 ring-1 ring-emerald-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:h.label},h.value))})]}),e.jsxs("button",{onClick:()=>f(!i),className:`shrink-0 flex flex-col items-center justify-center rounded-xl px-4 transition-all ${i?"bg-indigo-500/15 text-indigo-300 ring-1 ring-indigo-500/30":"bg-slate-800/60 text-slate-500 ring-1 ring-slate-700/40"}`,children:[i?e.jsx(ge,{size:18}):e.jsx(fe,{size:18}),e.jsx("span",{className:"text-[10px] mt-1",children:i?"On":"Off"})]})]}),e.jsxs("button",{onClick:C,disabled:n==="prediction"&&!o,className:"w-full flex items-center justify-center gap-2 rounded-xl bg-gradient-to-r from-rose-500/20 to-cyan-500/20 px-6 py-4 text-base font-bold text-white ring-1 ring-white/10 transition-all hover:from-rose-500/30 hover:to-cyan-500/30 hover:ring-white/20 active:scale-[0.98] disabled:opacity-40 disabled:cursor-not-allowed",children:[e.jsx(Ge,{size:18,className:"text-rose-300"}),e.jsx(be,{size:18,className:"text-cyan-300"}),"Start Battle"]})]})})]})}function ke({state:t,color:a,maxVal:s}){const l=X.find(x=>x.value===t.algorithm).label,n=t.status==="finished",c=t.array.length,o={rose:{default:"bg-rose-500/60",comparing:"bg-amber-400",swapping:"bg-rose-300",sorted:"bg-emerald-500/70",border:n?"ring-2 ring-emerald-500/50":"ring-1 ring-slate-700/50",label:"text-rose-400",badge:"bg-rose-500/15 text-rose-300 ring-rose-500/30"},cyan:{default:"bg-cyan-500/60",comparing:"bg-amber-400",swapping:"bg-cyan-300",sorted:"bg-emerald-500/70",border:n?"ring-2 ring-emerald-500/50":"ring-1 ring-slate-700/50",label:"text-cyan-400",badge:"bg-cyan-500/15 text-cyan-300 ring-cyan-500/30"}}[a],r=new Set(t.comparing||[]),d=new Set(t.swapping||[]),m=new Set(t.sorted);return e.jsxs("div",{className:"flex-1 min-w-0 flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-center justify-between px-1",children:[e.jsx("span",{className:`text-xs font-bold ${o.label}`,children:l}),e.jsx("span",{className:`rounded-full px-2 py-0.5 text-[10px] font-medium ring-1 ${o.badge}`,children:n?"Finished":"Running"})]}),e.jsx("div",{className:`rounded-xl border border-slate-700/50 bg-slate-950/80 p-2 ${o.border} transition-all overflow-hidden`,children:e.jsx("div",{className:"flex items-end gap-px h-32 sm:h-44 md:h-52",children:t.array.map((x,g)=>{const p=x/s*100;let f=o.default;return r.has(g)?f=o.comparing:d.has(g)?f=o.swapping:m.has(g)&&(f=o.sorted),e.jsx("div",{className:`flex-1 rounded-t-sm transition-all duration-75 ${f}`,style:{height:`${p}%`,minWidth:c>100?"1px":"2px"}},g)})})}),e.jsxs("div",{className:"grid grid-cols-3 gap-1.5 px-1",children:[e.jsxs("div",{className:"rounded-lg bg-slate-800/50 px-2 py-1.5 text-center",children:[e.jsx("div",{className:"text-[10px] text-slate-500",children:"Comparisons"}),e.jsx("div",{className:"text-xs font-mono font-bold text-white",children:t.metrics.comparisons})]}),e.jsxs("div",{className:"rounded-lg bg-slate-800/50 px-2 py-1.5 text-center",children:[e.jsx("div",{className:"text-[10px] text-slate-500",children:"Swaps"}),e.jsx("div",{className:"text-xs font-mono font-bold text-white",children:t.metrics.swaps})]}),e.jsxs("div",{className:"rounded-lg bg-slate-800/50 px-2 py-1.5 text-center",children:[e.jsx("div",{className:"text-[10px] text-slate-500",children:"Steps"}),e.jsxs("div",{className:"text-xs font-mono font-bold text-white",children:[t.metrics.stepsCompleted,"/",t.metrics.totalSteps]})]})]})]})}function st({history:t,nameA:a,nameB:s}){const{pathA:l,pathB:n,maxOps:c,maxTime:i}=u.useMemo(()=>{if(t.length<2)return{pathA:"",pathB:"",maxOps:1,maxTime:1};const o=Math.max(...t.map(g=>Math.max(g.opsA,g.opsB)),1),r=t.length-1,d=400,m=120,x=g=>t.map((p,f)=>{const y=f/r*d,C=m-p[g]/o*m;return`${f===0?"M":"L"}${y.toFixed(1)},${C.toFixed(1)}`}).join(" ");return{pathA:x("opsA"),pathB:x("opsB"),maxOps:o,maxTime:r}},[t]);return t.length<2?null:e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Live Performance"}),e.jsxs("div",{className:"flex items-center gap-4 mb-2",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("div",{className:"h-2 w-4 rounded-full bg-rose-400"}),e.jsx("span",{className:"text-[10px] text-slate-400",children:a})]}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("div",{className:"h-2 w-4 rounded-full bg-cyan-400"}),e.jsx("span",{className:"text-[10px] text-slate-400",children:s})]}),e.jsxs("span",{className:"ml-auto text-[10px] text-slate-500",children:["Max ops: ",c]})]}),e.jsxs("svg",{viewBox:"0 0 400 120",className:"w-full h-20 sm:h-28",preserveAspectRatio:"none",children:[e.jsx("path",{d:l,fill:"none",stroke:"#fb7185",strokeWidth:2,strokeLinecap:"round"}),e.jsx("path",{d:n,fill:"none",stroke:"#22d3ee",strokeWidth:2,strokeLinecap:"round"})]}),e.jsxs("div",{className:"flex justify-between mt-1",children:[e.jsx("span",{className:"text-[9px] text-slate-600",children:"0"}),e.jsxs("span",{className:"text-[9px] text-slate-600",children:["Steps → ",i]})]})]})}function nt({stateA:t,stateB:a,winner:s,prediction:l,predictionCorrect:n,inputType:c,onReset:i}){const o=X.find(g=>g.value===t.algorithm).label,r=X.find(g=>g.value===a.algorithm).label,d=ze[t.algorithm],m=ze[a.algorithm],x=Ze(s,t.algorithm,a.algorithm,t.metrics,a.metrics,c);return e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-5 backdrop-blur-sm space-y-4",children:[e.jsx("div",{className:"text-center",children:s==="tie"?e.jsxs("div",{className:"inline-flex items-center gap-2 rounded-full bg-amber-500/10 px-5 py-2 ring-1 ring-amber-500/20",children:[e.jsx(ye,{size:18,className:"text-amber-400"}),e.jsx("span",{className:"text-sm font-bold text-amber-300",children:"It's a Tie!"})]}):e.jsxs("div",{className:`inline-flex items-center gap-2 rounded-full px-5 py-2 ring-1 ${s==="A"?"bg-rose-500/10 ring-rose-500/20":"bg-cyan-500/10 ring-cyan-500/20"}`,children:[e.jsx(je,{size:18,className:s==="A"?"text-rose-400":"text-cyan-400"}),e.jsxs("span",{className:`text-sm font-bold ${s==="A"?"text-rose-300":"text-cyan-300"}`,children:[s==="A"?o:r," Wins!"]})]})}),l&&n!==null&&e.jsx("div",{className:`rounded-lg px-4 py-2.5 text-center text-xs font-medium ${n?"bg-emerald-500/10 text-emerald-300 ring-1 ring-emerald-500/20":"bg-rose-500/10 text-rose-300 ring-1 ring-rose-500/20"}`,children:n?"🎯 Your prediction was correct!":"❌ Your prediction was wrong. Keep learning!"}),e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-xs",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-slate-700/50",children:[e.jsx("th",{className:"py-2 text-left text-slate-500 font-medium",children:"Metric"}),e.jsx("th",{className:"py-2 text-center text-rose-400 font-semibold",children:o}),e.jsx("th",{className:"py-2 text-center text-cyan-400 font-semibold",children:r})]})}),e.jsx("tbody",{className:"font-mono",children:[{label:"Total Steps",a:t.metrics.totalSteps,b:a.metrics.totalSteps},{label:"Comparisons",a:t.metrics.comparisons,b:a.metrics.comparisons},{label:"Swaps",a:t.metrics.swaps,b:a.metrics.swaps},{label:"Array Accesses",a:t.metrics.arrayAccesses,b:a.metrics.arrayAccesses},{label:"Time (s)",a:t.metrics.timeElapsed.toFixed(2),b:a.metrics.timeElapsed.toFixed(2)}].map(({label:g,a:p,b:f})=>{const y=typeof p=="string"?parseFloat(p):p,C=typeof f=="string"?parseFloat(f):f;return e.jsxs("tr",{className:"border-b border-slate-800/50",children:[e.jsx("td",{className:"py-2 text-slate-400",children:g}),e.jsxs("td",{className:`py-2 text-center font-semibold ${y<=C?"text-emerald-300":"text-white"}`,children:[p,ye.jsxs("div",{className:"rounded-lg bg-slate-800/40 p-3",children:[e.jsx("h4",{className:`text-[10px] font-bold uppercase tracking-wider ${f==="rose"?"text-rose-400":"text-cyan-400"} mb-2`,children:g}),e.jsxs("div",{className:"space-y-1 text-[10px] font-mono",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-slate-500",children:"Best"}),e.jsx("span",{className:"text-slate-300",children:p.best})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-slate-500",children:"Average"}),e.jsx("span",{className:"text-slate-300",children:p.average})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-slate-500",children:"Worst"}),e.jsx("span",{className:"text-slate-300",children:p.worst})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-slate-500",children:"Space"}),e.jsx("span",{className:"text-slate-300",children:p.space})]})]})]},g))}),e.jsxs("div",{className:"rounded-lg bg-indigo-500/5 px-4 py-3 ring-1 ring-indigo-500/15",children:[e.jsx("h4",{className:"text-[10px] font-bold uppercase tracking-wider text-indigo-400 mb-1",children:"Why?"}),e.jsx("p",{className:"text-xs text-slate-400 leading-relaxed",children:x})]}),e.jsxs("button",{onClick:i,className:"w-full flex items-center justify-center gap-2 rounded-xl bg-slate-800/60 px-6 py-3 text-sm font-medium text-slate-300 ring-1 ring-slate-700/50 transition-all hover:bg-slate-700/60 active:scale-[0.98]",children:[e.jsx(xe,{size:14}),"New Battle"]})]})}function at({stateA:t,stateB:a,status:s,winner:l,prediction:n,predictionCorrect:c,inputType:i,speed:o,soundEnabled:r,metricsHistory:d,onPause:m,onResume:x,onReset:g,onSetSpeed:p,onToggleSound:f}){const y=X.find(h=>h.value===t.algorithm).label,C=X.find(h=>h.value===a.algorithm).label,w=Math.max(...t.array,...a.array,1),S=s==="running";return e.jsx("div",{className:"flex-1 overflow-y-auto p-4 md:p-6",children:e.jsxs("div",{className:"mx-auto max-w-5xl space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3 flex-wrap",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[s!=="finished"&&e.jsxs("button",{onClick:S?m:x,className:"flex items-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2 text-xs font-medium text-slate-300 ring-1 ring-slate-700/50 transition-all hover:bg-slate-700/60",children:[S?e.jsx(ve,{size:14}):e.jsx(be,{size:14}),S?"Pause":"Resume"]}),e.jsxs("button",{onClick:g,className:"flex items-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2 text-xs font-medium text-slate-300 ring-1 ring-slate-700/50 transition-all hover:bg-slate-700/60",children:[e.jsx(xe,{size:14}),"Reset"]}),e.jsx("button",{onClick:()=>f(!r),className:`flex items-center gap-1.5 rounded-lg px-3 py-2 text-xs font-medium transition-all ring-1 ${r?"bg-indigo-500/15 text-indigo-300 ring-indigo-500/30":"bg-slate-800/60 text-slate-500 ring-slate-700/40"}`,children:r?e.jsx(ge,{size:14}):e.jsx(fe,{size:14})})]}),s!=="finished"&&e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"text-[10px] text-slate-500",children:"Speed:"}),me.map(h=>e.jsx("button",{onClick:()=>p(h.value),className:`rounded px-2 py-1 text-[10px] font-medium transition-all ${o===h.value?"bg-emerald-500/20 text-emerald-300 ring-1 ring-emerald-500/40":"bg-slate-800/50 text-slate-500 hover:bg-slate-700/50"}`,children:h.label},h.value))]}),e.jsxs("div",{className:"text-xs text-slate-500 font-mono",children:[t.metrics.timeElapsed.toFixed(1),"s"]})]}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-4",children:[e.jsx(ke,{state:t,color:"rose",maxVal:w}),e.jsx(ke,{state:a,color:"cyan",maxVal:w})]}),e.jsx(st,{history:d,nameA:y,nameB:C}),s==="finished"&&l&&e.jsx(nt,{stateA:t,stateB:a,winner:l,prediction:n,predictionCorrect:c,inputType:i,onReset:g})]})})}const ne=15,Z=25,lt=.25,rt=[{value:"random",label:"Random Scatter"},{value:"recursive-division",label:"Recursive Division"},{value:"dfs-maze",label:"DFS Maze"}];function Re(t,a){return`${t},${a}`}function it(){const t=[];for(let a=0;ac===a.row&&i===a.col||c===s.row&&i===s.col;function n(c,i,o,r,d){if(d){if(i-c<2)return;const m=[];for(let p=c+1;p.5)}function dt(t,a,s){for(let o=0;oMath.random()-.5);for(const[m,x]of d){const g=o+m,p=r+x;g>=0&&g=0&&p=0&&(t[s.row][s.col-1].type=D.EMPTY)}function ut(t="random"){const a=it(),s={row:Math.floor(ne/2),col:1},l={row:Math.floor(ne/2),col:Z-2};switch(t){case"recursive-division":ot(a,s,l);break;case"dfs-maze":dt(a,s,l);break;default:ct(a,s,l);break}return a[s.row][s.col].type=D.START,a[l.row][l.col].type=D.END,{grid:a,start:s,end:l}}function Te(t,a,s,l){const n=_e(l,t,a,s),c=n.visitedNodesInOrder,i=n.shortestPath,o=[],r=new Set;for(let d=0;d0){const d=new Set(r);for(let m=0;mRe(x.row,x.col)))})}return{steps:o,totalVisited:c.length,pathLength:i.length,found:i.length>0}}const de=[{value:"bfs",label:"BFS"},{value:"dfs",label:"DFS"},{value:"dijkstra",label:"Dijkstra"},{value:"astar",label:"A*"}],$e={bfs:{time:"O(V + E)",space:"O(V)",optimal:!0},dfs:{time:"O(V + E)",space:"O(V)",optimal:!1},dijkstra:{time:"O(V² / V+E log V)",space:"O(V)",optimal:!0},astar:{time:"O(E)",space:"O(V)",optimal:!0}};function Be({grid:t,step:a,algorithm:s,color:l,finished:n,totalVisited:c,pathLength:i,currentIndex:o,totalSteps:r}){const d=de.find(g=>g.value===s).label,x={rose:{visited:"bg-rose-500/40",path:"bg-rose-300",current:"bg-rose-400",label:"text-rose-400",badge:"bg-rose-500/15 text-rose-300 ring-rose-500/30",border:n?"ring-2 ring-emerald-500/50":"ring-1 ring-slate-700/50"},cyan:{visited:"bg-cyan-500/40",path:"bg-cyan-300",current:"bg-cyan-400",label:"text-cyan-400",badge:"bg-cyan-500/15 text-cyan-300 ring-cyan-500/30",border:n?"ring-2 ring-emerald-500/50":"ring-1 ring-slate-700/50"}}[l];return e.jsxs("div",{className:"flex-1 min-w-0 flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-center justify-between px-1",children:[e.jsx("span",{className:`text-xs font-bold ${x.label}`,children:d}),e.jsx("span",{className:`rounded-full px-2 py-0.5 text-[10px] font-medium ring-1 ${x.badge}`,children:n?"Finished":"Running"})]}),e.jsx("div",{className:`rounded-xl border border-slate-700/50 bg-slate-950/80 p-1 ${x.border} transition-all overflow-hidden`,children:e.jsx("div",{className:"grid",style:{gridTemplateColumns:`repeat(${Z}, 1fr)`,gap:"1px"},children:t.map((g,p)=>g.map((f,y)=>{const C=`${p},${y}`;let w="bg-slate-800/40";return f.type===D.WALL?w="bg-slate-600":f.type===D.START?w="bg-emerald-500":f.type===D.END?w="bg-amber-500":a&&(a.pathNodes.has(C)?w=x.path:a.currentNode&&a.currentNode.row===p&&a.currentNode.col===y?w=x.current:a.visitedSoFar.has(C)&&(w=x.visited)),e.jsx("div",{className:`aspect-square rounded-[1px] ${w} transition-colors duration-75`},C)}))})}),e.jsxs("div",{className:"grid grid-cols-3 gap-1.5 px-1",children:[e.jsxs("div",{className:"rounded-lg bg-slate-800/50 px-2 py-1.5 text-center",children:[e.jsx("div",{className:"text-[10px] text-slate-500",children:"Visited"}),e.jsx("div",{className:"text-xs font-mono font-bold text-white",children:c})]}),e.jsxs("div",{className:"rounded-lg bg-slate-800/50 px-2 py-1.5 text-center",children:[e.jsx("div",{className:"text-[10px] text-slate-500",children:"Path"}),e.jsx("div",{className:"text-xs font-mono font-bold text-white",children:i})]}),e.jsxs("div",{className:"rounded-lg bg-slate-800/50 px-2 py-1.5 text-center",children:[e.jsx("div",{className:"text-[10px] text-slate-500",children:"Steps"}),e.jsxs("div",{className:"text-xs font-mono font-bold text-white",children:[o,"/",r]})]})]})]})}function xt({grid:t,stateA:a,stateB:s,status:l,winner:n,prediction:c,predictionCorrect:i,speed:o,soundEnabled:r,onPause:d,onResume:m,onReset:x,onSetSpeed:g,onToggleSound:p}){const f=l==="running",y=de.find(h=>h.value===a.algorithm).label,C=de.find(h=>h.value===s.algorithm).label,w=a.currentIndexp(!r),className:`flex items-center gap-1.5 rounded-lg px-3 py-2 text-xs font-medium ring-1 ${r?"bg-indigo-500/15 text-indigo-300 ring-indigo-500/30":"bg-slate-800/60 text-slate-500 ring-slate-700/40"}`,children:r?e.jsx(ge,{size:14}):e.jsx(fe,{size:14})})]}),l!=="finished"&&e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"text-[10px] text-slate-500",children:"Speed:"}),me.map(h=>e.jsx("button",{onClick:()=>g(h.value),className:`rounded px-2 py-1 text-[10px] font-medium ${o===h.value?"bg-emerald-500/20 text-emerald-300 ring-1 ring-emerald-500/40":"bg-slate-800/50 text-slate-500 hover:bg-slate-700/50"}`,children:h.label},h.value))]})]}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-4",children:[e.jsx(Be,{grid:t,step:w,algorithm:a.algorithm,color:"rose",finished:a.finished,totalVisited:a.totalVisited,pathLength:a.pathLength,currentIndex:a.currentIndex,totalSteps:a.steps.length}),e.jsx(Be,{grid:t,step:S,algorithm:s.algorithm,color:"cyan",finished:s.finished,totalVisited:s.totalVisited,pathLength:s.pathLength,currentIndex:s.currentIndex,totalSteps:s.steps.length})]}),l==="finished"&&n&&e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-5 backdrop-blur-sm space-y-4",children:[e.jsx("div",{className:"text-center",children:n==="tie"?e.jsxs("div",{className:"inline-flex items-center gap-2 rounded-full bg-amber-500/10 px-5 py-2 ring-1 ring-amber-500/20",children:[e.jsx(ye,{size:18,className:"text-amber-400"}),e.jsx("span",{className:"text-sm font-bold text-amber-300",children:"It's a Tie!"})]}):e.jsxs("div",{className:`inline-flex items-center gap-2 rounded-full px-5 py-2 ring-1 ${n==="A"?"bg-rose-500/10 ring-rose-500/20":"bg-cyan-500/10 ring-cyan-500/20"}`,children:[e.jsx(je,{size:18,className:n==="A"?"text-rose-400":"text-cyan-400"}),e.jsxs("span",{className:`text-sm font-bold ${n==="A"?"text-rose-300":"text-cyan-300"}`,children:[n==="A"?y:C," Wins!"]})]})}),c&&i!==null&&e.jsx("div",{className:`rounded-lg px-4 py-2.5 text-center text-xs font-medium ${i?"bg-emerald-500/10 text-emerald-300 ring-1 ring-emerald-500/20":"bg-rose-500/10 text-rose-300 ring-1 ring-rose-500/20"}`,children:i?"🎯 Correct prediction!":"❌ Wrong prediction. Keep learning!"}),e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-xs",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-slate-700/50",children:[e.jsx("th",{className:"py-2 text-left text-slate-500",children:"Metric"}),e.jsx("th",{className:"py-2 text-center text-rose-400 font-semibold",children:y}),e.jsx("th",{className:"py-2 text-center text-cyan-400 font-semibold",children:C})]})}),e.jsx("tbody",{className:"font-mono",children:[{label:"Nodes Visited",a:a.totalVisited,b:s.totalVisited},{label:"Path Length",a:a.pathLength,b:s.pathLength},{label:"Total Steps",a:a.steps.length,b:s.steps.length}].map(({label:h,a:z,b:B})=>e.jsxs("tr",{className:"border-b border-slate-800/50",children:[e.jsx("td",{className:"py-2 text-slate-400",children:h}),e.jsxs("td",{className:`py-2 text-center font-semibold ${z<=B?"text-emerald-300":"text-white"}`,children:[z,ze.jsxs("div",{className:"rounded-lg bg-slate-800/40 p-3",children:[e.jsx("h4",{className:`text-[10px] font-bold uppercase tracking-wider ${B==="rose"?"text-rose-400":"text-cyan-400"} mb-2`,children:h}),e.jsxs("div",{className:"space-y-1 text-[10px] font-mono",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-slate-500",children:"Time"}),e.jsx("span",{className:"text-slate-300",children:z.time})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-slate-500",children:"Space"}),e.jsx("span",{className:"text-slate-300",children:z.space})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-slate-500",children:"Optimal"}),e.jsx("span",{className:z.optimal?"text-emerald-300":"text-rose-300",children:z.optimal?"Yes":"No"})]})]})]},h))}),e.jsxs("button",{onClick:x,className:"w-full flex items-center justify-center gap-2 rounded-xl bg-slate-800/60 px-6 py-3 text-sm font-medium text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/60 active:scale-[0.98]",children:[e.jsx(xe,{size:14})," New Battle"]})]})]})})}const Ne=[{value:"fibonacci",label:"Fibonacci",desc:"Compute the Nth Fibonacci number",inputLabel:"N",inputMin:5,inputMax:25,defaultN:15},{value:"factorial",label:"Factorial",desc:"Compute N! (N factorial)",inputLabel:"N",inputMin:3,inputMax:20,defaultN:10},{value:"staircase",label:"Staircase",desc:"Ways to climb N stairs (1 or 2 steps)",inputLabel:"Stairs",inputMin:5,inputMax:25,defaultN:15},{value:"coin-change",label:"Coin Change",desc:"Min coins to make amount N (coins: 1,3,5)",inputLabel:"Amount",inputMin:5,inputMax:30,defaultN:15}];function Ie(t){const a=[];let s=0,l=0;function n(i,o){if(s++,l=Math.max(l,o),a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:null,cacheSize:0}),i<=1)return a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:i,cacheSize:0}),i;const r=n(i-1,o+1)+n(i-2,o+1);return a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:r,cacheSize:0}),r}const c=n(t,0);return{steps:a,finalResult:c,totalCalls:s,totalCacheHits:0,maxDepth:l}}function mt(t){const a=[];let s=0,l=0,n=0;const c=new Map;function i(r,d){if(s++,n=Math.max(n,d),c.has(r)){l++;const x=c.get(r);return a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:x,cacheSize:c.size}),x}if(a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:null,cacheSize:c.size}),r<=1)return c.set(r,r),a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:r,cacheSize:c.size}),r;const m=i(r-1,d+1)+i(r-2,d+1);return c.set(r,m),a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:m,cacheSize:c.size}),m}const o=i(t,0);return{steps:a,finalResult:o,totalCalls:s,totalCacheHits:l,maxDepth:n}}function pt(t){const a=[];let s=0;if(t<=1)return s=1,a.push({callCount:s,cacheHits:0,currentDepth:0,maxDepth:0,currentN:t,result:t,cacheSize:0}),{steps:a,finalResult:t,totalCalls:1,totalCacheHits:0,maxDepth:0};let l=0,n=1;for(let c=2;c<=t;c++){s++;const i=l+n;l=n,n=i,a.push({callCount:s,cacheHits:0,currentDepth:0,maxDepth:0,currentN:c,result:n,cacheSize:0})}return{steps:a,finalResult:n,totalCalls:s,totalCacheHits:0,maxDepth:0}}const ue=[{value:"naive",label:"Naive Recursive"},{value:"memoized",label:"Memoized"},{value:"iterative",label:"Iterative"}],De={naive:{time:"O(2ⁿ)",space:"O(n)"},memoized:{time:"O(n)",space:"O(n)"},iterative:{time:"O(n)",space:"O(1)"}};function ht(t){const a=[];let s=0,l=0;function n(i,o){if(s++,l=Math.max(l,o),a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:null,cacheSize:0}),i<=1)return a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:1,cacheSize:0}),1;const r=i*n(i-1,o+1);return a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:r,cacheSize:0}),r}const c=n(t,0);return{steps:a,finalResult:c,totalCalls:s,totalCacheHits:0,maxDepth:l}}function gt(t){const a=[];let s=0,l=0,n=0;const c=new Map;function i(r,d){if(s++,n=Math.max(n,d),c.has(r)){l++;const x=c.get(r);return a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:x,cacheSize:c.size}),x}if(a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:null,cacheSize:c.size}),r<=1)return c.set(r,1),a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:1,cacheSize:c.size}),1;const m=r*i(r-1,d+1);return c.set(r,m),a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:m,cacheSize:c.size}),m}const o=i(t,0);return{steps:a,finalResult:o,totalCalls:s,totalCacheHits:l,maxDepth:n}}function ft(t){const a=[];let s=1;for(let l=2;l<=t;l++)s*=l,a.push({callCount:l-1,cacheHits:0,currentDepth:0,maxDepth:0,currentN:l,result:s,cacheSize:0});return a.length===0&&a.push({callCount:1,cacheHits:0,currentDepth:0,maxDepth:0,currentN:t,result:1,cacheSize:0}),{steps:a,finalResult:s,totalCalls:Math.max(t-1,1),totalCacheHits:0,maxDepth:0}}function bt(t){const a=[];let s=0,l=0;function n(i,o){if(s++,l=Math.max(l,o),a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:null,cacheSize:0}),i<=1)return a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:1,cacheSize:0}),1;const r=n(i-1,o+1)+n(i-2,o+1);return a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:r,cacheSize:0}),r}const c=n(t,0);return{steps:a,finalResult:c,totalCalls:s,totalCacheHits:0,maxDepth:l}}function Nt(t){const a=[];let s=0,l=0,n=0;const c=new Map;function i(r,d){if(s++,n=Math.max(n,d),c.has(r)){l++;const x=c.get(r);return a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:x,cacheSize:c.size}),x}if(a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:null,cacheSize:c.size}),r<=1)return c.set(r,1),a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:1,cacheSize:c.size}),1;const m=i(r-1,d+1)+i(r-2,d+1);return c.set(r,m),a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:m,cacheSize:c.size}),m}const o=i(t,0);return{steps:a,finalResult:o,totalCalls:s,totalCacheHits:l,maxDepth:n}}function jt(t){const a=[];if(t<=1)return a.push({callCount:1,cacheHits:0,currentDepth:0,maxDepth:0,currentN:t,result:1,cacheSize:0}),{steps:a,finalResult:1,totalCalls:1,totalCacheHits:0,maxDepth:0};let s=1,l=1;for(let n=2;n<=t;n++){const c=s+l;s=l,l=c,a.push({callCount:n-1,cacheHits:0,currentDepth:0,maxDepth:0,currentN:n,result:l,cacheSize:0})}return{steps:a,finalResult:l,totalCalls:t-1,totalCacheHits:0,maxDepth:0}}const Se=[1,3,5];function vt(t){const a=[];let s=0,l=0;function n(i,o){if(s++,l=Math.max(l,o),a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:null,cacheSize:0}),i===0)return a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:0,cacheSize:0}),0;if(i<0)return a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:1/0,cacheSize:0}),1/0;let r=1/0;for(const d of Se){const m=n(i-d,o+1);m!==1/0&&(r=Math.min(r,m+1))}return a.push({callCount:s,cacheHits:0,currentDepth:o,maxDepth:l,currentN:i,result:r===1/0?-1:r,cacheSize:0}),r}const c=n(t,0);return{steps:a,finalResult:c===1/0?-1:c,totalCalls:s,totalCacheHits:0,maxDepth:l}}function yt(t){const a=[];let s=0,l=0,n=0;const c=new Map;function i(r,d){if(s++,n=Math.max(n,d),c.has(r)){l++;const x=c.get(r);return a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:x===1/0?-1:x,cacheSize:c.size}),x}if(a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:null,cacheSize:c.size}),r===0)return c.set(0,0),a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:0,cacheSize:c.size}),0;if(r<0)return 1/0;let m=1/0;for(const x of Se){const g=i(r-x,d+1);g!==1/0&&(m=Math.min(m,g+1))}return c.set(r,m),a.push({callCount:s,cacheHits:l,currentDepth:d,maxDepth:n,currentN:r,result:m===1/0?-1:m,cacheSize:c.size}),m}const o=i(t,0);return{steps:a,finalResult:o===1/0?-1:o,totalCalls:s,totalCacheHits:l,maxDepth:n}}function St(t){const a=[],s=new Array(t+1).fill(1/0);s[0]=0;let l=0;for(let n=1;n<=t;n++){for(const c of Se)n>=c&&s[n-c]+1r.value===t.algorithm).label,n=t.currentIndex0?t.currentIndex/c*100:0,o=a==="rose"?{label:"text-rose-400",badge:"bg-rose-500/15 text-rose-300 ring-rose-500/30",bar:"bg-rose-500",border:t.finished?"ring-2 ring-emerald-500/50":"ring-1 ring-slate-700/50"}:{label:"text-cyan-400",badge:"bg-cyan-500/15 text-cyan-300 ring-cyan-500/30",bar:"bg-cyan-500",border:t.finished?"ring-2 ring-emerald-500/50":"ring-1 ring-slate-700/50"};return e.jsxs("div",{className:"flex-1 min-w-0 flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-center justify-between px-1",children:[e.jsx("span",{className:`text-xs font-bold ${o.label}`,children:l}),e.jsx("span",{className:`rounded-full px-2 py-0.5 text-[10px] font-medium ring-1 ${o.badge}`,children:t.finished?"Finished":"Running"})]}),e.jsxs("div",{className:`rounded-xl border border-slate-700/50 bg-slate-950/80 p-3 ${o.border} transition-all`,children:[e.jsxs("div",{className:"mb-2",children:[e.jsxs("div",{className:"flex justify-between mb-1",children:[e.jsx("span",{className:"text-[10px] text-slate-500",children:"Function Calls"}),e.jsxs("span",{className:"text-[10px] font-mono text-slate-400",children:[n?n.callCount:0," / ",t.totalCalls]})]}),e.jsx("div",{className:"h-4 rounded-full bg-slate-800/60 overflow-hidden",children:e.jsx("div",{className:`h-full rounded-full ${o.bar} transition-all duration-75`,style:{width:`${i}%`}})})]}),e.jsxs("div",{className:"mb-2",children:[e.jsx("span",{className:"text-[10px] text-slate-500 block mb-1",children:"Stack Depth"}),e.jsx("div",{className:"flex items-end gap-px h-16",children:Array.from({length:Math.max(n?.maxDepth||1,1)},(r,d)=>{const m=n?dS.value===t.algorithm).label,C=ue.find(S=>S.value===a.algorithm).label,w=wt[r];return e.jsx("div",{className:"flex-1 overflow-y-auto p-4 md:p-6",children:e.jsxs("div",{className:"mx-auto max-w-5xl space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3 flex-wrap",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[s!=="finished"&&e.jsxs("button",{onClick:f?d:m,className:"flex items-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2 text-xs font-medium text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/60",children:[f?e.jsx(ve,{size:14}):e.jsx(be,{size:14}),f?"Pause":"Resume"]}),e.jsxs("button",{onClick:x,className:"flex items-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2 text-xs font-medium text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/60",children:[e.jsx(xe,{size:14})," Reset"]}),e.jsx("button",{onClick:()=>p(!o),className:`flex items-center gap-1.5 rounded-lg px-3 py-2 text-xs font-medium ring-1 ${o?"bg-indigo-500/15 text-indigo-300 ring-indigo-500/30":"bg-slate-800/60 text-slate-500 ring-slate-700/40"}`,children:o?e.jsx(ge,{size:14}):e.jsx(fe,{size:14})})]}),s!=="finished"&&e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"text-[10px] text-slate-500",children:"Speed:"}),me.map(S=>e.jsx("button",{onClick:()=>g(S.value),className:`rounded px-2 py-1 text-[10px] font-medium ${i===S.value?"bg-emerald-500/20 text-emerald-300 ring-1 ring-emerald-500/40":"bg-slate-800/50 text-slate-500 hover:bg-slate-700/50"}`,children:S.label},S.value))]})]}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-4",children:[e.jsx(Pe,{state:t,color:"rose",funcName:w}),e.jsx(Pe,{state:a,color:"cyan",funcName:w})]}),s==="finished"&&l&&e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-5 backdrop-blur-sm space-y-4",children:[e.jsx("div",{className:"text-center",children:l==="tie"?e.jsxs("div",{className:"inline-flex items-center gap-2 rounded-full bg-amber-500/10 px-5 py-2 ring-1 ring-amber-500/20",children:[e.jsx(ye,{size:18,className:"text-amber-400"}),e.jsx("span",{className:"text-sm font-bold text-amber-300",children:"It's a Tie!"})]}):e.jsxs("div",{className:`inline-flex items-center gap-2 rounded-full px-5 py-2 ring-1 ${l==="A"?"bg-rose-500/10 ring-rose-500/20":"bg-cyan-500/10 ring-cyan-500/20"}`,children:[e.jsx(je,{size:18,className:l==="A"?"text-rose-400":"text-cyan-400"}),e.jsxs("span",{className:`text-sm font-bold ${l==="A"?"text-rose-300":"text-cyan-300"}`,children:[l==="A"?y:C," Wins!"]})]})}),n&&c!==null&&e.jsx("div",{className:`rounded-lg px-4 py-2.5 text-center text-xs font-medium ${c?"bg-emerald-500/10 text-emerald-300 ring-1 ring-emerald-500/20":"bg-rose-500/10 text-rose-300 ring-1 ring-rose-500/20"}`,children:c?"🎯 Correct prediction!":"❌ Wrong prediction. Keep learning!"}),e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-xs",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-slate-700/50",children:[e.jsx("th",{className:"py-2 text-left text-slate-500",children:"Metric"}),e.jsx("th",{className:"py-2 text-center text-rose-400 font-semibold",children:y}),e.jsx("th",{className:"py-2 text-center text-cyan-400 font-semibold",children:C})]})}),e.jsx("tbody",{className:"font-mono",children:[{label:"Total Calls",a:t.totalCalls,b:a.totalCalls},{label:"Cache Hits",a:t.totalCacheHits,b:a.totalCacheHits},{label:"Max Stack Depth",a:t.maxDepth,b:a.maxDepth},{label:"Total Steps",a:t.steps.length,b:a.steps.length}].map(({label:S,a:h,b:z})=>e.jsxs("tr",{className:"border-b border-slate-800/50",children:[e.jsx("td",{className:"py-2 text-slate-400",children:S}),e.jsxs("td",{className:`py-2 text-center font-semibold ${h<=z?"text-emerald-300":"text-white"}`,children:[h,he.jsxs("div",{className:"rounded-lg bg-slate-800/40 p-3",children:[e.jsx("h4",{className:`text-[10px] font-bold uppercase tracking-wider ${z==="rose"?"text-rose-400":"text-cyan-400"} mb-2`,children:S}),e.jsxs("div",{className:"space-y-1 text-[10px] font-mono",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-slate-500",children:"Time"}),e.jsx("span",{className:"text-slate-300",children:h.time})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-slate-500",children:"Space"}),e.jsx("span",{className:"text-slate-300",children:h.space})]})]})]},S))}),e.jsxs("div",{className:"rounded-lg bg-indigo-500/5 px-4 py-3 ring-1 ring-indigo-500/15",children:[e.jsx("h4",{className:"text-[10px] font-bold uppercase tracking-wider text-indigo-400 mb-1",children:"Why?"}),e.jsxs("p",{className:"text-xs text-slate-400 leading-relaxed",children:[t.totalCalls>a.totalCalls?`${y} made ${t.totalCalls} function calls compared to ${C}'s ${a.totalCalls}. `:a.totalCalls>t.totalCalls?`${C} made ${a.totalCalls} function calls compared to ${y}'s ${t.totalCalls}. `:`Both made ${t.totalCalls} calls. `,r==="factorial"?"Factorial is inherently linear — naive and memoized perform similarly. The iterative version avoids stack overhead.":r==="coin-change"?"Naive coin change explores all combinations (branching factor 3), while memoization caches sub-amounts to avoid redundant work. Iterative DP builds the table bottom-up.":"Naive recursion recalculates the same subproblems exponentially (O(2ⁿ)), while memoization caches results reducing to O(n). The iterative approach avoids recursion overhead entirely with O(1) space."]})]}),e.jsxs("button",{onClick:x,className:"w-full flex items-center justify-center gap-2 rounded-xl bg-slate-800/60 px-6 py-3 text-sm font-medium text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/60 active:scale-[0.98]",children:[e.jsx(xe,{size:14})," New Battle"]})]})]})})}const Fe=[261.63,293.66,329.63,392,440,523.25,587.33,659.25,783.99,880];function we(){const t=u.useRef(!0),a=u.useCallback(()=>qe(),[]),s=u.useCallback(i=>{t.current=i},[]),l=u.useCallback((i,o,r)=>{if(!t.current)return;const d=a();if(!d)return;const m=i/Math.max(o-1,1),x=Fe[Math.floor(m*(Fe.length-1))],g=d.createOscillator(),p=d.createGain(),f=d.createStereoPanner();g.type="sine",g.frequency.value=x,p.gain.setValueAtTime(.04,d.currentTime),p.gain.exponentialRampToValueAtTime(.001,d.currentTime+.08),f.pan.value=r,g.connect(p),p.connect(f),f.connect(d.destination),g.start(),g.stop(d.currentTime+.08)},[a]),n=u.useCallback((i,o,r)=>{if(!t.current)return;const d=a();if(!d)return;const x=200+i/Math.max(o-1,1)*600,g=d.createOscillator(),p=d.createGain(),f=d.createStereoPanner();g.type="triangle",g.frequency.value=x,p.gain.setValueAtTime(.06,d.currentTime),p.gain.exponentialRampToValueAtTime(.001,d.currentTime+.1),f.pan.value=r,g.connect(p),p.connect(f),f.connect(d.destination),g.start(),g.stop(d.currentTime+.1)},[a]),c=u.useCallback(()=>{if(!t.current)return;const i=a();i&&[523.25,659.25,783.99].forEach((o,r)=>{const d=i.createOscillator(),m=i.createGain();d.type="sine",d.frequency.value=o,m.gain.setValueAtTime(.1,i.currentTime+r*.12),m.gain.exponentialRampToValueAtTime(.001,i.currentTime+r*.12+.2),d.connect(m),m.connect(i.destination),d.start(i.currentTime+r*.12),d.stop(i.currentTime+r*.12+.2)})},[a]);return{playCompareTone:l,playSwapTone:n,playWinTone:c,setEnabled:s}}function te(t,a){let s=0,l=0,n=0;for(let c=0;c<=a&&c{y(j),ie(j)},[ie]),Q=u.useCallback(()=>{L.current&&(cancelAnimationFrame(L.current),L.current=null)},[]),A=u.useCallback(()=>{const j=Ue(n,i);ae(j);const b=Me(t,[...j]),v=Me(s,[...j]);P.current=b,F.current=v,E.current=0,H.current=0;const T=te(b,0),V=te(v,0);if(w(se(t,b[0],T,0,b.length,!1)),h(se(s,v[0],V,0,v.length,!1)),B(null),G(null),_([{stepA:0,stepB:0,opsA:0,opsB:0}]),ee.current=performance.now(),r==="turbo"){const le=te(b,b.length-1),U=te(v,v.length-1);le.timeElapsed=0,U.timeElapsed=0;const oe=b[b.length-1],pe=v[v.length-1];w(se(t,oe,le,b.length-1,b.length,!0)),h(se(s,pe,U,v.length-1,v.length,!0));let I="tie";le.totalSteps{const j=P.current,b=F.current;let v=E.current,T=H.current;const V=v>=j.length-1,le=T>=b.length-1;if(V&&le){const I=te(j,v),Ce=te(b,T),Ae=(performance.now()-ee.current)/1e3;I.timeElapsed=Ae,Ce.timeElapsed=Ae,w(se(t,j[v],I,v,j.length,!0)),h(se(s,b[T],Ce,T,b.length,!0));let he="tie";j.length=j.length-1)),h(se(s,b[T],oe,T,b.length,T>=b.length-1)),_(I=>[...I,{stepA:U.stepsCompleted,stepB:oe.stepsCompleted,opsA:U.totalOperations,opsB:oe.totalOperations}])},[t,s,n,f,$,q,Y,W]);u.useEffect(()=>{if(g!=="running"){Q();return}let j=0;const b=v=>{v-j>=m&&(j=v,k()),L.current=requestAnimationFrame(b)};return L.current=requestAnimationFrame(b),Q},[g,m,k,Q]);const N=u.useCallback(()=>{g==="running"&&p("paused")},[g]),M=u.useCallback(()=>{g==="paused"&&p("running")},[g]),R=u.useCallback(()=>{Q(),P.current=[],F.current=[],E.current=0,H.current=0,w(null),h(null),B(null),O(null),G(null),_([]),p("setup")},[Q]);return{algorithmA:t,setAlgorithmA:a,algorithmB:s,setAlgorithmB:l,inputSize:n,setInputSize:c,inputType:i,setInputType:o,gameMode:r,setGameMode:d,speed:m,setSpeed:x,status:g,soundEnabled:f,toggleSound:ce,stateA:C,stateB:S,winner:z,prediction:$,setPrediction:O,predictionCorrect:re,inputData:K,metricsHistory:J,startBattle:A,pause:N,resume:M,reset:R}}function Mt(){const[t,a]=u.useState("bfs"),[s,l]=u.useState("dfs"),[n,c]=u.useState("random"),[i,o]=u.useState("realtime"),[r,d]=u.useState(50),[m,x]=u.useState("setup"),[g,p]=u.useState(!0),[f,y]=u.useState(null),[C,w]=u.useState(null),[S,h]=u.useState(null),[z,B]=u.useState(null),[$,O]=u.useState(null),[re,G]=u.useState(null),K=u.useRef([]),ae=u.useRef([]),J=u.useRef(0),_=u.useRef(0),P=u.useRef(null),F=u.useRef({totalVisited:0,pathLength:0,found:!1}),E=u.useRef({totalVisited:0,pathLength:0,found:!1}),{playCompareTone:H,playWinTone:L,setEnabled:ee}=we(),q=u.useCallback(N=>{p(N),ee(N)},[ee]),Y=u.useCallback(()=>{P.current&&(cancelAnimationFrame(P.current),P.current=null)},[]),W=u.useCallback((N,M)=>{let R="tie";return N.found&&!M.found?R="A":!N.found&&M.found?R="B":N.found&&M.found&&(N.totalVisited{const{grid:N,start:M,end:R}=ut(n);y(N);const j=Te(N,M,R,t),b=Te(N,M,R,s);K.current=j.steps,ae.current=b.steps,J.current=0,_.current=0,F.current={totalVisited:j.totalVisited,pathLength:j.pathLength,found:j.found},E.current={totalVisited:b.totalVisited,pathLength:b.pathLength,found:b.found};const v={algorithm:t,steps:j.steps,currentIndex:0,totalVisited:j.totalVisited,pathLength:j.pathLength,found:j.found,finished:!1},T={algorithm:s,steps:b.steps,currentIndex:0,totalVisited:b.totalVisited,pathLength:b.pathLength,found:b.found,finished:!1};if(i==="turbo"){w({...v,currentIndex:j.steps.length-1,finished:!0}),h({...T,currentIndex:b.steps.length-1,finished:!0});const V=W(F.current,E.current);B(V),$&&G($===V),x("finished"),L();return}w(v),h(T),B(null),G(null),x("running")},[t,s,n,i,$,W,L]),ce=u.useCallback(()=>{let N=J.current,M=_.current;const R=K.current,j=ae.current,b=N>=R.length-1,v=M>=j.length-1;if(b&&v){w(V=>V?{...V,currentIndex:N,finished:!0}:null),h(V=>V?{...V,currentIndex:M,finished:!0}:null);const T=W(F.current,E.current);B(T),$&&G($===T),x("finished"),L();return}b||(N++,J.current=N,g&&H(N,R.length,-.8)),v||(M++,_.current=M,g&&H(M,j.length,.8)),w(T=>T?{...T,currentIndex:N,finished:N>=R.length-1}:null),h(T=>T?{...T,currentIndex:M,finished:M>=j.length-1}:null)},[g,$,W,H,L]);u.useEffect(()=>{if(m!=="running"){Y();return}let N=0;const M=R=>{R-N>=r&&(N=R,ce()),P.current=requestAnimationFrame(M)};return P.current=requestAnimationFrame(M),Y},[m,r,ce,Y]);const Q=u.useCallback(()=>{m==="running"&&x("paused")},[m]),A=u.useCallback(()=>{m==="paused"&&x("running")},[m]),k=u.useCallback(()=>{Y(),y(null),w(null),h(null),B(null),O(null),G(null),x("setup")},[Y]);return{algorithmA:t,setAlgorithmA:a,algorithmB:s,setAlgorithmB:l,mazeType:n,setMazeType:c,gameMode:i,setGameMode:o,speed:r,setSpeed:d,status:m,soundEnabled:g,toggleSound:q,grid:f,stateA:C,stateB:S,winner:z,prediction:$,setPrediction:O,predictionCorrect:re,startBattle:ie,pause:Q,resume:A,reset:k}}function zt(){const[t,a]=u.useState("naive"),[s,l]=u.useState("memoized"),[n,c]=u.useState("fibonacci"),[i,o]=u.useState(15),r=u.useCallback(A=>{c(A);const k=Ne.find(N=>N.value===A);k&&o(k.defaultN)},[]),[d,m]=u.useState("realtime"),[x,g]=u.useState(50),[p,f]=u.useState("setup"),[y,C]=u.useState(!0),[w,S]=u.useState(null),[h,z]=u.useState(null),[B,$]=u.useState(null),[O,re]=u.useState(null),[G,K]=u.useState(null),ae=u.useRef([]),J=u.useRef([]),_=u.useRef(0),P=u.useRef(0),F=u.useRef(null),{playCompareTone:E,playWinTone:H,setEnabled:L}=we(),ee=u.useCallback(A=>{C(A),L(A)},[L]),q=u.useCallback(()=>{F.current&&(cancelAnimationFrame(F.current),F.current=null)},[]),Y=u.useCallback(()=>{const A=Oe(t,i,n),k=Oe(s,i,n);ae.current=A.steps,J.current=k.steps,_.current=0,P.current=0;const N={algorithm:t,steps:A.steps,currentIndex:0,totalCalls:A.totalCalls,totalCacheHits:A.totalCacheHits,maxDepth:A.maxDepth,finalResult:A.finalResult,finished:!1},M={algorithm:s,steps:k.steps,currentIndex:0,totalCalls:k.totalCalls,totalCacheHits:k.totalCacheHits,maxDepth:k.maxDepth,finalResult:k.finalResult,finished:!1};if(d==="turbo"){S({...N,currentIndex:A.steps.length-1,finished:!0}),z({...M,currentIndex:k.steps.length-1,finished:!0});let R="tie";A.totalCalls{let A=_.current,k=P.current;const N=ae.current,M=J.current,R=A>=N.length-1,j=k>=M.length-1;if(R&&j){S(v=>v?{...v,currentIndex:A,finished:!0}:null),z(v=>v?{...v,currentIndex:k,finished:!0}:null);let b="tie";N.lengthb?{...b,currentIndex:A,finished:A>=N.length-1}:null),z(b=>b?{...b,currentIndex:k,finished:k>=M.length-1}:null)},[y,O,E,H]);u.useEffect(()=>{if(p!=="running"){q();return}let A=0;const k=N=>{N-A>=x&&(A=N,W()),F.current=requestAnimationFrame(k)};return F.current=requestAnimationFrame(k),q},[p,x,W,q]);const ie=u.useCallback(()=>{p==="running"&&f("paused")},[p]),ce=u.useCallback(()=>{p==="paused"&&f("running")},[p]),Q=u.useCallback(()=>{q(),S(null),z(null),$(null),re(null),K(null),f("setup")},[q]);return{algorithmA:t,setAlgorithmA:a,algorithmB:s,setAlgorithmB:l,problem:n,changeProblem:r,inputN:i,setInputN:o,gameMode:d,setGameMode:m,speed:x,setSpeed:g,status:p,soundEnabled:y,toggleSound:ee,stateA:w,stateB:h,winner:B,prediction:O,setPrediction:re,predictionCorrect:G,startBattle:Y,pause:ie,resume:ce,reset:Q}}const kt=[{value:"sorting",label:"Sorting",desc:"Bubble, Quick, Merge & more",icon:Ke},{value:"pathfinding",label:"Pathfinding",desc:"BFS, DFS, Dijkstra, A*",icon:Ee},{value:"recursion",label:"Recursion",desc:"Fibonacci, Factorial, Staircase & more",icon:Ve}];function Rt({onSelect:t}){return e.jsxs("div",{className:"flex-1 overflow-y-auto",children:[e.jsxs("section",{className:"flex flex-col items-center justify-center px-6 pt-10 pb-6 text-center",children:[e.jsxs("div",{className:"mb-3 inline-flex items-center gap-2 rounded-full bg-rose-500/10 px-4 py-1.5 ring-1 ring-rose-500/20",children:[e.jsx(Le,{size:14,className:"text-rose-400"}),e.jsx("span",{className:"text-xs font-medium text-rose-300",children:"Algorithm Battles"})]}),e.jsxs("h2",{className:"text-2xl font-extrabold tracking-tight text-white",children:["Choose Your ",e.jsx("span",{className:"bg-gradient-to-r from-rose-400 to-cyan-400 bg-clip-text text-transparent",children:"Arena"})]}),e.jsx("p",{className:"mt-2 max-w-md text-sm text-slate-400",children:"Pick a battle category to pit two algorithms head-to-head."})]}),e.jsx("section",{className:"px-4 pb-10",children:e.jsx("div",{className:"mx-auto max-w-lg grid grid-cols-1 gap-3",children:kt.map(({value:a,label:s,desc:l,icon:n})=>e.jsxs("button",{onClick:()=>t(a),className:"group flex items-center gap-4 rounded-xl border border-slate-700/50 bg-slate-900/60 p-5 text-left backdrop-blur-sm transition-all hover:border-slate-600/60 hover:bg-slate-900/80 hover:scale-[1.01] active:scale-[0.99]",children:[e.jsx("div",{className:"flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-rose-500/20 to-cyan-500/20 ring-1 ring-white/10",children:e.jsx(n,{size:22,className:"text-white"})}),e.jsxs("div",{children:[e.jsxs("h3",{className:"text-sm font-bold text-white",children:[s," Battles"]}),e.jsx("p",{className:"text-xs text-slate-400 mt-0.5",children:l})]})]},a))})})]})}function Tt({battle:t}){const a=de.find(l=>l.value===t.algorithmA).label,s=de.find(l=>l.value===t.algorithmB).label;return e.jsxs("div",{className:"flex-1 overflow-y-auto",children:[e.jsxs("section",{className:"flex flex-col items-center px-6 pt-8 pb-4 text-center",children:[e.jsxs("h2",{className:"text-2xl font-extrabold text-white",children:[e.jsx("span",{className:"bg-gradient-to-r from-rose-400 to-orange-400 bg-clip-text text-transparent",children:a})," ","vs"," ",e.jsx("span",{className:"bg-gradient-to-r from-cyan-400 to-blue-400 bg-clip-text text-transparent",children:s})]}),e.jsx("p",{className:"text-xs text-slate-500 mt-1",children:"Race to find a path on the same random grid"})]}),e.jsx("section",{className:"px-4 pb-8",children:e.jsxs("div",{className:"mx-auto max-w-2xl space-y-4",children:[e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:["A","B"].map(l=>e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsxs("h3",{className:`text-xs font-semibold uppercase tracking-wider ${l==="A"?"text-rose-400":"text-cyan-400"} mb-3`,children:["Algorithm ",l]}),e.jsx("div",{className:"grid grid-cols-2 gap-1.5",children:de.map(n=>e.jsx("button",{onClick:()=>l==="A"?t.setAlgorithmA(n.value):t.setAlgorithmB(n.value),className:`rounded-lg px-2 py-2 text-[11px] font-medium transition-all ${(l==="A"?t.algorithmA:t.algorithmB)===n.value?l==="A"?"bg-rose-500/20 text-rose-300 ring-1 ring-rose-500/40":"bg-cyan-500/20 text-cyan-300 ring-1 ring-cyan-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:n.label},n.value))})]},l))}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Maze Type"}),e.jsx("div",{className:"grid grid-cols-3 gap-1.5",children:rt.map(l=>e.jsx("button",{onClick:()=>t.setMazeType(l.value),className:`rounded-lg px-2 py-2 text-[11px] font-medium transition-all ${t.mazeType===l.value?"bg-emerald-500/20 text-emerald-300 ring-1 ring-emerald-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:l.label},l.value))})]}),e.jsx(We,{gameMode:t.gameMode,setGameMode:t.setGameMode,speed:t.speed,setSpeed:t.setSpeed,soundEnabled:t.soundEnabled,toggleSound:t.toggleSound,prediction:t.prediction,setPrediction:t.setPrediction,nameA:a,nameB:s}),e.jsxs("button",{onClick:t.startBattle,disabled:t.gameMode==="prediction"&&!t.prediction,className:"w-full flex items-center justify-center gap-2 rounded-xl bg-gradient-to-r from-rose-500/20 to-cyan-500/20 px-6 py-4 text-base font-bold text-white ring-1 ring-white/10 transition-all hover:from-rose-500/30 hover:to-cyan-500/30 active:scale-[0.98] disabled:opacity-40 disabled:cursor-not-allowed",children:[e.jsx(Ee,{size:18,className:"text-rose-300"})," Start Battle"]})]})})]})}function $t({battle:t}){const a=ue.find(n=>n.value===t.algorithmA).label,s=ue.find(n=>n.value===t.algorithmB).label,l=Ne.find(n=>n.value===t.problem);return e.jsxs("div",{className:"flex-1 overflow-y-auto",children:[e.jsxs("section",{className:"flex flex-col items-center px-6 pt-8 pb-4 text-center",children:[e.jsxs("h2",{className:"text-2xl font-extrabold text-white",children:[e.jsx("span",{className:"bg-gradient-to-r from-rose-400 to-orange-400 bg-clip-text text-transparent",children:a})," ","vs"," ",e.jsx("span",{className:"bg-gradient-to-r from-cyan-400 to-blue-400 bg-clip-text text-transparent",children:s})]}),e.jsx("p",{className:"text-xs text-slate-500 mt-1",children:l.desc})]}),e.jsx("section",{className:"px-4 pb-8",children:e.jsxs("div",{className:"mx-auto max-w-2xl space-y-4",children:[e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Problem"}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-1.5",children:Ne.map(n=>e.jsxs("button",{onClick:()=>t.changeProblem(n.value),className:`rounded-lg px-2 py-2 text-[11px] font-medium transition-all ${t.problem===n.value?"bg-amber-500/20 text-amber-300 ring-1 ring-amber-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:[e.jsx("span",{className:"block font-semibold",children:n.label}),e.jsx("span",{className:"block text-[9px] text-slate-500 mt-0.5",children:n.desc})]},n.value))})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:["A","B"].map(n=>e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsxs("h3",{className:`text-xs font-semibold uppercase tracking-wider ${n==="A"?"text-rose-400":"text-cyan-400"} mb-3`,children:["Algorithm ",n]}),e.jsx("div",{className:"space-y-1.5",children:ue.map(c=>e.jsx("button",{onClick:()=>n==="A"?t.setAlgorithmA(c.value):t.setAlgorithmB(c.value),className:`w-full rounded-lg px-3 py-2 text-[11px] font-medium transition-all text-left ${(n==="A"?t.algorithmA:t.algorithmB)===c.value?n==="A"?"bg-rose-500/20 text-rose-300 ring-1 ring-rose-500/40":"bg-cyan-500/20 text-cyan-300 ring-1 ring-cyan-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:c.label},c.value))})]},n))}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Input"}),e.jsxs("div",{className:"flex items-center justify-between mb-1",children:[e.jsx("span",{className:"text-xs text-slate-500",children:l.inputLabel}),e.jsx("span",{className:"text-sm font-mono font-bold text-indigo-300",children:t.inputN})]}),e.jsx("input",{type:"range",min:l.inputMin,max:l.inputMax,value:t.inputN,onChange:n=>t.setInputN(Number(n.target.value)),className:"w-full accent-indigo-500"}),e.jsx("p",{className:"text-[10px] text-slate-500 mt-1",children:t.problem==="fibonacci"||t.problem==="staircase"?"⚠️ Naive recursive is exponential — large N generates many steps":t.problem==="coin-change"?"⚠️ Naive coin change branches 3 ways per call — grows very fast":"⚠️ Factorial is linear — naive and memoized are similar here"})]}),e.jsx(We,{gameMode:t.gameMode,setGameMode:t.setGameMode,speed:t.speed,setSpeed:t.setSpeed,soundEnabled:t.soundEnabled,toggleSound:t.toggleSound,prediction:t.prediction,setPrediction:t.setPrediction,nameA:a,nameB:s}),e.jsxs("button",{onClick:t.startBattle,disabled:t.gameMode==="prediction"&&!t.prediction,className:"w-full flex items-center justify-center gap-2 rounded-xl bg-gradient-to-r from-rose-500/20 to-cyan-500/20 px-6 py-4 text-base font-bold text-white ring-1 ring-white/10 transition-all hover:from-rose-500/30 hover:to-cyan-500/30 active:scale-[0.98] disabled:opacity-40 disabled:cursor-not-allowed",children:[e.jsx(Ve,{size:18,className:"text-rose-300"})," Start Battle"]})]})})]})}function We({gameMode:t,setGameMode:a,speed:s,setSpeed:l,soundEnabled:n,toggleSound:c,prediction:i,setPrediction:o,nameA:r,nameB:d}){const m=[{value:"realtime",label:"Real-Time"},{value:"turbo",label:"Turbo"},{value:"prediction",label:"Prediction"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Game Mode"}),e.jsx("div",{className:"grid grid-cols-3 gap-1.5",children:m.map(x=>e.jsx("button",{onClick:()=>a(x.value),className:`rounded-lg px-2 py-2 text-[11px] font-semibold transition-all ${t===x.value?"bg-violet-500/20 text-violet-300 ring-1 ring-violet-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:x.label},x.value))})]}),t==="prediction"&&e.jsxs("div",{className:"rounded-xl border border-amber-500/20 bg-amber-500/5 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-amber-400 mb-3",children:"Your Prediction"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx("button",{onClick:()=>o("A"),className:`flex-1 rounded-lg px-3 py-2.5 text-sm font-medium transition-all ${i==="A"?"bg-rose-500/20 text-rose-300 ring-1 ring-rose-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:r}),e.jsx("button",{onClick:()=>o("B"),className:`flex-1 rounded-lg px-3 py-2.5 text-sm font-medium transition-all ${i==="B"?"bg-cyan-500/20 text-cyan-300 ring-1 ring-cyan-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:d})]})]}),e.jsxs("div",{className:"flex gap-4",children:[e.jsxs("div",{className:"flex-1 rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Speed"}),e.jsx("div",{className:"flex gap-1.5",children:me.map(x=>e.jsx("button",{onClick:()=>l(x.value),className:`flex-1 rounded-lg px-2 py-2 text-[11px] font-medium transition-all ${s===x.value?"bg-emerald-500/20 text-emerald-300 ring-1 ring-emerald-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50"}`,children:x.label},x.value))})]}),e.jsxs("button",{onClick:()=>c(!n),className:`shrink-0 flex flex-col items-center justify-center rounded-xl px-4 transition-all ${n?"bg-indigo-500/15 text-indigo-300 ring-1 ring-indigo-500/30":"bg-slate-800/60 text-slate-500 ring-1 ring-slate-700/40"}`,children:[n?"🔊":"🔇",e.jsx("span",{className:"text-[10px] mt-1",children:n?"On":"Off"})]})]})]})}function _t(){const[t,a]=u.useState(null),s=At(),l=Mt(),n=zt(),c=()=>{s.reset(),l.reset(),n.reset(),a(null)};if(!t)return e.jsx(Rt,{onSelect:a});const i=e.jsxs("button",{onClick:c,className:"fixed top-16 left-4 z-10 flex items-center gap-1 rounded-lg bg-slate-800/80 px-3 py-1.5 text-xs font-medium text-slate-400 ring-1 ring-slate-700/50 backdrop-blur-sm hover:bg-slate-700/80 hover:text-slate-300",children:[e.jsx(Ye,{size:12})," Back"]});if(t==="sorting"){if(s.status==="setup")return e.jsxs(e.Fragment,{children:[i,e.jsx(tt,{algorithmA:s.algorithmA,algorithmB:s.algorithmB,inputSize:s.inputSize,inputType:s.inputType,gameMode:s.gameMode,speed:s.speed,soundEnabled:s.soundEnabled,prediction:s.prediction,onSetAlgorithmA:s.setAlgorithmA,onSetAlgorithmB:s.setAlgorithmB,onSetInputSize:s.setInputSize,onSetInputType:s.setInputType,onSetGameMode:s.setGameMode,onSetSpeed:s.setSpeed,onToggleSound:s.toggleSound,onSetPrediction:s.setPrediction,onStart:s.startBattle})]});if(s.stateA&&s.stateB)return e.jsxs(e.Fragment,{children:[i,e.jsx(at,{stateA:s.stateA,stateB:s.stateB,status:s.status,winner:s.winner,prediction:s.prediction,predictionCorrect:s.predictionCorrect,inputType:s.inputType,speed:s.speed,soundEnabled:s.soundEnabled,metricsHistory:s.metricsHistory,onPause:s.pause,onResume:s.resume,onReset:s.reset,onSetSpeed:s.setSpeed,onToggleSound:s.toggleSound})]})}if(t==="pathfinding"){if(l.status==="setup")return e.jsxs(e.Fragment,{children:[i,e.jsx(Tt,{battle:l})]});if(l.stateA&&l.stateB&&l.grid)return e.jsxs(e.Fragment,{children:[i,e.jsx(xt,{grid:l.grid,stateA:l.stateA,stateB:l.stateB,status:l.status,winner:l.winner,prediction:l.prediction,predictionCorrect:l.predictionCorrect,speed:l.speed,soundEnabled:l.soundEnabled,onPause:l.pause,onResume:l.resume,onReset:l.reset,onSetSpeed:l.setSpeed,onToggleSound:l.toggleSound})]})}if(t==="recursion"){if(n.status==="setup")return e.jsxs(e.Fragment,{children:[i,e.jsx($t,{battle:n})]});if(n.stateA&&n.stateB)return e.jsxs(e.Fragment,{children:[i,e.jsx(Ct,{stateA:n.stateA,stateB:n.stateB,status:n.status,winner:n.winner,prediction:n.prediction,predictionCorrect:n.predictionCorrect,speed:n.speed,soundEnabled:n.soundEnabled,problem:n.problem,onPause:n.pause,onResume:n.resume,onReset:n.reset,onSetSpeed:n.setSpeed,onToggleSound:n.toggleSound})]})}return null}export{_t as default};
diff --git a/docs/assets/CodeVisualizerPage-CGESrDz0.js b/docs/assets/CodeVisualizerPage-CGESrDz0.js
new file mode 100644
index 0000000..7dfc6b7
--- /dev/null
+++ b/docs/assets/CodeVisualizerPage-CGESrDz0.js
@@ -0,0 +1,44 @@
+import{c as Se,r as Z,j as h,T as Qt,A as Yt,C as Xt,h as Zt}from"./index-DBkLeWDs.js";import{S as Jt}from"./sparkles-3Zw4K66N.js";import{R as ei}from"./rotate-ccw-7GTUOPy4.js";import{A as ti}from"./arrow-left-CTMPG6pL.js";import{P as ii}from"./pause-CG1snUW9.js";import{P as si}from"./play-mcIZClKO.js";const ai=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["rect",{x:"9",y:"9",width:"6",height:"6",rx:"1",key:"1ssd4o"}]],ri=Se("circle-stop",ai);const ni=[["path",{d:"m12 14 4-4",key:"9kzdfg"}],["path",{d:"M3.34 19a10 10 0 1 1 17.32 0",key:"19p75a"}]],oi=Se("gauge",ni);const ui=[["path",{d:"M12 12v-2",key:"fwoke6"}],["path",{d:"M12 18v-2",key:"qj6yno"}],["path",{d:"M16 12v-2",key:"heuere"}],["path",{d:"M16 18v-2",key:"s1ct0w"}],["path",{d:"M2 11h1.5",key:"15p63e"}],["path",{d:"M20 18v-2",key:"12ehxp"}],["path",{d:"M20.5 11H22",key:"khsy7a"}],["path",{d:"M4 18v-2",key:"1c3oqr"}],["path",{d:"M8 12v-2",key:"1mwtfd"}],["path",{d:"M8 18v-2",key:"qcmpov"}],["rect",{x:"2",y:"6",width:"20",height:"10",rx:"2",key:"1qcswk"}]],hi=Se("memory-stick",ui);const li=[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]],Ye=Se("shield-check",li);var ci=[509,0,227,0,150,4,294,9,1368,2,2,1,6,3,41,2,5,0,166,1,574,3,9,9,7,9,32,4,318,1,78,5,71,10,50,3,123,2,54,14,32,10,3,1,11,3,46,10,8,0,46,9,7,2,37,13,2,9,6,1,45,0,13,2,49,13,9,3,2,11,83,11,7,0,3,0,158,11,6,9,7,3,56,1,2,6,3,1,3,2,10,0,11,1,3,6,4,4,68,8,2,0,3,0,2,3,2,4,2,0,15,1,83,17,10,9,5,0,82,19,13,9,214,6,3,8,28,1,83,16,16,9,82,12,9,9,7,19,58,14,5,9,243,14,166,9,71,5,2,1,3,3,2,0,2,1,13,9,120,6,3,6,4,0,29,9,41,6,2,3,9,0,10,10,47,15,199,7,137,9,54,7,2,7,17,9,57,21,2,13,123,5,4,0,2,1,2,6,2,0,9,9,49,4,2,1,2,4,9,9,55,9,266,3,10,1,2,0,49,6,4,4,14,10,5350,0,7,14,11465,27,2343,9,87,9,39,4,60,6,26,9,535,9,470,0,2,54,8,3,82,0,12,1,19628,1,4178,9,519,45,3,22,543,4,4,5,9,7,3,6,31,3,149,2,1418,49,513,54,5,49,9,0,15,0,23,4,2,14,1361,6,2,16,3,6,2,1,2,4,101,0,161,6,10,9,357,0,62,13,499,13,245,1,2,9,233,0,3,0,8,1,6,0,475,6,110,6,6,9,4759,9,787719,239],nt=[0,11,2,25,2,18,2,1,2,14,3,13,35,122,70,52,268,28,4,48,48,31,14,29,6,37,11,29,3,35,5,7,2,4,43,157,19,35,5,35,5,39,9,51,13,10,2,14,2,6,2,1,2,10,2,14,2,6,2,1,4,51,13,310,10,21,11,7,25,5,2,41,2,8,70,5,3,0,2,43,2,1,4,0,3,22,11,22,10,30,66,18,2,1,11,21,11,25,7,25,39,55,7,1,65,0,16,3,2,2,2,28,43,28,4,28,36,7,2,27,28,53,11,21,11,18,14,17,111,72,56,50,14,50,14,35,39,27,10,22,251,41,7,1,17,5,57,28,11,0,9,21,43,17,47,20,28,22,13,52,58,1,3,0,14,44,33,24,27,35,30,0,3,0,9,34,4,0,13,47,15,3,22,0,2,0,36,17,2,24,20,1,64,6,2,0,2,3,2,14,2,9,8,46,39,7,3,1,3,21,2,6,2,1,2,4,4,0,19,0,13,4,31,9,2,0,3,0,2,37,2,0,26,0,2,0,45,52,19,3,21,2,31,47,21,1,2,0,185,46,42,3,37,47,21,0,60,42,14,0,72,26,38,6,186,43,117,63,32,7,3,0,3,7,2,1,2,23,16,0,2,0,95,7,3,38,17,0,2,0,29,0,11,39,8,0,22,0,12,45,20,0,19,72,200,32,32,8,2,36,18,0,50,29,113,6,2,1,2,37,22,0,26,5,2,1,2,31,15,0,24,43,261,18,16,0,2,12,2,33,125,0,80,921,103,110,18,195,2637,96,16,1071,18,5,26,3994,6,582,6842,29,1763,568,8,30,18,78,18,29,19,47,17,3,32,20,6,18,433,44,212,63,33,24,3,24,45,74,6,0,67,12,65,1,2,0,15,4,10,7381,42,31,98,114,8702,3,2,6,2,1,2,290,16,0,30,2,3,0,15,3,9,395,2309,106,6,12,4,8,8,9,5991,84,2,70,2,1,3,0,3,1,3,3,2,11,2,0,2,6,2,64,2,3,3,7,2,6,2,27,2,3,2,4,2,0,4,6,2,339,3,24,2,24,2,30,2,24,2,30,2,24,2,30,2,24,2,30,2,24,2,7,1845,30,7,5,262,61,147,44,11,6,17,0,322,29,19,43,485,27,229,29,3,0,208,30,2,2,2,1,2,6,3,4,10,1,225,6,2,3,2,1,2,14,2,196,60,67,8,0,1205,3,2,26,2,1,2,0,3,0,2,9,2,3,2,0,2,0,7,0,5,0,2,0,2,0,2,2,2,1,2,0,3,0,2,0,2,0,2,0,2,0,2,1,2,0,3,3,2,6,2,3,2,3,2,0,2,9,2,16,6,2,2,4,2,16,4421,42719,33,4381,3,5773,3,7472,16,621,2467,541,1507,4938,6,8489],pi="·̀-ͯ·҃-֑҇-ׇֽֿׁׂׅׄؐ-ًؚ-٩ٰۖ-ۜ۟-۪ۤۧۨ-ۭ۰-۹ܑܰ-݊ަ-ް߀-߉߫-߽߳ࠖ-࠙ࠛ-ࠣࠥ-ࠧࠩ-࡙࠭-࡛-࢟࣊-ࣣ࣡-ःऺ-़ा-ॏ॑-ॗॢॣ०-९ঁ-ঃ়া-ৄেৈো-্ৗৢৣ০-৯৾ਁ-ਃ਼ਾ-ੂੇੈੋ-੍ੑ੦-ੱੵઁ-ઃ઼ા-ૅે-ૉો-્ૢૣ૦-૯ૺ-૿ଁ-ଃ଼ା-ୄେୈୋ-୍୕-ୗୢୣ୦-୯ஂா-ூெ-ைொ-்ௗ௦-௯ఀ-ఄ఼ా-ౄె-ైొ-్ౕౖౢౣ౦-౯ಁ-ಃ಼ಾ-ೄೆ-ೈೊ-್ೕೖೢೣ೦-೯ೳഀ-ഃ഻഼ാ-ൄെ-ൈൊ-്ൗൢൣ൦-൯ඁ-ඃ්ා-ුූෘ-ෟ෦-෯ෲෳัิ-ฺ็-๎๐-๙ັິ-ຼ່-໎໐-໙༘༙༠-༩༹༵༷༾༿ཱ-྄྆྇ྍ-ྗྙ-ྼ࿆ါ-ှ၀-၉ၖ-ၙၞ-ၠၢ-ၤၧ-ၭၱ-ၴႂ-ႍႏ-ႝ፝-፟፩-፱ᜒ-᜕ᜲ-᜴ᝒᝓᝲᝳ឴-៓៝០-៩᠋-᠍᠏-᠙ᢩᤠ-ᤫᤰ-᤻᥆-᥏᧐-᧚ᨗ-ᨛᩕ-ᩞ᩠-᩿᩼-᪉᪐-᪙᪰-᪽ᪿ--ᬀ-ᬄ᬴-᭄᭐-᭙᭫-᭳ᮀ-ᮂᮡ-ᮭ᮰-᮹᯦-᯳ᰤ-᰷᱀-᱉᱐-᱙᳐-᳔᳒-᳨᳭᳴᳷-᳹᷀-᷿‿⁀⁔⃐-⃥⃜⃡-⃰⳯-⵿⳱ⷠ-〪ⷿ-゙゚〯・꘠-꘩꙯ꙴ-꙽ꚞꚟ꛰꛱ꠂ꠆ꠋꠣ-ꠧ꠬ꢀꢁꢴ-ꣅ꣐-꣙꣠-꣱ꣿ-꤉ꤦ-꤭ꥇ-꥓ꦀ-ꦃ꦳-꧀꧐-꧙ꧥ꧰-꧹ꨩ-ꨶꩃꩌꩍ꩐-꩙ꩻ-ꩽꪰꪲ-ꪴꪷꪸꪾ꪿꫁ꫫ-ꫯꫵ꫶ꯣ-ꯪ꯬꯭꯰-꯹ﬞ︀-️︠-︯︳︴﹍-﹏０-９＿･",ot="ªµºÀ-ÖØ-öø-ˁˆ-ˑˠ-ˤˬˮͰ-ʹͶͷͺ-ͽͿΆΈ-ΊΌΎ-ΡΣ-ϵϷ-ҁҊ-ԯԱ-Ֆՙՠ-ֈא-תׯ-ײؠ-يٮٯٱ-ۓەۥۦۮۯۺ-ۼۿܐܒ-ܯݍ-ޥޱߊ-ߪߴߵߺࠀ-ࠕࠚࠤࠨࡀ-ࡘࡠ-ࡪࡰ-ࢇࢉ-ࢠ-ࣉऄ-हऽॐक़-ॡॱ-ঀঅ-ঌএঐও-নপ-রলশ-হঽৎড়ঢ়য়-ৡৰৱৼਅ-ਊਏਐਓ-ਨਪ-ਰਲਲ਼ਵਸ਼ਸਹਖ਼-ੜਫ਼ੲ-ੴઅ-ઍએ-ઑઓ-નપ-રલળવ-હઽૐૠૡૹଅ-ଌଏଐଓ-ନପ-ରଲଳଵ-ହଽଡ଼ଢ଼ୟ-ୡୱஃஅ-ஊஎ-ஐஒ-கஙசஜஞடணதந-பம-ஹௐఅ-ఌఎ-ఐఒ-నప-హఽౘ-ౚౝౠౡಀಅ-ಌಎ-ಐಒ-ನಪ-ಳವ-ಹಽ-ೞೠೡೱೲഄ-ഌഎ-ഐഒ-ഺഽൎൔ-ൖൟ-ൡൺ-ൿඅ-ඖක-නඳ-රලව-ෆก-ะาำเ-ๆກຂຄຆ-ຊຌ-ຣລວ-ະາຳຽເ-ໄໆໜ-ໟༀཀ-ཇཉ-ཬྈ-ྌက-ဪဿၐ-ၕၚ-ၝၡၥၦၮ-ၰၵ-ႁႎႠ-ჅჇჍა-ჺჼ-ቈቊ-ቍቐ-ቖቘቚ-ቝበ-ኈኊ-ኍነ-ኰኲ-ኵኸ-ኾዀዂ-ዅወ-ዖዘ-ጐጒ-ጕጘ-ፚᎀ-ᎏᎠ-Ᏽᏸ-ᏽᐁ-ᙬᙯ-ᙿᚁ-ᚚᚠ-ᛪᛮ-ᛸᜀ-ᜑᜟ-ᜱᝀ-ᝑᝠ-ᝬᝮ-ᝰក-ឳៗៜᠠ-ᡸᢀ-ᢨᢪᢰ-ᣵᤀ-ᤞᥐ-ᥭᥰ-ᥴᦀ-ᦫᦰ-ᧉᨀ-ᨖᨠ-ᩔᪧᬅ-ᬳᭅ-ᭌᮃ-ᮠᮮᮯᮺ-ᯥᰀ-ᰣᱍ-ᱏᱚ-ᱽᲀ-Ა-ᲺᲽ-Ჿᳩ-ᳬᳮ-ᳳᳵᳶᳺᴀ-ᶿḀ-ἕἘ-Ἕἠ-ὅὈ-Ὅὐ-ὗὙὛὝὟ-ώᾀ-ᾴᾶ-ᾼιῂ-ῄῆ-ῌῐ-ΐῖ-Ίῠ-Ῥῲ-ῴῶ-ῼⁱⁿₐ-ₜℂℇℊ-ℓℕ℘-ℝℤΩℨK-ℹℼ-ℿⅅ-ⅉⅎⅠ-ↈⰀ-ⳤⳫ-ⳮⳲⳳⴀ-ⴥⴧⴭⴰ-ⵧⵯⶀ-ⶖⶠ-ⶦⶨ-ⶮⶰ-ⶶⶸ-ⶾⷀ-ⷆⷈ-ⷎⷐ-ⷖⷘ-ⷞ々-〇〡-〩〱-〵〸-〼ぁ-ゖ゛-ゟァ-ヺー-ヿㄅ-ㄯㄱ-ㆎㆠ-ㆿㇰ-ㇿ㐀-䶿一-ꒌꓐ-ꓽꔀ-ꘌꘐ-ꘟꘪꘫꙀ-ꙮꙿ-ꚝꚠ-ꛯꜗ-ꜟꜢ-ꞈꞋ--ꠁꠃ-ꠅꠇ-ꠊꠌ-ꠢꡀ-ꡳꢂ-ꢳꣲ-ꣷꣻꣽꣾꤊ-ꤥꤰ-ꥆꥠ-ꥼꦄ-ꦲꧏꧠ-ꧤꧦ-ꧯꧺ-ꧾꨀ-ꨨꩀ-ꩂꩄ-ꩋꩠ-ꩶꩺꩾ-ꪯꪱꪵꪶꪹ-ꪽꫀꫂꫛ-ꫝꫠ-ꫪꫲ-ꫴꬁ-ꬆꬉ-ꬎꬑ-ꬖꬠ-ꬦꬨ-ꬮꬰ-ꭚꭜ-ꭩꭰ-ꯢ가-힣ힰ-ퟆퟋ-ퟻ豈-舘並-龎ff-stﬓ-ﬗיִײַ-ﬨשׁ-זּטּ-לּמּנּסּףּפּצּ-ﮱﯓ-ﴽﵐ-ﶏﶒ-ﷇﷰ-ﷻﹰ-ﹴﹶ-ﻼＡ-Ｚａ-ｚｦ-ﾾￂ-ￇￊ-ￏￒ-ￗￚ-ￜ",Pe={3:"abstract boolean byte char class double enum export extends final float goto implements import int interface long native package private protected public short static super synchronized throws transient volatile",5:"class enum extends super const export import",6:"enum",strict:"implements interface let package private protected public static yield",strictBind:"eval arguments"},Ve="break case catch continue debugger default do else finally for function if return switch throw try var while with null true false instanceof typeof void delete new in this",fi={5:Ve,"5module":Ve+" export import",6:Ve+" const class extends export import super"},ut=/^in(stanceof)?$/,di=new RegExp("["+ot+"]"),xi=new RegExp("["+ot+pi+"]");function je(e,t){for(var i=65536,s=0;se)return!1;if(i+=t[s+1],i>=e)return!0}return!1}function U(e,t){return e<65?e===36:e<91?!0:e<97?e===95:e<123?!0:e<=65535?e>=170&&di.test(String.fromCharCode(e)):t===!1?!1:je(e,nt)}function Y(e,t){return e<48?e===36:e<58?!0:e<65?!1:e<91?!0:e<97?e===95:e<123?!0:e<=65535?e>=170&&xi.test(String.fromCharCode(e)):t===!1?!1:je(e,nt)||je(e,ci)}var y=function(t,i){i===void 0&&(i={}),this.label=t,this.keyword=i.keyword,this.beforeExpr=!!i.beforeExpr,this.startsExpr=!!i.startsExpr,this.isLoop=!!i.isLoop,this.isAssign=!!i.isAssign,this.prefix=!!i.prefix,this.postfix=!!i.postfix,this.binop=i.binop||null,this.updateContext=null};function R(e,t){return new y(e,{beforeExpr:!0,binop:t})}var j={beforeExpr:!0},L={startsExpr:!0},De={};function b(e,t){return t===void 0&&(t={}),t.keyword=e,De[e]=new y(e,t)}var a={num:new y("num",L),regexp:new y("regexp",L),string:new y("string",L),name:new y("name",L),privateId:new y("privateId",L),eof:new y("eof"),bracketL:new y("[",{beforeExpr:!0,startsExpr:!0}),bracketR:new y("]"),braceL:new y("{",{beforeExpr:!0,startsExpr:!0}),braceR:new y("}"),parenL:new y("(",{beforeExpr:!0,startsExpr:!0}),parenR:new y(")"),comma:new y(",",j),semi:new y(";",j),colon:new y(":",j),dot:new y("."),question:new y("?",j),questionDot:new y("?."),arrow:new y("=>",j),template:new y("template"),invalidTemplate:new y("invalidTemplate"),ellipsis:new y("...",j),backQuote:new y("`",L),dollarBraceL:new y("${",{beforeExpr:!0,startsExpr:!0}),eq:new y("=",{beforeExpr:!0,isAssign:!0}),assign:new y("_=",{beforeExpr:!0,isAssign:!0}),incDec:new y("++/--",{prefix:!0,postfix:!0,startsExpr:!0}),prefix:new y("!/~",{beforeExpr:!0,prefix:!0,startsExpr:!0}),logicalOR:R("||",1),logicalAND:R("&&",2),bitwiseOR:R("|",3),bitwiseXOR:R("^",4),bitwiseAND:R("&",5),equality:R("==/!=/===/!==",6),relational:R("/<=/>=",7),bitShift:R("<>/>>>",8),plusMin:new y("+/-",{beforeExpr:!0,binop:9,prefix:!0,startsExpr:!0}),modulo:R("%",10),star:R("*",10),slash:R("/",10),starstar:new y("**",{beforeExpr:!0}),coalesce:R("??",1),_break:b("break"),_case:b("case",j),_catch:b("catch"),_continue:b("continue"),_debugger:b("debugger"),_default:b("default",j),_do:b("do",{isLoop:!0,beforeExpr:!0}),_else:b("else",j),_finally:b("finally"),_for:b("for",{isLoop:!0}),_function:b("function",L),_if:b("if"),_return:b("return",j),_switch:b("switch"),_throw:b("throw",j),_try:b("try"),_var:b("var"),_const:b("const"),_while:b("while",{isLoop:!0}),_with:b("with"),_new:b("new",{beforeExpr:!0,startsExpr:!0}),_this:b("this",L),_super:b("super",L),_class:b("class",L),_extends:b("extends",j),_export:b("export"),_import:b("import",L),_null:b("null",L),_true:b("true",L),_false:b("false",L),_in:b("in",{beforeExpr:!0,binop:7}),_instanceof:b("instanceof",{beforeExpr:!0,binop:7}),_typeof:b("typeof",{beforeExpr:!0,prefix:!0,startsExpr:!0}),_void:b("void",{beforeExpr:!0,prefix:!0,startsExpr:!0}),_delete:b("delete",{beforeExpr:!0,prefix:!0,startsExpr:!0})},T=/\r\n?|\n|\u2028|\u2029/,mi=new RegExp(T.source,"g");function ne(e){return e===10||e===13||e===8232||e===8233}function ht(e,t,i){i===void 0&&(i=e.length);for(var s=t;s>10)+55296,(e&1023)+56320))}var bi=/(?:[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/,ce=function(t,i){this.line=t,this.column=i};ce.prototype.offset=function(t){return new ce(this.line,this.column+t)};var _e=function(t,i,s){this.start=i,this.end=s,t.sourceFile!==null&&(this.source=t.sourceFile)};function pt(e,t){for(var i=1,s=0;;){var r=ht(e,s,t);if(r<0)return new ce(i,t-s);++i,s=r}}var Oe={ecmaVersion:null,sourceType:"script",onInsertedSemicolon:null,onTrailingComma:null,allowReserved:null,allowReturnOutsideFunction:!1,allowImportExportEverywhere:!1,allowAwaitOutsideFunction:null,allowSuperOutsideMethod:null,allowHashBang:!1,checkPrivateFields:!0,locations:!1,onToken:null,onComment:null,ranges:!1,program:null,sourceFile:null,directSourceFile:null,preserveParens:!1},Je=!1;function yi(e){var t={};for(var i in Oe)t[i]=e&&oe(e,i)?e[i]:Oe[i];if(t.ecmaVersion==="latest"?t.ecmaVersion=1e8:t.ecmaVersion==null?(!Je&&typeof console=="object"&&console.warn&&(Je=!0,console.warn(`Since Acorn 8.0.0, options.ecmaVersion is required.
+Defaulting to 2020, but this will stop working in the future.`)),t.ecmaVersion=11):t.ecmaVersion>=2015&&(t.ecmaVersion-=2009),t.allowReserved==null&&(t.allowReserved=t.ecmaVersion<5),(!e||e.allowHashBang==null)&&(t.allowHashBang=t.ecmaVersion>=14),Xe(t.onToken)){var s=t.onToken;t.onToken=function(r){return s.push(r)}}if(Xe(t.onComment)&&(t.onComment=Ci(t,t.onComment)),t.sourceType==="commonjs"&&t.allowAwaitOutsideFunction)throw new Error("Cannot use allowAwaitOutsideFunction with sourceType: commonjs");return t}function Ci(e,t){return function(i,s,r,n,o,u){var l={type:i?"Block":"Line",value:s,start:r,end:n};e.locations&&(l.loc=new _e(this,o,u)),e.ranges&&(l.range=[r,n]),t.push(l)}}var ee=1,te=2,Ue=4,ft=8,qe=16,dt=32,we=64,xt=128,ie=256,pe=512,mt=1024,Ae=ee|te|ie;function ze(e,t){return te|(e?Ue:0)|(t?ft:0)}var ge=0,Ge=1,H=2,gt=3,vt=4,bt=5,E=function(t,i,s){this.options=t=yi(t),this.sourceFile=t.sourceFile,this.keywords=Q(fi[t.ecmaVersion>=6?6:t.sourceType==="module"?"5module":5]);var r="";t.allowReserved!==!0&&(r=Pe[t.ecmaVersion>=6?6:t.ecmaVersion===5?5:3],t.sourceType==="module"&&(r+=" await")),this.reservedWords=Q(r);var n=(r?r+" ":"")+Pe.strict;this.reservedWordsStrict=Q(n),this.reservedWordsStrictBind=Q(n+" "+Pe.strictBind),this.input=String(i),this.containsEsc=!1,s?(this.pos=s,this.lineStart=this.input.lastIndexOf(`
+`,s-1)+1,this.curLine=this.input.slice(0,this.lineStart).split(T).length):(this.pos=this.lineStart=0,this.curLine=1),this.type=a.eof,this.value=null,this.start=this.end=this.pos,this.startLoc=this.endLoc=this.curPosition(),this.lastTokEndLoc=this.lastTokStartLoc=null,this.lastTokStart=this.lastTokEnd=this.pos,this.context=this.initialContext(),this.exprAllowed=!0,this.inModule=t.sourceType==="module",this.strict=this.inModule||this.strictDirective(this.pos),this.potentialArrowAt=-1,this.potentialArrowInForAwait=!1,this.yieldPos=this.awaitPos=this.awaitIdentPos=0,this.labels=[],this.undefinedExports=Object.create(null),this.pos===0&&t.allowHashBang&&this.input.slice(0,2)==="#!"&&this.skipLineComment(2),this.scopeStack=[],this.enterScope(this.options.sourceType==="commonjs"?te:ee),this.regexpState=null,this.privateNameStack=[]},B={inFunction:{configurable:!0},inGenerator:{configurable:!0},inAsync:{configurable:!0},canAwait:{configurable:!0},allowReturn:{configurable:!0},allowSuper:{configurable:!0},allowDirectSuper:{configurable:!0},treatFunctionsAsVar:{configurable:!0},allowNewDotTarget:{configurable:!0},allowUsing:{configurable:!0},inClassStaticBlock:{configurable:!0}};E.prototype.parse=function(){var t=this.options.program||this.startNode();return this.nextToken(),this.parseTopLevel(t)};B.inFunction.get=function(){return(this.currentVarScope().flags&te)>0};B.inGenerator.get=function(){return(this.currentVarScope().flags&ft)>0};B.inAsync.get=function(){return(this.currentVarScope().flags&Ue)>0};B.canAwait.get=function(){for(var e=this.scopeStack.length-1;e>=0;e--){var t=this.scopeStack[e],i=t.flags;if(i&(ie|pe))return!1;if(i&te)return(i&Ue)>0}return this.inModule&&this.options.ecmaVersion>=13||this.options.allowAwaitOutsideFunction};B.allowReturn.get=function(){return!!(this.inFunction||this.options.allowReturnOutsideFunction&&this.currentVarScope().flags&ee)};B.allowSuper.get=function(){var e=this.currentThisScope(),t=e.flags;return(t&we)>0||this.options.allowSuperOutsideMethod};B.allowDirectSuper.get=function(){return(this.currentThisScope().flags&xt)>0};B.treatFunctionsAsVar.get=function(){return this.treatFunctionsAsVarInScope(this.currentScope())};B.allowNewDotTarget.get=function(){for(var e=this.scopeStack.length-1;e>=0;e--){var t=this.scopeStack[e],i=t.flags;if(i&(ie|pe)||i&te&&!(i&qe))return!0}return!1};B.allowUsing.get=function(){var e=this.currentScope(),t=e.flags;return!(t&mt||!this.inModule&&t&ee)};B.inClassStaticBlock.get=function(){return(this.currentVarScope().flags&ie)>0};E.extend=function(){for(var t=[],i=arguments.length;i--;)t[i]=arguments[i];for(var s=this,r=0;r=,?^&]/.test(r)||r==="!"&&this.input.charAt(s+1)==="=")}e+=t[0].length,P.lastIndex=e,e+=P.exec(this.input)[0].length,this.input[e]===";"&&e++}};V.eat=function(e){return this.type===e?(this.next(),!0):!1};V.isContextual=function(e){return this.type===a.name&&this.value===e&&!this.containsEsc};V.eatContextual=function(e){return this.isContextual(e)?(this.next(),!0):!1};V.expectContextual=function(e){this.eatContextual(e)||this.unexpected()};V.canInsertSemicolon=function(){return this.type===a.eof||this.type===a.braceR||T.test(this.input.slice(this.lastTokEnd,this.start))};V.insertSemicolon=function(){if(this.canInsertSemicolon())return this.options.onInsertedSemicolon&&this.options.onInsertedSemicolon(this.lastTokEnd,this.lastTokEndLoc),!0};V.semicolon=function(){!this.eat(a.semi)&&!this.insertSemicolon()&&this.unexpected()};V.afterTrailingComma=function(e,t){if(this.type===e)return this.options.onTrailingComma&&this.options.onTrailingComma(this.lastTokStart,this.lastTokStartLoc),t||this.next(),!0};V.expect=function(e){this.eat(e)||this.unexpected()};V.unexpected=function(e){this.raise(e??this.start,"Unexpected token")};var Ie=function(){this.shorthandAssign=this.trailingComma=this.parenthesizedAssign=this.parenthesizedBind=this.doubleProto=-1};V.checkPatternErrors=function(e,t){if(e){e.trailingComma>-1&&this.raiseRecoverable(e.trailingComma,"Comma is not permitted after the rest element");var i=t?e.parenthesizedAssign:e.parenthesizedBind;i>-1&&this.raiseRecoverable(i,t?"Assigning to rvalue":"Parenthesized pattern")}};V.checkExpressionErrors=function(e,t){if(!e)return!1;var i=e.shorthandAssign,s=e.doubleProto;if(!t)return i>=0||s>=0;i>=0&&this.raise(i,"Shorthand property assignments are valid only in destructuring patterns"),s>=0&&this.raiseRecoverable(s,"Redefinition of __proto__ property")};V.checkYieldAwaitInDefaultParams=function(){this.yieldPos&&(!this.awaitPos||this.yieldPos=6&&this.unexpected(),this.parseFunctionStatement(r,!1,!e);case a._class:return e&&this.unexpected(),this.parseClass(r,!0);case a._if:return this.parseIfStatement(r);case a._return:return this.parseReturnStatement(r);case a._switch:return this.parseSwitchStatement(r);case a._throw:return this.parseThrowStatement(r);case a._try:return this.parseTryStatement(r);case a._const:case a._var:return n=n||this.value,e&&n!=="var"&&this.unexpected(),this.parseVarStatement(r,n);case a._while:return this.parseWhileStatement(r);case a._with:return this.parseWithStatement(r);case a.braceL:return this.parseBlock(!0,r);case a.semi:return this.parseEmptyStatement(r);case a._export:case a._import:if(this.options.ecmaVersion>10&&s===a._import){P.lastIndex=this.pos;var o=P.exec(this.input),u=this.pos+o[0].length,l=this.input.charCodeAt(u);if(l===40||l===46)return this.parseExpressionStatement(r,this.parseExpression())}return this.options.allowImportExportEverywhere||(t||this.raise(this.start,"'import' and 'export' may only appear at the top level"),this.inModule||this.raise(this.start,"'import' and 'export' may appear only with 'sourceType: module'")),s===a._import?this.parseImport(r):this.parseExport(r,i);default:if(this.isAsyncFunction())return e&&this.unexpected(),this.next(),this.parseFunctionStatement(r,!0,!e);var d=this.isAwaitUsing(!1)?"await using":this.isUsing(!1)?"using":null;if(d)return this.allowUsing||this.raise(this.start,"Using declaration cannot appear in the top level when source type is `script` or in the bare case statement"),d==="await using"&&(this.canAwait||this.raise(this.start,"Await using cannot appear outside of async function"),this.next()),this.next(),this.parseVar(r,!1,d),this.semicolon(),this.finishNode(r,"VariableDeclaration");var f=this.value,S=this.parseExpression();return s===a.name&&S.type==="Identifier"&&this.eat(a.colon)?this.parseLabeledStatement(r,f,S,e):this.parseExpressionStatement(r,S)}};p.parseBreakContinueStatement=function(e,t){var i=t==="break";this.next(),this.eat(a.semi)||this.insertSemicolon()?e.label=null:this.type!==a.name?this.unexpected():(e.label=this.parseIdent(),this.semicolon());for(var s=0;s=6?this.eat(a.semi):this.semicolon(),this.finishNode(e,"DoWhileStatement")};p.parseForStatement=function(e){this.next();var t=this.options.ecmaVersion>=9&&this.canAwait&&this.eatContextual("await")?this.lastTokStart:-1;if(this.labels.push(We),this.enterScope(0),this.expect(a.parenL),this.type===a.semi)return t>-1&&this.unexpected(t),this.parseFor(e,null);var i=this.isLet();if(this.type===a._var||this.type===a._const||i){var s=this.startNode(),r=i?"let":this.value;return this.next(),this.parseVar(s,!0,r),this.finishNode(s,"VariableDeclaration"),this.parseForAfterInit(e,s,t)}var n=this.isContextual("let"),o=!1,u=this.isUsing(!0)?"using":this.isAwaitUsing(!0)?"await using":null;if(u){var l=this.startNode();return this.next(),u==="await using"&&(this.canAwait||this.raise(this.start,"Await using cannot appear outside of async function"),this.next()),this.parseVar(l,!0,u),this.finishNode(l,"VariableDeclaration"),this.parseForAfterInit(e,l,t)}var d=this.containsEsc,f=new Ie,S=this.start,I=t>-1?this.parseExprSubscripts(f,"await"):this.parseExpression(!0,f);return this.type===a._in||(o=this.options.ecmaVersion>=6&&this.isContextual("of"))?(t>-1?(this.type===a._in&&this.unexpected(t),e.await=!0):o&&this.options.ecmaVersion>=8&&(I.start===S&&!d&&I.type==="Identifier"&&I.name==="async"?this.unexpected():this.options.ecmaVersion>=9&&(e.await=!1)),n&&o&&this.raise(I.start,"The left-hand side of a for-of loop may not start with 'let'."),this.toAssignable(I,!1,f),this.checkLValPattern(I),this.parseForIn(e,I)):(this.checkExpressionErrors(f,!0),t>-1&&this.unexpected(t),this.parseFor(e,I))};p.parseForAfterInit=function(e,t,i){return(this.type===a._in||this.options.ecmaVersion>=6&&this.isContextual("of"))&&t.declarations.length===1?(this.options.ecmaVersion>=9&&(this.type===a._in?i>-1&&this.unexpected(i):e.await=i>-1),this.parseForIn(e,t)):(i>-1&&this.unexpected(i),this.parseFor(e,t))};p.parseFunctionStatement=function(e,t,i){return this.next(),this.parseFunction(e,le|(i?0:Be),!1,t)};p.parseIfStatement=function(e){return this.next(),e.test=this.parseParenExpression(),e.consequent=this.parseStatement("if"),e.alternate=this.eat(a._else)?this.parseStatement("if"):null,this.finishNode(e,"IfStatement")};p.parseReturnStatement=function(e){return this.allowReturn||this.raise(this.start,"'return' outside of function"),this.next(),this.eat(a.semi)||this.insertSemicolon()?e.argument=null:(e.argument=this.parseExpression(),this.semicolon()),this.finishNode(e,"ReturnStatement")};p.parseSwitchStatement=function(e){this.next(),e.discriminant=this.parseParenExpression(),e.cases=[],this.expect(a.braceL),this.labels.push(Si),this.enterScope(mt);for(var t,i=!1;this.type!==a.braceR;)if(this.type===a._case||this.type===a._default){var s=this.type===a._case;t&&this.finishNode(t,"SwitchCase"),e.cases.push(t=this.startNode()),t.consequent=[],this.next(),s?t.test=this.parseExpression():(i&&this.raiseRecoverable(this.lastTokStart,"Multiple default clauses"),i=!0,t.test=null),this.expect(a.colon)}else t||this.unexpected(),t.consequent.push(this.parseStatement(null));return this.exitScope(),t&&this.finishNode(t,"SwitchCase"),this.next(),this.labels.pop(),this.finishNode(e,"SwitchStatement")};p.parseThrowStatement=function(e){return this.next(),T.test(this.input.slice(this.lastTokEnd,this.start))&&this.raise(this.lastTokEnd,"Illegal newline after throw"),e.argument=this.parseExpression(),this.semicolon(),this.finishNode(e,"ThrowStatement")};var _i=[];p.parseCatchClauseParam=function(){var e=this.parseBindingAtom(),t=e.type==="Identifier";return this.enterScope(t?dt:0),this.checkLValPattern(e,t?vt:H),this.expect(a.parenR),e};p.parseTryStatement=function(e){if(this.next(),e.block=this.parseBlock(),e.handler=null,this.type===a._catch){var t=this.startNode();this.next(),this.eat(a.parenL)?t.param=this.parseCatchClauseParam():(this.options.ecmaVersion<10&&this.unexpected(),t.param=null,this.enterScope(0)),t.body=this.parseBlock(!1),this.exitScope(),e.handler=this.finishNode(t,"CatchClause")}return e.finalizer=this.eat(a._finally)?this.parseBlock():null,!e.handler&&!e.finalizer&&this.raise(e.start,"Missing catch or finally clause"),this.finishNode(e,"TryStatement")};p.parseVarStatement=function(e,t,i){return this.next(),this.parseVar(e,!1,t,i),this.semicolon(),this.finishNode(e,"VariableDeclaration")};p.parseWhileStatement=function(e){return this.next(),e.test=this.parseParenExpression(),this.labels.push(We),e.body=this.parseStatement("while"),this.labels.pop(),this.finishNode(e,"WhileStatement")};p.parseWithStatement=function(e){return this.strict&&this.raise(this.start,"'with' in strict mode"),this.next(),e.object=this.parseParenExpression(),e.body=this.parseStatement("with"),this.finishNode(e,"WithStatement")};p.parseEmptyStatement=function(e){return this.next(),this.finishNode(e,"EmptyStatement")};p.parseLabeledStatement=function(e,t,i,s){for(var r=0,n=this.labels;r=0;l--){var d=this.labels[l];if(d.statementStart===e.start)d.statementStart=this.start,d.kind=u;else break}return this.labels.push({name:t,kind:u,statementStart:this.start}),e.body=this.parseStatement(s?s.indexOf("label")===-1?s+"label":s:"label"),this.labels.pop(),e.label=i,this.finishNode(e,"LabeledStatement")};p.parseExpressionStatement=function(e,t){return e.expression=t,this.semicolon(),this.finishNode(e,"ExpressionStatement")};p.parseBlock=function(e,t,i){for(e===void 0&&(e=!0),t===void 0&&(t=this.startNode()),t.body=[],this.expect(a.braceL),e&&this.enterScope(0);this.type!==a.braceR;){var s=this.parseStatement(null);t.body.push(s)}return i&&(this.strict=!1),this.next(),e&&this.exitScope(),this.finishNode(t,"BlockStatement")};p.parseFor=function(e,t){return e.init=t,this.expect(a.semi),e.test=this.type===a.semi?null:this.parseExpression(),this.expect(a.semi),e.update=this.type===a.parenR?null:this.parseExpression(),this.expect(a.parenR),e.body=this.parseStatement("for"),this.exitScope(),this.labels.pop(),this.finishNode(e,"ForStatement")};p.parseForIn=function(e,t){var i=this.type===a._in;return this.next(),t.type==="VariableDeclaration"&&t.declarations[0].init!=null&&(!i||this.options.ecmaVersion<8||this.strict||t.kind!=="var"||t.declarations[0].id.type!=="Identifier")&&this.raise(t.start,(i?"for-in":"for-of")+" loop variable declaration may not have an initializer"),e.left=t,e.right=i?this.parseExpression():this.parseMaybeAssign(),this.expect(a.parenR),e.body=this.parseStatement("for"),this.exitScope(),this.labels.pop(),this.finishNode(e,i?"ForInStatement":"ForOfStatement")};p.parseVar=function(e,t,i,s){for(e.declarations=[],e.kind=i;;){var r=this.startNode();if(this.parseVarId(r,i),this.eat(a.eq)?r.init=this.parseMaybeAssign(t):!s&&i==="const"&&!(this.type===a._in||this.options.ecmaVersion>=6&&this.isContextual("of"))?this.unexpected():!s&&(i==="using"||i==="await using")&&this.options.ecmaVersion>=17&&this.type!==a._in&&!this.isContextual("of")?this.raise(this.lastTokEnd,"Missing initializer in "+i+" declaration"):!s&&r.id.type!=="Identifier"&&!(t&&(this.type===a._in||this.isContextual("of")))?this.raise(this.lastTokEnd,"Complex binding patterns require an initialization value"):r.init=null,e.declarations.push(this.finishNode(r,"VariableDeclarator")),!this.eat(a.comma))break}return e};p.parseVarId=function(e,t){e.id=t==="using"||t==="await using"?this.parseIdent():this.parseBindingAtom(),this.checkLValPattern(e.id,t==="var"?Ge:H,!1)};var le=1,Be=2,yt=4;p.parseFunction=function(e,t,i,s,r){this.initFunction(e),(this.options.ecmaVersion>=9||this.options.ecmaVersion>=6&&!s)&&(this.type===a.star&&t&Be&&this.unexpected(),e.generator=this.eat(a.star)),this.options.ecmaVersion>=8&&(e.async=!!s),t&le&&(e.id=t&yt&&this.type!==a.name?null:this.parseIdent(),e.id&&!(t&Be)&&this.checkLValSimple(e.id,this.strict||e.generator||e.async?this.treatFunctionsAsVar?Ge:H:gt));var n=this.yieldPos,o=this.awaitPos,u=this.awaitIdentPos;return this.yieldPos=0,this.awaitPos=0,this.awaitIdentPos=0,this.enterScope(ze(e.async,e.generator)),t&le||(e.id=this.type===a.name?this.parseIdent():null),this.parseFunctionParams(e),this.parseFunctionBody(e,i,!1,r),this.yieldPos=n,this.awaitPos=o,this.awaitIdentPos=u,this.finishNode(e,t&le?"FunctionDeclaration":"FunctionExpression")};p.parseFunctionParams=function(e){this.expect(a.parenL),e.params=this.parseBindingList(a.parenR,!1,this.options.ecmaVersion>=8),this.checkYieldAwaitInDefaultParams()};p.parseClass=function(e,t){this.next();var i=this.strict;this.strict=!0,this.parseClassId(e,t),this.parseClassSuper(e);var s=this.enterClassBody(),r=this.startNode(),n=!1;for(r.body=[],this.expect(a.braceL);this.type!==a.braceR;){var o=this.parseClassElement(e.superClass!==null);o&&(r.body.push(o),o.type==="MethodDefinition"&&o.kind==="constructor"?(n&&this.raiseRecoverable(o.start,"Duplicate constructor in the same class"),n=!0):o.key&&o.key.type==="PrivateIdentifier"&&wi(s,o)&&this.raiseRecoverable(o.key.start,"Identifier '#"+o.key.name+"' has already been declared"))}return this.strict=i,this.next(),e.body=this.finishNode(r,"ClassBody"),this.exitClassBody(),this.finishNode(e,t?"ClassDeclaration":"ClassExpression")};p.parseClassElement=function(e){if(this.eat(a.semi))return null;var t=this.options.ecmaVersion,i=this.startNode(),s="",r=!1,n=!1,o="method",u=!1;if(this.eatContextual("static")){if(t>=13&&this.eat(a.braceL))return this.parseClassStaticBlock(i),i;this.isClassElementNameStart()||this.type===a.star?u=!0:s="static"}if(i.static=u,!s&&t>=8&&this.eatContextual("async")&&((this.isClassElementNameStart()||this.type===a.star)&&!this.canInsertSemicolon()?n=!0:s="async"),!s&&(t>=9||!n)&&this.eat(a.star)&&(r=!0),!s&&!n&&!r){var l=this.value;(this.eatContextual("get")||this.eatContextual("set"))&&(this.isClassElementNameStart()?o=l:s=l)}if(s?(i.computed=!1,i.key=this.startNodeAt(this.lastTokStart,this.lastTokStartLoc),i.key.name=s,this.finishNode(i.key,"Identifier")):this.parseClassElementName(i),t<13||this.type===a.parenL||o!=="method"||r||n){var d=!i.static&&ve(i,"constructor"),f=d&&e;d&&o!=="method"&&this.raise(i.key.start,"Constructor can't have get/set modifier"),i.kind=d?"constructor":o,this.parseClassMethod(i,r,n,f)}else this.parseClassField(i);return i};p.isClassElementNameStart=function(){return this.type===a.name||this.type===a.privateId||this.type===a.num||this.type===a.string||this.type===a.bracketL||this.type.keyword};p.parseClassElementName=function(e){this.type===a.privateId?(this.value==="constructor"&&this.raise(this.start,"Classes can't have an element named '#constructor'"),e.computed=!1,e.key=this.parsePrivateIdent()):this.parsePropertyName(e)};p.parseClassMethod=function(e,t,i,s){var r=e.key;e.kind==="constructor"?(t&&this.raise(r.start,"Constructor can't be a generator"),i&&this.raise(r.start,"Constructor can't be an async method")):e.static&&ve(e,"prototype")&&this.raise(r.start,"Classes may not have a static property named prototype");var n=e.value=this.parseMethod(t,i,s);return e.kind==="get"&&n.params.length!==0&&this.raiseRecoverable(n.start,"getter should have no params"),e.kind==="set"&&n.params.length!==1&&this.raiseRecoverable(n.start,"setter should have exactly one param"),e.kind==="set"&&n.params[0].type==="RestElement"&&this.raiseRecoverable(n.params[0].start,"Setter cannot use rest params"),this.finishNode(e,"MethodDefinition")};p.parseClassField=function(e){return ve(e,"constructor")?this.raise(e.key.start,"Classes can't have a field named 'constructor'"):e.static&&ve(e,"prototype")&&this.raise(e.key.start,"Classes can't have a static field named 'prototype'"),this.eat(a.eq)?(this.enterScope(pe|we),e.value=this.parseMaybeAssign(),this.exitScope()):e.value=null,this.semicolon(),this.finishNode(e,"PropertyDefinition")};p.parseClassStaticBlock=function(e){e.body=[];var t=this.labels;for(this.labels=[],this.enterScope(ie|we);this.type!==a.braceR;){var i=this.parseStatement(null);e.body.push(i)}return this.next(),this.exitScope(),this.labels=t,this.finishNode(e,"StaticBlock")};p.parseClassId=function(e,t){this.type===a.name?(e.id=this.parseIdent(),t&&this.checkLValSimple(e.id,H,!1)):(t===!0&&this.unexpected(),e.id=null)};p.parseClassSuper=function(e){e.superClass=this.eat(a._extends)?this.parseExprSubscripts(null,!1):null};p.enterClassBody=function(){var e={declared:Object.create(null),used:[]};return this.privateNameStack.push(e),e.declared};p.exitClassBody=function(){var e=this.privateNameStack.pop(),t=e.declared,i=e.used;if(this.options.checkPrivateFields)for(var s=this.privateNameStack.length,r=s===0?null:this.privateNameStack[s-1],n=0;n=11&&(this.eatContextual("as")?(e.exported=this.parseModuleExportName(),this.checkExport(t,e.exported,this.lastTokStart)):e.exported=null),this.expectContextual("from"),this.type!==a.string&&this.unexpected(),e.source=this.parseExprAtom(),this.options.ecmaVersion>=16&&(e.attributes=this.parseWithClause()),this.semicolon(),this.finishNode(e,"ExportAllDeclaration")};p.parseExport=function(e,t){if(this.next(),this.eat(a.star))return this.parseExportAllDeclaration(e,t);if(this.eat(a._default))return this.checkExport(t,"default",this.lastTokStart),e.declaration=this.parseExportDefaultDeclaration(),this.finishNode(e,"ExportDefaultDeclaration");if(this.shouldParseExportStatement())e.declaration=this.parseExportDeclaration(e),e.declaration.type==="VariableDeclaration"?this.checkVariableExport(t,e.declaration.declarations):this.checkExport(t,e.declaration.id,e.declaration.id.start),e.specifiers=[],e.source=null,this.options.ecmaVersion>=16&&(e.attributes=[]);else{if(e.declaration=null,e.specifiers=this.parseExportSpecifiers(t),this.eatContextual("from"))this.type!==a.string&&this.unexpected(),e.source=this.parseExprAtom(),this.options.ecmaVersion>=16&&(e.attributes=this.parseWithClause());else{for(var i=0,s=e.specifiers;i=16&&(e.attributes=[])}this.semicolon()}return this.finishNode(e,"ExportNamedDeclaration")};p.parseExportDeclaration=function(e){return this.parseStatement(null)};p.parseExportDefaultDeclaration=function(){var e;if(this.type===a._function||(e=this.isAsyncFunction())){var t=this.startNode();return this.next(),e&&this.next(),this.parseFunction(t,le|yt,!1,e)}else if(this.type===a._class){var i=this.startNode();return this.parseClass(i,"nullableID")}else{var s=this.parseMaybeAssign();return this.semicolon(),s}};p.checkExport=function(e,t,i){e&&(typeof t!="string"&&(t=t.type==="Identifier"?t.name:t.value),oe(e,t)&&this.raiseRecoverable(i,"Duplicate export '"+t+"'"),e[t]=!0)};p.checkPatternExport=function(e,t){var i=t.type;if(i==="Identifier")this.checkExport(e,t,t.start);else if(i==="ObjectPattern")for(var s=0,r=t.properties;s=16&&(e.attributes=this.parseWithClause()),this.semicolon(),this.finishNode(e,"ImportDeclaration")};p.parseImportSpecifier=function(){var e=this.startNode();return e.imported=this.parseModuleExportName(),this.eatContextual("as")?e.local=this.parseIdent():(this.checkUnreserved(e.imported),e.local=e.imported),this.checkLValSimple(e.local,H),this.finishNode(e,"ImportSpecifier")};p.parseImportDefaultSpecifier=function(){var e=this.startNode();return e.local=this.parseIdent(),this.checkLValSimple(e.local,H),this.finishNode(e,"ImportDefaultSpecifier")};p.parseImportNamespaceSpecifier=function(){var e=this.startNode();return this.next(),this.expectContextual("as"),e.local=this.parseIdent(),this.checkLValSimple(e.local,H),this.finishNode(e,"ImportNamespaceSpecifier")};p.parseImportSpecifiers=function(){var e=[],t=!0;if(this.type===a.name&&(e.push(this.parseImportDefaultSpecifier()),!this.eat(a.comma)))return e;if(this.type===a.star)return e.push(this.parseImportNamespaceSpecifier()),e;for(this.expect(a.braceL);!this.eat(a.braceR);){if(t)t=!1;else if(this.expect(a.comma),this.afterTrailingComma(a.braceR))break;e.push(this.parseImportSpecifier())}return e};p.parseWithClause=function(){var e=[];if(!this.eat(a._with))return e;this.expect(a.braceL);for(var t={},i=!0;!this.eat(a.braceR);){if(i)i=!1;else if(this.expect(a.comma),this.afterTrailingComma(a.braceR))break;var s=this.parseImportAttribute(),r=s.key.type==="Identifier"?s.key.name:s.key.value;oe(t,r)&&this.raiseRecoverable(s.key.start,"Duplicate attribute key '"+r+"'"),t[r]=!0,e.push(s)}return e};p.parseImportAttribute=function(){var e=this.startNode();return e.key=this.type===a.string?this.parseExprAtom():this.parseIdent(this.options.allowReserved!=="never"),this.expect(a.colon),this.type!==a.string&&this.unexpected(),e.value=this.parseExprAtom(),this.finishNode(e,"ImportAttribute")};p.parseModuleExportName=function(){if(this.options.ecmaVersion>=13&&this.type===a.string){var e=this.parseLiteral(this.value);return bi.test(e.value)&&this.raise(e.start,"An export name cannot include a lone surrogate."),e}return this.parseIdent(!0)};p.adaptDirectivePrologue=function(e){for(var t=0;t=5&&e.type==="ExpressionStatement"&&e.expression.type==="Literal"&&typeof e.expression.value=="string"&&(this.input[e.start]==='"'||this.input[e.start]==="'")};var M=E.prototype;M.toAssignable=function(e,t,i){if(this.options.ecmaVersion>=6&&e)switch(e.type){case"Identifier":this.inAsync&&e.name==="await"&&this.raise(e.start,"Cannot use 'await' as identifier inside an async function");break;case"ObjectPattern":case"ArrayPattern":case"AssignmentPattern":case"RestElement":break;case"ObjectExpression":e.type="ObjectPattern",i&&this.checkPatternErrors(i,!0);for(var s=0,r=e.properties;s=8&&!u&&l.name==="async"&&!this.canInsertSemicolon()&&this.eat(a._function))return this.overrideContext(A.f_expr),this.parseFunction(this.startNodeAt(n,o),0,!1,!0,t);if(r&&!this.canInsertSemicolon()){if(this.eat(a.arrow))return this.parseArrowExpression(this.startNodeAt(n,o),[l],!1,t);if(this.options.ecmaVersion>=8&&l.name==="async"&&this.type===a.name&&!u&&(!this.potentialArrowInForAwait||this.value!=="of"||this.containsEsc))return l=this.parseIdent(!1),(this.canInsertSemicolon()||!this.eat(a.arrow))&&this.unexpected(),this.parseArrowExpression(this.startNodeAt(n,o),[l],!0,t)}return l;case a.regexp:var d=this.value;return s=this.parseLiteral(d.value),s.regex={pattern:d.pattern,flags:d.flags},s;case a.num:case a.string:return this.parseLiteral(this.value);case a._null:case a._true:case a._false:return s=this.startNode(),s.value=this.type===a._null?null:this.type===a._true,s.raw=this.type.keyword,this.next(),this.finishNode(s,"Literal");case a.parenL:var f=this.start,S=this.parseParenAndDistinguishExpression(r,t);return e&&(e.parenthesizedAssign<0&&!this.isSimpleAssignTarget(S)&&(e.parenthesizedAssign=f),e.parenthesizedBind<0&&(e.parenthesizedBind=f)),S;case a.bracketL:return s=this.startNode(),this.next(),s.elements=this.parseExprList(a.bracketR,!0,!0,e),this.finishNode(s,"ArrayExpression");case a.braceL:return this.overrideContext(A.b_expr),this.parseObj(!1,e);case a._function:return s=this.startNode(),this.next(),this.parseFunction(s,0);case a._class:return this.parseClass(this.startNode(),!1);case a._new:return this.parseNew();case a.backQuote:return this.parseTemplate();case a._import:return this.options.ecmaVersion>=11?this.parseExprImport(i):this.unexpected();default:return this.parseExprAtomDefault()}};x.parseExprAtomDefault=function(){this.unexpected()};x.parseExprImport=function(e){var t=this.startNode();if(this.containsEsc&&this.raiseRecoverable(this.start,"Escape sequence in keyword import"),this.next(),this.type===a.parenL&&!e)return this.parseDynamicImport(t);if(this.type===a.dot){var i=this.startNodeAt(t.start,t.loc&&t.loc.start);return i.name="import",t.meta=this.finishNode(i,"Identifier"),this.parseImportMeta(t)}else this.unexpected()};x.parseDynamicImport=function(e){if(this.next(),e.source=this.parseMaybeAssign(),this.options.ecmaVersion>=16)this.eat(a.parenR)?e.options=null:(this.expect(a.comma),this.afterTrailingComma(a.parenR)?e.options=null:(e.options=this.parseMaybeAssign(),this.eat(a.parenR)||(this.expect(a.comma),this.afterTrailingComma(a.parenR)||this.unexpected())));else if(!this.eat(a.parenR)){var t=this.start;this.eat(a.comma)&&this.eat(a.parenR)?this.raiseRecoverable(t,"Trailing comma is not allowed in import()"):this.unexpected(t)}return this.finishNode(e,"ImportExpression")};x.parseImportMeta=function(e){this.next();var t=this.containsEsc;return e.property=this.parseIdent(!0),e.property.name!=="meta"&&this.raiseRecoverable(e.property.start,"The only valid meta property for import is 'import.meta'"),t&&this.raiseRecoverable(e.start,"'import.meta' must not contain escaped characters"),this.options.sourceType!=="module"&&!this.options.allowImportExportEverywhere&&this.raiseRecoverable(e.start,"Cannot use 'import.meta' outside a module"),this.finishNode(e,"MetaProperty")};x.parseLiteral=function(e){var t=this.startNode();return t.value=e,t.raw=this.input.slice(this.start,this.end),t.raw.charCodeAt(t.raw.length-1)===110&&(t.bigint=t.value!=null?t.value.toString():t.raw.slice(0,-1).replace(/_/g,"")),this.next(),this.finishNode(t,"Literal")};x.parseParenExpression=function(){this.expect(a.parenL);var e=this.parseExpression();return this.expect(a.parenR),e};x.shouldParseArrow=function(e){return!this.canInsertSemicolon()};x.parseParenAndDistinguishExpression=function(e,t){var i=this.start,s=this.startLoc,r,n=this.options.ecmaVersion>=8;if(this.options.ecmaVersion>=6){this.next();var o=this.start,u=this.startLoc,l=[],d=!0,f=!1,S=new Ie,I=this.yieldPos,K=this.awaitPos,z;for(this.yieldPos=0,this.awaitPos=0;this.type!==a.parenR;)if(d?d=!1:this.expect(a.comma),n&&this.afterTrailingComma(a.parenR,!0)){f=!0;break}else if(this.type===a.ellipsis){z=this.start,l.push(this.parseParenItem(this.parseRestBinding())),this.type===a.comma&&this.raiseRecoverable(this.start,"Comma is not permitted after the rest element");break}else l.push(this.parseMaybeAssign(!1,S,this.parseParenItem));var se=this.lastTokEnd,F=this.lastTokEndLoc;if(this.expect(a.parenR),e&&this.shouldParseArrow(l)&&this.eat(a.arrow))return this.checkPatternErrors(S,!1),this.checkYieldAwaitInDefaultParams(),this.yieldPos=I,this.awaitPos=K,this.parseParenArrowList(i,s,l,t);(!l.length||f)&&this.unexpected(this.lastTokStart),z&&this.unexpected(z),this.checkExpressionErrors(S,!0),this.yieldPos=I||this.yieldPos,this.awaitPos=K||this.awaitPos,l.length>1?(r=this.startNodeAt(o,u),r.expressions=l,this.finishNodeAt(r,"SequenceExpression",se,F)):r=l[0]}else r=this.parseParenExpression();if(this.options.preserveParens){var g=this.startNodeAt(i,s);return g.expression=r,this.finishNode(g,"ParenthesizedExpression")}else return r};x.parseParenItem=function(e){return e};x.parseParenArrowList=function(e,t,i,s){return this.parseArrowExpression(this.startNodeAt(e,t),i,!1,s)};var Ai=[];x.parseNew=function(){this.containsEsc&&this.raiseRecoverable(this.start,"Escape sequence in keyword new");var e=this.startNode();if(this.next(),this.options.ecmaVersion>=6&&this.type===a.dot){var t=this.startNodeAt(e.start,e.loc&&e.loc.start);t.name="new",e.meta=this.finishNode(t,"Identifier"),this.next();var i=this.containsEsc;return e.property=this.parseIdent(!0),e.property.name!=="target"&&this.raiseRecoverable(e.property.start,"The only valid meta property for new is 'new.target'"),i&&this.raiseRecoverable(e.start,"'new.target' must not contain escaped characters"),this.allowNewDotTarget||this.raiseRecoverable(e.start,"'new.target' can only be used in functions and class static block"),this.finishNode(e,"MetaProperty")}var s=this.start,r=this.startLoc;return e.callee=this.parseSubscripts(this.parseExprAtom(null,!1,!0),s,r,!0,!1),this.eat(a.parenL)?e.arguments=this.parseExprList(a.parenR,this.options.ecmaVersion>=8,!1):e.arguments=Ai,this.finishNode(e,"NewExpression")};x.parseTemplateElement=function(e){var t=e.isTagged,i=this.startNode();return this.type===a.invalidTemplate?(t||this.raiseRecoverable(this.start,"Bad escape sequence in untagged template literal"),i.value={raw:this.value.replace(/\r\n?/g,`
+`),cooked:null}):i.value={raw:this.input.slice(this.start,this.end).replace(/\r\n?/g,`
+`),cooked:this.value},this.next(),i.tail=this.type===a.backQuote,this.finishNode(i,"TemplateElement")};x.parseTemplate=function(e){e===void 0&&(e={});var t=e.isTagged;t===void 0&&(t=!1);var i=this.startNode();this.next(),i.expressions=[];var s=this.parseTemplateElement({isTagged:t});for(i.quasis=[s];!s.tail;)this.type===a.eof&&this.raise(this.pos,"Unterminated template literal"),this.expect(a.dollarBraceL),i.expressions.push(this.parseExpression()),this.expect(a.braceR),i.quasis.push(s=this.parseTemplateElement({isTagged:t}));return this.next(),this.finishNode(i,"TemplateLiteral")};x.isAsyncProp=function(e){return!e.computed&&e.key.type==="Identifier"&&e.key.name==="async"&&(this.type===a.name||this.type===a.num||this.type===a.string||this.type===a.bracketL||this.type.keyword||this.options.ecmaVersion>=9&&this.type===a.star)&&!T.test(this.input.slice(this.lastTokEnd,this.start))};x.parseObj=function(e,t){var i=this.startNode(),s=!0,r={};for(i.properties=[],this.next();!this.eat(a.braceR);){if(s)s=!1;else if(this.expect(a.comma),this.options.ecmaVersion>=5&&this.afterTrailingComma(a.braceR))break;var n=this.parseProperty(e,t);e||this.checkPropClash(n,r,t),i.properties.push(n)}return this.finishNode(i,e?"ObjectPattern":"ObjectExpression")};x.parseProperty=function(e,t){var i=this.startNode(),s,r,n,o;if(this.options.ecmaVersion>=9&&this.eat(a.ellipsis))return e?(i.argument=this.parseIdent(!1),this.type===a.comma&&this.raiseRecoverable(this.start,"Comma is not permitted after the rest element"),this.finishNode(i,"RestElement")):(i.argument=this.parseMaybeAssign(!1,t),this.type===a.comma&&t&&t.trailingComma<0&&(t.trailingComma=this.start),this.finishNode(i,"SpreadElement"));this.options.ecmaVersion>=6&&(i.method=!1,i.shorthand=!1,(e||t)&&(n=this.start,o=this.startLoc),e||(s=this.eat(a.star)));var u=this.containsEsc;return this.parsePropertyName(i),!e&&!u&&this.options.ecmaVersion>=8&&!s&&this.isAsyncProp(i)?(r=!0,s=this.options.ecmaVersion>=9&&this.eat(a.star),this.parsePropertyName(i)):r=!1,this.parsePropertyValue(i,e,s,r,n,o,t,u),this.finishNode(i,"Property")};x.parseGetterSetter=function(e){var t=e.key.name;this.parsePropertyName(e),e.value=this.parseMethod(!1),e.kind=t;var i=e.kind==="get"?0:1;if(e.value.params.length!==i){var s=e.value.start;e.kind==="get"?this.raiseRecoverable(s,"getter should have no params"):this.raiseRecoverable(s,"setter should have exactly one param")}else e.kind==="set"&&e.value.params[0].type==="RestElement"&&this.raiseRecoverable(e.value.params[0].start,"Setter cannot use rest params")};x.parsePropertyValue=function(e,t,i,s,r,n,o,u){(i||s)&&this.type===a.colon&&this.unexpected(),this.eat(a.colon)?(e.value=t?this.parseMaybeDefault(this.start,this.startLoc):this.parseMaybeAssign(!1,o),e.kind="init"):this.options.ecmaVersion>=6&&this.type===a.parenL?(t&&this.unexpected(),e.method=!0,e.value=this.parseMethod(i,s),e.kind="init"):!t&&!u&&this.options.ecmaVersion>=5&&!e.computed&&e.key.type==="Identifier"&&(e.key.name==="get"||e.key.name==="set")&&this.type!==a.comma&&this.type!==a.braceR&&this.type!==a.eq?((i||s)&&this.unexpected(),this.parseGetterSetter(e)):this.options.ecmaVersion>=6&&!e.computed&&e.key.type==="Identifier"?((i||s)&&this.unexpected(),this.checkUnreserved(e.key),e.key.name==="await"&&!this.awaitIdentPos&&(this.awaitIdentPos=r),t?e.value=this.parseMaybeDefault(r,n,this.copyNode(e.key)):this.type===a.eq&&o?(o.shorthandAssign<0&&(o.shorthandAssign=this.start),e.value=this.parseMaybeDefault(r,n,this.copyNode(e.key))):e.value=this.copyNode(e.key),e.kind="init",e.shorthand=!0):this.unexpected()};x.parsePropertyName=function(e){if(this.options.ecmaVersion>=6){if(this.eat(a.bracketL))return e.computed=!0,e.key=this.parseMaybeAssign(),this.expect(a.bracketR),e.key;e.computed=!1}return e.key=this.type===a.num||this.type===a.string?this.parseExprAtom():this.parseIdent(this.options.allowReserved!=="never")};x.initFunction=function(e){e.id=null,this.options.ecmaVersion>=6&&(e.generator=e.expression=!1),this.options.ecmaVersion>=8&&(e.async=!1)};x.parseMethod=function(e,t,i){var s=this.startNode(),r=this.yieldPos,n=this.awaitPos,o=this.awaitIdentPos;return this.initFunction(s),this.options.ecmaVersion>=6&&(s.generator=e),this.options.ecmaVersion>=8&&(s.async=!!t),this.yieldPos=0,this.awaitPos=0,this.awaitIdentPos=0,this.enterScope(ze(t,s.generator)|we|(i?xt:0)),this.expect(a.parenL),s.params=this.parseBindingList(a.parenR,!1,this.options.ecmaVersion>=8),this.checkYieldAwaitInDefaultParams(),this.parseFunctionBody(s,!1,!0,!1),this.yieldPos=r,this.awaitPos=n,this.awaitIdentPos=o,this.finishNode(s,"FunctionExpression")};x.parseArrowExpression=function(e,t,i,s){var r=this.yieldPos,n=this.awaitPos,o=this.awaitIdentPos;return this.enterScope(ze(i,!1)|qe),this.initFunction(e),this.options.ecmaVersion>=8&&(e.async=!!i),this.yieldPos=0,this.awaitPos=0,this.awaitIdentPos=0,e.params=this.toAssignableList(t,!0),this.parseFunctionBody(e,!0,!1,s),this.yieldPos=r,this.awaitPos=n,this.awaitIdentPos=o,this.finishNode(e,"ArrowFunctionExpression")};x.parseFunctionBody=function(e,t,i,s){var r=t&&this.type!==a.braceL,n=this.strict,o=!1;if(r)e.body=this.parseMaybeAssign(s),e.expression=!0,this.checkParams(e,!1);else{var u=this.options.ecmaVersion>=7&&!this.isSimpleParamList(e.params);(!n||u)&&(o=this.strictDirective(this.end),o&&u&&this.raiseRecoverable(e.start,"Illegal 'use strict' directive in function with non-simple parameter list"));var l=this.labels;this.labels=[],o&&(this.strict=!0),this.checkParams(e,!n&&!o&&!t&&!i&&this.isSimpleParamList(e.params)),this.strict&&e.id&&this.checkLValSimple(e.id,bt),e.body=this.parseBlock(!1,void 0,o&&!n),e.expression=!1,this.adaptDirectivePrologue(e.body.body),this.labels=l}this.exitScope()};x.isSimpleParamList=function(e){for(var t=0,i=e;t-1||r.functions.indexOf(e)>-1||r.var.indexOf(e)>-1,r.lexical.push(e),this.inModule&&r.flags&ee&&delete this.undefinedExports[e]}else if(t===vt){var n=this.currentScope();n.lexical.push(e)}else if(t===gt){var o=this.currentScope();this.treatFunctionsAsVar?s=o.lexical.indexOf(e)>-1:s=o.lexical.indexOf(e)>-1||o.var.indexOf(e)>-1,o.functions.push(e)}else for(var u=this.scopeStack.length-1;u>=0;--u){var l=this.scopeStack[u];if(l.lexical.indexOf(e)>-1&&!(l.flags&dt&&l.lexical[0]===e)||!this.treatFunctionsAsVarInScope(l)&&l.functions.indexOf(e)>-1){s=!0;break}if(l.var.push(e),this.inModule&&l.flags&ee&&delete this.undefinedExports[e],l.flags&Ae)break}s&&this.raiseRecoverable(i,"Identifier '"+e+"' has already been declared")};X.checkLocalExport=function(e){this.scopeStack[0].lexical.indexOf(e.name)===-1&&this.scopeStack[0].var.indexOf(e.name)===-1&&(this.undefinedExports[e.name]=e)};X.currentScope=function(){return this.scopeStack[this.scopeStack.length-1]};X.currentVarScope=function(){for(var e=this.scopeStack.length-1;;e--){var t=this.scopeStack[e];if(t.flags&(Ae|pe|ie))return t}};X.currentThisScope=function(){for(var e=this.scopeStack.length-1;;e--){var t=this.scopeStack[e];if(t.flags&(Ae|pe|ie)&&!(t.flags&qe))return t}};var Ee=function(t,i,s){this.type="",this.start=i,this.end=0,t.options.locations&&(this.loc=new _e(t,s)),t.options.directSourceFile&&(this.sourceFile=t.options.directSourceFile),t.options.ranges&&(this.range=[i,0])},fe=E.prototype;fe.startNode=function(){return new Ee(this,this.start,this.startLoc)};fe.startNodeAt=function(e,t){return new Ee(this,e,t)};function kt(e,t,i,s){return e.type=t,e.end=i,this.options.locations&&(e.loc.end=s),this.options.ranges&&(e.range[1]=i),e}fe.finishNode=function(e,t){return kt.call(this,e,t,this.lastTokEnd,this.lastTokEndLoc)};fe.finishNodeAt=function(e,t,i,s){return kt.call(this,e,t,i,s)};fe.copyNode=function(e){var t=new Ee(this,e.start,this.startLoc);for(var i in e)t[i]=e[i];return t};var Ei="Berf Beria_Erfe Gara Garay Gukh Gurung_Khema Hrkt Katakana_Or_Hiragana Kawi Kirat_Rai Krai Nag_Mundari Nagm Ol_Onal Onao Sidetic Sidt Sunu Sunuwar Tai_Yo Tayo Todhri Todr Tolong_Siki Tols Tulu_Tigalari Tutg Unknown Zzzz",St="ASCII ASCII_Hex_Digit AHex Alphabetic Alpha Any Assigned Bidi_Control Bidi_C Bidi_Mirrored Bidi_M Case_Ignorable CI Cased Changes_When_Casefolded CWCF Changes_When_Casemapped CWCM Changes_When_Lowercased CWL Changes_When_NFKC_Casefolded CWKCF Changes_When_Titlecased CWT Changes_When_Uppercased CWU Dash Default_Ignorable_Code_Point DI Deprecated Dep Diacritic Dia Emoji Emoji_Component Emoji_Modifier Emoji_Modifier_Base Emoji_Presentation Extender Ext Grapheme_Base Gr_Base Grapheme_Extend Gr_Ext Hex_Digit Hex IDS_Binary_Operator IDSB IDS_Trinary_Operator IDST ID_Continue IDC ID_Start IDS Ideographic Ideo Join_Control Join_C Logical_Order_Exception LOE Lowercase Lower Math Noncharacter_Code_Point NChar Pattern_Syntax Pat_Syn Pattern_White_Space Pat_WS Quotation_Mark QMark Radical Regional_Indicator RI Sentence_Terminal STerm Soft_Dotted SD Terminal_Punctuation Term Unified_Ideograph UIdeo Uppercase Upper Variation_Selector VS White_Space space XID_Continue XIDC XID_Start XIDS",_t=St+" Extended_Pictographic",wt=_t,At=wt+" EBase EComp EMod EPres ExtPict",It=At,Ni=It,Pi={9:St,10:_t,11:wt,12:At,13:It,14:Ni},Vi="Basic_Emoji Emoji_Keycap_Sequence RGI_Emoji_Modifier_Sequence RGI_Emoji_Flag_Sequence RGI_Emoji_Tag_Sequence RGI_Emoji_ZWJ_Sequence RGI_Emoji",Li={9:"",10:"",11:"",12:"",13:"",14:Vi},et="Cased_Letter LC Close_Punctuation Pe Connector_Punctuation Pc Control Cc cntrl Currency_Symbol Sc Dash_Punctuation Pd Decimal_Number Nd digit Enclosing_Mark Me Final_Punctuation Pf Format Cf Initial_Punctuation Pi Letter L Letter_Number Nl Line_Separator Zl Lowercase_Letter Ll Mark M Combining_Mark Math_Symbol Sm Modifier_Letter Lm Modifier_Symbol Sk Nonspacing_Mark Mn Number N Open_Punctuation Ps Other C Other_Letter Lo Other_Number No Other_Punctuation Po Other_Symbol So Paragraph_Separator Zp Private_Use Co Punctuation P punct Separator Z Space_Separator Zs Spacing_Mark Mc Surrogate Cs Symbol S Titlecase_Letter Lt Unassigned Cn Uppercase_Letter Lu",Et="Adlam Adlm Ahom Anatolian_Hieroglyphs Hluw Arabic Arab Armenian Armn Avestan Avst Balinese Bali Bamum Bamu Bassa_Vah Bass Batak Batk Bengali Beng Bhaiksuki Bhks Bopomofo Bopo Brahmi Brah Braille Brai Buginese Bugi Buhid Buhd Canadian_Aboriginal Cans Carian Cari Caucasian_Albanian Aghb Chakma Cakm Cham Cham Cherokee Cher Common Zyyy Coptic Copt Qaac Cuneiform Xsux Cypriot Cprt Cyrillic Cyrl Deseret Dsrt Devanagari Deva Duployan Dupl Egyptian_Hieroglyphs Egyp Elbasan Elba Ethiopic Ethi Georgian Geor Glagolitic Glag Gothic Goth Grantha Gran Greek Grek Gujarati Gujr Gurmukhi Guru Han Hani Hangul Hang Hanunoo Hano Hatran Hatr Hebrew Hebr Hiragana Hira Imperial_Aramaic Armi Inherited Zinh Qaai Inscriptional_Pahlavi Phli Inscriptional_Parthian Prti Javanese Java Kaithi Kthi Kannada Knda Katakana Kana Kayah_Li Kali Kharoshthi Khar Khmer Khmr Khojki Khoj Khudawadi Sind Lao Laoo Latin Latn Lepcha Lepc Limbu Limb Linear_A Lina Linear_B Linb Lisu Lisu Lycian Lyci Lydian Lydi Mahajani Mahj Malayalam Mlym Mandaic Mand Manichaean Mani Marchen Marc Masaram_Gondi Gonm Meetei_Mayek Mtei Mende_Kikakui Mend Meroitic_Cursive Merc Meroitic_Hieroglyphs Mero Miao Plrd Modi Mongolian Mong Mro Mroo Multani Mult Myanmar Mymr Nabataean Nbat New_Tai_Lue Talu Newa Newa Nko Nkoo Nushu Nshu Ogham Ogam Ol_Chiki Olck Old_Hungarian Hung Old_Italic Ital Old_North_Arabian Narb Old_Permic Perm Old_Persian Xpeo Old_South_Arabian Sarb Old_Turkic Orkh Oriya Orya Osage Osge Osmanya Osma Pahawh_Hmong Hmng Palmyrene Palm Pau_Cin_Hau Pauc Phags_Pa Phag Phoenician Phnx Psalter_Pahlavi Phlp Rejang Rjng Runic Runr Samaritan Samr Saurashtra Saur Sharada Shrd Shavian Shaw Siddham Sidd SignWriting Sgnw Sinhala Sinh Sora_Sompeng Sora Soyombo Soyo Sundanese Sund Syloti_Nagri Sylo Syriac Syrc Tagalog Tglg Tagbanwa Tagb Tai_Le Tale Tai_Tham Lana Tai_Viet Tavt Takri Takr Tamil Taml Tangut Tang Telugu Telu Thaana Thaa Thai Thai Tibetan Tibt Tifinagh Tfng Tirhuta Tirh Ugaritic Ugar Vai Vaii Warang_Citi Wara Yi Yiii Zanabazar_Square Zanb",Nt=Et+" Dogra Dogr Gunjala_Gondi Gong Hanifi_Rohingya Rohg Makasar Maka Medefaidrin Medf Old_Sogdian Sogo Sogdian Sogd",Pt=Nt+" Elymaic Elym Nandinagari Nand Nyiakeng_Puachue_Hmong Hmnp Wancho Wcho",Vt=Pt+" Chorasmian Chrs Diak Dives_Akuru Khitan_Small_Script Kits Yezi Yezidi",Lt=Vt+" Cypro_Minoan Cpmn Old_Uyghur Ougr Tangsa Tnsa Toto Vithkuqi Vith",Ti=Lt+" "+Ei,Ri={9:Et,10:Nt,11:Pt,12:Vt,13:Lt,14:Ti},Tt={};function ji(e){var t=Tt[e]={binary:Q(Pi[e]+" "+et),binaryOfStrings:Q(Li[e]),nonBinary:{General_Category:Q(et),Script:Q(Ri[e])}};t.nonBinary.Script_Extensions=t.nonBinary.Script,t.nonBinary.gc=t.nonBinary.General_Category,t.nonBinary.sc=t.nonBinary.Script,t.nonBinary.scx=t.nonBinary.Script_Extensions}for(var Le=0,tt=[9,10,11,12,13,14];Le=6?"uy":"")+(t.options.ecmaVersion>=9?"s":"")+(t.options.ecmaVersion>=13?"d":"")+(t.options.ecmaVersion>=15?"v":""),this.unicodeProperties=Tt[t.options.ecmaVersion>=14?14:t.options.ecmaVersion],this.source="",this.flags="",this.start=0,this.switchU=!1,this.switchV=!1,this.switchN=!1,this.pos=0,this.lastIntValue=0,this.lastStringValue="",this.lastAssertionIsQuantifiable=!1,this.numCapturingParens=0,this.maxBackReference=0,this.groupNames=Object.create(null),this.backReferenceNames=[],this.branchID=null};q.prototype.reset=function(t,i,s){var r=s.indexOf("v")!==-1,n=s.indexOf("u")!==-1;this.start=t|0,this.source=i+"",this.flags=s,r&&this.parser.options.ecmaVersion>=15?(this.switchU=!0,this.switchV=!0,this.switchN=!0):(this.switchU=n&&this.parser.options.ecmaVersion>=6,this.switchV=!1,this.switchN=n&&this.parser.options.ecmaVersion>=9)};q.prototype.raise=function(t){this.parser.raiseRecoverable(this.start,"Invalid regular expression: /"+this.source+"/: "+t)};q.prototype.at=function(t,i){i===void 0&&(i=!1);var s=this.source,r=s.length;if(t>=r)return-1;var n=s.charCodeAt(t);if(!(i||this.switchU)||n<=55295||n>=57344||t+1>=r)return n;var o=s.charCodeAt(t+1);return o>=56320&&o<=57343?(n<<10)+o-56613888:n};q.prototype.nextIndex=function(t,i){i===void 0&&(i=!1);var s=this.source,r=s.length;if(t>=r)return r;var n=s.charCodeAt(t),o;return!(i||this.switchU)||n<=55295||n>=57344||t+1>=r||(o=s.charCodeAt(t+1))<56320||o>57343?t+1:t+2};q.prototype.current=function(t){return t===void 0&&(t=!1),this.at(this.pos,t)};q.prototype.lookahead=function(t){return t===void 0&&(t=!1),this.at(this.nextIndex(this.pos,t),t)};q.prototype.advance=function(t){t===void 0&&(t=!1),this.pos=this.nextIndex(this.pos,t)};q.prototype.eat=function(t,i){return i===void 0&&(i=!1),this.current(i)===t?(this.advance(i),!0):!1};q.prototype.eatChars=function(t,i){i===void 0&&(i=!1);for(var s=this.pos,r=0,n=t;r-1&&this.raise(e.start,"Duplicate regular expression flag"),o==="u"&&(s=!0),o==="v"&&(r=!0)}this.options.ecmaVersion>=15&&s&&r&&this.raise(e.start,"Invalid regular expression flag")};function Bi(e){for(var t in e)return!0;return!1}c.validateRegExpPattern=function(e){this.regexp_pattern(e),!e.switchN&&this.options.ecmaVersion>=9&&Bi(e.groupNames)&&(e.switchN=!0,this.regexp_pattern(e))};c.regexp_pattern=function(e){e.pos=0,e.lastIntValue=0,e.lastStringValue="",e.lastAssertionIsQuantifiable=!1,e.numCapturingParens=0,e.maxBackReference=0,e.groupNames=Object.create(null),e.backReferenceNames.length=0,e.branchID=null,this.regexp_disjunction(e),e.pos!==e.source.length&&(e.eat(41)&&e.raise("Unmatched ')'"),(e.eat(93)||e.eat(125))&&e.raise("Lone quantifier brackets")),e.maxBackReference>e.numCapturingParens&&e.raise("Invalid escape");for(var t=0,i=e.backReferenceNames;t=16;for(t&&(e.branchID=new ye(e.branchID,null)),this.regexp_alternative(e);e.eat(124);)t&&(e.branchID=e.branchID.sibling()),this.regexp_alternative(e);t&&(e.branchID=e.branchID.parent),this.regexp_eatQuantifier(e,!0)&&e.raise("Nothing to repeat"),e.eat(123)&&e.raise("Lone quantifier brackets")};c.regexp_alternative=function(e){for(;e.pos=9&&(i=e.eat(60)),e.eat(61)||e.eat(33))return this.regexp_disjunction(e),e.eat(41)||e.raise("Unterminated group"),e.lastAssertionIsQuantifiable=!i,!0}return e.pos=t,!1};c.regexp_eatQuantifier=function(e,t){return t===void 0&&(t=!1),this.regexp_eatQuantifierPrefix(e,t)?(e.eat(63),!0):!1};c.regexp_eatQuantifierPrefix=function(e,t){return e.eat(42)||e.eat(43)||e.eat(63)||this.regexp_eatBracedQuantifier(e,t)};c.regexp_eatBracedQuantifier=function(e,t){var i=e.pos;if(e.eat(123)){var s=0,r=-1;if(this.regexp_eatDecimalDigits(e)&&(s=e.lastIntValue,e.eat(44)&&this.regexp_eatDecimalDigits(e)&&(r=e.lastIntValue),e.eat(125)))return r!==-1&&r=16){var i=this.regexp_eatModifiers(e),s=e.eat(45);if(i||s){for(var r=0;r-1&&e.raise("Duplicate regular expression modifiers")}if(s){var o=this.regexp_eatModifiers(e);!i&&!o&&e.current()===58&&e.raise("Invalid regular expression modifiers");for(var u=0;u-1||i.indexOf(l)>-1)&&e.raise("Duplicate regular expression modifiers")}}}}if(e.eat(58)){if(this.regexp_disjunction(e),e.eat(41))return!0;e.raise("Unterminated group")}}e.pos=t}return!1};c.regexp_eatCapturingGroup=function(e){if(e.eat(40)){if(this.options.ecmaVersion>=9?this.regexp_groupSpecifier(e):e.current()===63&&e.raise("Invalid group"),this.regexp_disjunction(e),e.eat(41))return e.numCapturingParens+=1,!0;e.raise("Unterminated group")}return!1};c.regexp_eatModifiers=function(e){for(var t="",i=0;(i=e.current())!==-1&&Mi(i);)t+=G(i),e.advance();return t};function Mi(e){return e===105||e===109||e===115}c.regexp_eatExtendedAtom=function(e){return e.eat(46)||this.regexp_eatReverseSolidusAtomEscape(e)||this.regexp_eatCharacterClass(e)||this.regexp_eatUncapturingGroup(e)||this.regexp_eatCapturingGroup(e)||this.regexp_eatInvalidBracedQuantifier(e)||this.regexp_eatExtendedPatternCharacter(e)};c.regexp_eatInvalidBracedQuantifier=function(e){return this.regexp_eatBracedQuantifier(e,!0)&&e.raise("Nothing to repeat"),!1};c.regexp_eatSyntaxCharacter=function(e){var t=e.current();return Rt(t)?(e.lastIntValue=t,e.advance(),!0):!1};function Rt(e){return e===36||e>=40&&e<=43||e===46||e===63||e>=91&&e<=94||e>=123&&e<=125}c.regexp_eatPatternCharacters=function(e){for(var t=e.pos,i=0;(i=e.current())!==-1&&!Rt(i);)e.advance();return e.pos!==t};c.regexp_eatExtendedPatternCharacter=function(e){var t=e.current();return t!==-1&&t!==36&&!(t>=40&&t<=43)&&t!==46&&t!==63&&t!==91&&t!==94&&t!==124?(e.advance(),!0):!1};c.regexp_groupSpecifier=function(e){if(e.eat(63)){this.regexp_eatGroupName(e)||e.raise("Invalid group");var t=this.options.ecmaVersion>=16,i=e.groupNames[e.lastStringValue];if(i)if(t)for(var s=0,r=i;s=11,s=e.current(i);return e.advance(i),s===92&&this.regexp_eatRegExpUnicodeEscapeSequence(e,i)&&(s=e.lastIntValue),Fi(s)?(e.lastIntValue=s,!0):(e.pos=t,!1)};function Fi(e){return U(e,!0)||e===36||e===95}c.regexp_eatRegExpIdentifierPart=function(e){var t=e.pos,i=this.options.ecmaVersion>=11,s=e.current(i);return e.advance(i),s===92&&this.regexp_eatRegExpUnicodeEscapeSequence(e,i)&&(s=e.lastIntValue),Di(s)?(e.lastIntValue=s,!0):(e.pos=t,!1)};function Di(e){return Y(e,!0)||e===36||e===95||e===8204||e===8205}c.regexp_eatAtomEscape=function(e){return this.regexp_eatBackReference(e)||this.regexp_eatCharacterClassEscape(e)||this.regexp_eatCharacterEscape(e)||e.switchN&&this.regexp_eatKGroupName(e)?!0:(e.switchU&&(e.current()===99&&e.raise("Invalid unicode escape"),e.raise("Invalid escape")),!1)};c.regexp_eatBackReference=function(e){var t=e.pos;if(this.regexp_eatDecimalEscape(e)){var i=e.lastIntValue;if(e.switchU)return i>e.maxBackReference&&(e.maxBackReference=i),!0;if(i<=e.numCapturingParens)return!0;e.pos=t}return!1};c.regexp_eatKGroupName=function(e){if(e.eat(107)){if(this.regexp_eatGroupName(e))return e.backReferenceNames.push(e.lastStringValue),!0;e.raise("Invalid named reference")}return!1};c.regexp_eatCharacterEscape=function(e){return this.regexp_eatControlEscape(e)||this.regexp_eatCControlLetter(e)||this.regexp_eatZero(e)||this.regexp_eatHexEscapeSequence(e)||this.regexp_eatRegExpUnicodeEscapeSequence(e,!1)||!e.switchU&&this.regexp_eatLegacyOctalEscapeSequence(e)||this.regexp_eatIdentityEscape(e)};c.regexp_eatCControlLetter=function(e){var t=e.pos;if(e.eat(99)){if(this.regexp_eatControlLetter(e))return!0;e.pos=t}return!1};c.regexp_eatZero=function(e){return e.current()===48&&!Ne(e.lookahead())?(e.lastIntValue=0,e.advance(),!0):!1};c.regexp_eatControlEscape=function(e){var t=e.current();return t===116?(e.lastIntValue=9,e.advance(),!0):t===110?(e.lastIntValue=10,e.advance(),!0):t===118?(e.lastIntValue=11,e.advance(),!0):t===102?(e.lastIntValue=12,e.advance(),!0):t===114?(e.lastIntValue=13,e.advance(),!0):!1};c.regexp_eatControlLetter=function(e){var t=e.current();return jt(t)?(e.lastIntValue=t%32,e.advance(),!0):!1};function jt(e){return e>=65&&e<=90||e>=97&&e<=122}c.regexp_eatRegExpUnicodeEscapeSequence=function(e,t){t===void 0&&(t=!1);var i=e.pos,s=t||e.switchU;if(e.eat(117)){if(this.regexp_eatFixedHexDigits(e,4)){var r=e.lastIntValue;if(s&&r>=55296&&r<=56319){var n=e.pos;if(e.eat(92)&&e.eat(117)&&this.regexp_eatFixedHexDigits(e,4)){var o=e.lastIntValue;if(o>=56320&&o<=57343)return e.lastIntValue=(r-55296)*1024+(o-56320)+65536,!0}e.pos=n,e.lastIntValue=r}return!0}if(s&&e.eat(123)&&this.regexp_eatHexDigits(e)&&e.eat(125)&&Ui(e.lastIntValue))return!0;s&&e.raise("Invalid unicode escape"),e.pos=i}return!1};function Ui(e){return e>=0&&e<=1114111}c.regexp_eatIdentityEscape=function(e){if(e.switchU)return this.regexp_eatSyntaxCharacter(e)?!0:e.eat(47)?(e.lastIntValue=47,!0):!1;var t=e.current();return t!==99&&(!e.switchN||t!==107)?(e.lastIntValue=t,e.advance(),!0):!1};c.regexp_eatDecimalEscape=function(e){e.lastIntValue=0;var t=e.current();if(t>=49&&t<=57){do e.lastIntValue=10*e.lastIntValue+(t-48),e.advance();while((t=e.current())>=48&&t<=57);return!0}return!1};var Ot=0,W=1,O=2;c.regexp_eatCharacterClassEscape=function(e){var t=e.current();if(qi(t))return e.lastIntValue=-1,e.advance(),W;var i=!1;if(e.switchU&&this.options.ecmaVersion>=9&&((i=t===80)||t===112)){e.lastIntValue=-1,e.advance();var s;if(e.eat(123)&&(s=this.regexp_eatUnicodePropertyValueExpression(e))&&e.eat(125))return i&&s===O&&e.raise("Invalid property name"),s;e.raise("Invalid property name")}return Ot};function qi(e){return e===100||e===68||e===115||e===83||e===119||e===87}c.regexp_eatUnicodePropertyValueExpression=function(e){var t=e.pos;if(this.regexp_eatUnicodePropertyName(e)&&e.eat(61)){var i=e.lastStringValue;if(this.regexp_eatUnicodePropertyValue(e)){var s=e.lastStringValue;return this.regexp_validateUnicodePropertyNameAndValue(e,i,s),W}}if(e.pos=t,this.regexp_eatLoneUnicodePropertyNameOrValue(e)){var r=e.lastStringValue;return this.regexp_validateUnicodePropertyNameOrValue(e,r)}return Ot};c.regexp_validateUnicodePropertyNameAndValue=function(e,t,i){oe(e.unicodeProperties.nonBinary,t)||e.raise("Invalid property name"),e.unicodeProperties.nonBinary[t].test(i)||e.raise("Invalid property value")};c.regexp_validateUnicodePropertyNameOrValue=function(e,t){if(e.unicodeProperties.binary.test(t))return W;if(e.switchV&&e.unicodeProperties.binaryOfStrings.test(t))return O;e.raise("Invalid property name")};c.regexp_eatUnicodePropertyName=function(e){var t=0;for(e.lastStringValue="";Bt(t=e.current());)e.lastStringValue+=G(t),e.advance();return e.lastStringValue!==""};function Bt(e){return jt(e)||e===95}c.regexp_eatUnicodePropertyValue=function(e){var t=0;for(e.lastStringValue="";zi(t=e.current());)e.lastStringValue+=G(t),e.advance();return e.lastStringValue!==""};function zi(e){return Bt(e)||Ne(e)}c.regexp_eatLoneUnicodePropertyNameOrValue=function(e){return this.regexp_eatUnicodePropertyValue(e)};c.regexp_eatCharacterClass=function(e){if(e.eat(91)){var t=e.eat(94),i=this.regexp_classContents(e);return e.eat(93)||e.raise("Unterminated character class"),t&&i===O&&e.raise("Negated character class may contain strings"),!0}return!1};c.regexp_classContents=function(e){return e.current()===93?W:e.switchV?this.regexp_classSetExpression(e):(this.regexp_nonEmptyClassRanges(e),W)};c.regexp_nonEmptyClassRanges=function(e){for(;this.regexp_eatClassAtom(e);){var t=e.lastIntValue;if(e.eat(45)&&this.regexp_eatClassAtom(e)){var i=e.lastIntValue;e.switchU&&(t===-1||i===-1)&&e.raise("Invalid character class"),t!==-1&&i!==-1&&t>i&&e.raise("Range out of order in character class")}}};c.regexp_eatClassAtom=function(e){var t=e.pos;if(e.eat(92)){if(this.regexp_eatClassEscape(e))return!0;if(e.switchU){var i=e.current();(i===99||Dt(i))&&e.raise("Invalid class escape"),e.raise("Invalid escape")}e.pos=t}var s=e.current();return s!==93?(e.lastIntValue=s,e.advance(),!0):!1};c.regexp_eatClassEscape=function(e){var t=e.pos;if(e.eat(98))return e.lastIntValue=8,!0;if(e.switchU&&e.eat(45))return e.lastIntValue=45,!0;if(!e.switchU&&e.eat(99)){if(this.regexp_eatClassControlLetter(e))return!0;e.pos=t}return this.regexp_eatCharacterClassEscape(e)||this.regexp_eatCharacterEscape(e)};c.regexp_classSetExpression=function(e){var t=W,i;if(!this.regexp_eatClassSetRange(e))if(i=this.regexp_eatClassSetOperand(e)){i===O&&(t=O);for(var s=e.pos;e.eatChars([38,38]);){if(e.current()!==38&&(i=this.regexp_eatClassSetOperand(e))){i!==O&&(t=W);continue}e.raise("Invalid character in character class")}if(s!==e.pos)return t;for(;e.eatChars([45,45]);)this.regexp_eatClassSetOperand(e)||e.raise("Invalid character in character class");if(s!==e.pos)return t}else e.raise("Invalid character in character class");for(;;)if(!this.regexp_eatClassSetRange(e)){if(i=this.regexp_eatClassSetOperand(e),!i)return t;i===O&&(t=O)}};c.regexp_eatClassSetRange=function(e){var t=e.pos;if(this.regexp_eatClassSetCharacter(e)){var i=e.lastIntValue;if(e.eat(45)&&this.regexp_eatClassSetCharacter(e)){var s=e.lastIntValue;return i!==-1&&s!==-1&&i>s&&e.raise("Range out of order in character class"),!0}e.pos=t}return!1};c.regexp_eatClassSetOperand=function(e){return this.regexp_eatClassSetCharacter(e)?W:this.regexp_eatClassStringDisjunction(e)||this.regexp_eatNestedClass(e)};c.regexp_eatNestedClass=function(e){var t=e.pos;if(e.eat(91)){var i=e.eat(94),s=this.regexp_classContents(e);if(e.eat(93))return i&&s===O&&e.raise("Negated character class may contain strings"),s;e.pos=t}if(e.eat(92)){var r=this.regexp_eatCharacterClassEscape(e);if(r)return r;e.pos=t}return null};c.regexp_eatClassStringDisjunction=function(e){var t=e.pos;if(e.eatChars([92,113])){if(e.eat(123)){var i=this.regexp_classStringDisjunctionContents(e);if(e.eat(125))return i}else e.raise("Invalid escape");e.pos=t}return null};c.regexp_classStringDisjunctionContents=function(e){for(var t=this.regexp_classString(e);e.eat(124);)this.regexp_classString(e)===O&&(t=O);return t};c.regexp_classString=function(e){for(var t=0;this.regexp_eatClassSetCharacter(e);)t++;return t===1?W:O};c.regexp_eatClassSetCharacter=function(e){var t=e.pos;if(e.eat(92))return this.regexp_eatCharacterEscape(e)||this.regexp_eatClassSetReservedPunctuator(e)?!0:e.eat(98)?(e.lastIntValue=8,!0):(e.pos=t,!1);var i=e.current();return i<0||i===e.lookahead()&&Gi(i)||Wi(i)?!1:(e.advance(),e.lastIntValue=i,!0)};function Gi(e){return e===33||e>=35&&e<=38||e>=42&&e<=44||e===46||e>=58&&e<=64||e===94||e===96||e===126}function Wi(e){return e===40||e===41||e===45||e===47||e>=91&&e<=93||e>=123&&e<=125}c.regexp_eatClassSetReservedPunctuator=function(e){var t=e.current();return Hi(t)?(e.lastIntValue=t,e.advance(),!0):!1};function Hi(e){return e===33||e===35||e===37||e===38||e===44||e===45||e>=58&&e<=62||e===64||e===96||e===126}c.regexp_eatClassControlLetter=function(e){var t=e.current();return Ne(t)||t===95?(e.lastIntValue=t%32,e.advance(),!0):!1};c.regexp_eatHexEscapeSequence=function(e){var t=e.pos;if(e.eat(120)){if(this.regexp_eatFixedHexDigits(e,2))return!0;e.switchU&&e.raise("Invalid escape"),e.pos=t}return!1};c.regexp_eatDecimalDigits=function(e){var t=e.pos,i=0;for(e.lastIntValue=0;Ne(i=e.current());)e.lastIntValue=10*e.lastIntValue+(i-48),e.advance();return e.pos!==t};function Ne(e){return e>=48&&e<=57}c.regexp_eatHexDigits=function(e){var t=e.pos,i=0;for(e.lastIntValue=0;Mt(i=e.current());)e.lastIntValue=16*e.lastIntValue+Ft(i),e.advance();return e.pos!==t};function Mt(e){return e>=48&&e<=57||e>=65&&e<=70||e>=97&&e<=102}function Ft(e){return e>=65&&e<=70?10+(e-65):e>=97&&e<=102?10+(e-97):e-48}c.regexp_eatLegacyOctalEscapeSequence=function(e){if(this.regexp_eatOctalDigit(e)){var t=e.lastIntValue;if(this.regexp_eatOctalDigit(e)){var i=e.lastIntValue;t<=3&&this.regexp_eatOctalDigit(e)?e.lastIntValue=t*64+i*8+e.lastIntValue:e.lastIntValue=t*8+i}else e.lastIntValue=t;return!0}return!1};c.regexp_eatOctalDigit=function(e){var t=e.current();return Dt(t)?(e.lastIntValue=t-48,e.advance(),!0):(e.lastIntValue=0,!1)};function Dt(e){return e>=48&&e<=55}c.regexp_eatFixedHexDigits=function(e,t){var i=e.pos;e.lastIntValue=0;for(var s=0;s=this.input.length)return this.finishToken(a.eof);if(e.override)return e.override(this);this.readToken(this.fullCharCodeAtPos())};v.readToken=function(e){return U(e,this.options.ecmaVersion>=6)||e===92?this.readWord():this.getTokenFromCode(e)};v.fullCharCodeAt=function(e){var t=this.input.charCodeAt(e);if(t<=55295||t>=56320)return t;var i=this.input.charCodeAt(e+1);return i<=56319||i>=57344?t:(t<<10)+i-56613888};v.fullCharCodeAtPos=function(){return this.fullCharCodeAt(this.pos)};v.skipBlockComment=function(){var e=this.options.onComment&&this.curPosition(),t=this.pos,i=this.input.indexOf("*/",this.pos+=2);if(i===-1&&this.raise(this.pos-2,"Unterminated comment"),this.pos=i+2,this.options.locations)for(var s=void 0,r=t;(s=ht(this.input,r,this.pos))>-1;)++this.curLine,r=this.lineStart=s;this.options.onComment&&this.options.onComment(!0,this.input.slice(t+2,i),t,this.pos,e,this.curPosition())};v.skipLineComment=function(e){for(var t=this.pos,i=this.options.onComment&&this.curPosition(),s=this.input.charCodeAt(this.pos+=e);this.pos8&&e<14||e>=5760&<.test(String.fromCharCode(e)))++this.pos;else break e}}};v.finishToken=function(e,t){this.end=this.pos,this.options.locations&&(this.endLoc=this.curPosition());var i=this.type;this.type=e,this.value=t,this.updateContext(i)};v.readToken_dot=function(){var e=this.input.charCodeAt(this.pos+1);if(e>=48&&e<=57)return this.readNumber(!0);var t=this.input.charCodeAt(this.pos+2);return this.options.ecmaVersion>=6&&e===46&&t===46?(this.pos+=3,this.finishToken(a.ellipsis)):(++this.pos,this.finishToken(a.dot))};v.readToken_slash=function(){var e=this.input.charCodeAt(this.pos+1);return this.exprAllowed?(++this.pos,this.readRegexp()):e===61?this.finishOp(a.assign,2):this.finishOp(a.slash,1)};v.readToken_mult_modulo_exp=function(e){var t=this.input.charCodeAt(this.pos+1),i=1,s=e===42?a.star:a.modulo;return this.options.ecmaVersion>=7&&e===42&&t===42&&(++i,s=a.starstar,t=this.input.charCodeAt(this.pos+2)),t===61?this.finishOp(a.assign,i+1):this.finishOp(s,i)};v.readToken_pipe_amp=function(e){var t=this.input.charCodeAt(this.pos+1);if(t===e){if(this.options.ecmaVersion>=12){var i=this.input.charCodeAt(this.pos+2);if(i===61)return this.finishOp(a.assign,3)}return this.finishOp(e===124?a.logicalOR:a.logicalAND,2)}return t===61?this.finishOp(a.assign,2):this.finishOp(e===124?a.bitwiseOR:a.bitwiseAND,1)};v.readToken_caret=function(){var e=this.input.charCodeAt(this.pos+1);return e===61?this.finishOp(a.assign,2):this.finishOp(a.bitwiseXOR,1)};v.readToken_plus_min=function(e){var t=this.input.charCodeAt(this.pos+1);return t===e?t===45&&!this.inModule&&this.input.charCodeAt(this.pos+2)===62&&(this.lastTokEnd===0||T.test(this.input.slice(this.lastTokEnd,this.pos)))?(this.skipLineComment(3),this.skipSpace(),this.nextToken()):this.finishOp(a.incDec,2):t===61?this.finishOp(a.assign,2):this.finishOp(a.plusMin,1)};v.readToken_lt_gt=function(e){var t=this.input.charCodeAt(this.pos+1),i=1;return t===e?(i=e===62&&this.input.charCodeAt(this.pos+2)===62?3:2,this.input.charCodeAt(this.pos+i)===61?this.finishOp(a.assign,i+1):this.finishOp(a.bitShift,i)):t===33&&e===60&&!this.inModule&&this.input.charCodeAt(this.pos+2)===45&&this.input.charCodeAt(this.pos+3)===45?(this.skipLineComment(4),this.skipSpace(),this.nextToken()):(t===61&&(i=2),this.finishOp(a.relational,i))};v.readToken_eq_excl=function(e){var t=this.input.charCodeAt(this.pos+1);return t===61?this.finishOp(a.equality,this.input.charCodeAt(this.pos+2)===61?3:2):e===61&&t===62&&this.options.ecmaVersion>=6?(this.pos+=2,this.finishToken(a.arrow)):this.finishOp(e===61?a.eq:a.prefix,1)};v.readToken_question=function(){var e=this.options.ecmaVersion;if(e>=11){var t=this.input.charCodeAt(this.pos+1);if(t===46){var i=this.input.charCodeAt(this.pos+2);if(i<48||i>57)return this.finishOp(a.questionDot,2)}if(t===63){if(e>=12){var s=this.input.charCodeAt(this.pos+2);if(s===61)return this.finishOp(a.assign,3)}return this.finishOp(a.coalesce,2)}}return this.finishOp(a.question,1)};v.readToken_numberSign=function(){var e=this.options.ecmaVersion,t=35;if(e>=13&&(++this.pos,t=this.fullCharCodeAtPos(),U(t,!0)||t===92))return this.finishToken(a.privateId,this.readWord1());this.raise(this.pos,"Unexpected character '"+G(t)+"'")};v.getTokenFromCode=function(e){switch(e){case 46:return this.readToken_dot();case 40:return++this.pos,this.finishToken(a.parenL);case 41:return++this.pos,this.finishToken(a.parenR);case 59:return++this.pos,this.finishToken(a.semi);case 44:return++this.pos,this.finishToken(a.comma);case 91:return++this.pos,this.finishToken(a.bracketL);case 93:return++this.pos,this.finishToken(a.bracketR);case 123:return++this.pos,this.finishToken(a.braceL);case 125:return++this.pos,this.finishToken(a.braceR);case 58:return++this.pos,this.finishToken(a.colon);case 96:if(this.options.ecmaVersion<6)break;return++this.pos,this.finishToken(a.backQuote);case 48:var t=this.input.charCodeAt(this.pos+1);if(t===120||t===88)return this.readRadixNumber(16);if(this.options.ecmaVersion>=6){if(t===111||t===79)return this.readRadixNumber(8);if(t===98||t===66)return this.readRadixNumber(2)}case 49:case 50:case 51:case 52:case 53:case 54:case 55:case 56:case 57:return this.readNumber(!1);case 34:case 39:return this.readString(e);case 47:return this.readToken_slash();case 37:case 42:return this.readToken_mult_modulo_exp(e);case 124:case 38:return this.readToken_pipe_amp(e);case 94:return this.readToken_caret();case 43:case 45:return this.readToken_plus_min(e);case 60:case 62:return this.readToken_lt_gt(e);case 61:case 33:return this.readToken_eq_excl(e);case 63:return this.readToken_question();case 126:return this.finishOp(a.prefix,1);case 35:return this.readToken_numberSign()}this.raise(this.pos,"Unexpected character '"+G(e)+"'")};v.finishOp=function(e,t){var i=this.input.slice(this.pos,this.pos+t);return this.pos+=t,this.finishToken(e,i)};v.readRegexp=function(){for(var e,t,i=this.pos;;){this.pos>=this.input.length&&this.raise(i,"Unterminated regular expression");var s=this.input.charAt(this.pos);if(T.test(s)&&this.raise(i,"Unterminated regular expression"),e)e=!1;else{if(s==="[")t=!0;else if(s==="]"&&t)t=!1;else if(s==="/"&&!t)break;e=s==="\\"}++this.pos}var r=this.input.slice(i,this.pos);++this.pos;var n=this.pos,o=this.readWord1();this.containsEsc&&this.unexpected(n);var u=this.regexpState||(this.regexpState=new q(this));u.reset(i,r,o),this.validateRegExpFlags(u),this.validateRegExpPattern(u);var l=null;try{l=new RegExp(r,o)}catch{}return this.finishToken(a.regexp,{pattern:r,flags:o,value:l})};v.readInt=function(e,t,i){for(var s=this.options.ecmaVersion>=12&&t===void 0,r=i&&this.input.charCodeAt(this.pos)===48,n=this.pos,o=0,u=0,l=0,d=t??1/0;l=97?S=f-97+10:f>=65?S=f-65+10:f>=48&&f<=57?S=f-48:S=1/0,S>=e)break;u=f,o=o*e+S}return s&&u===95&&this.raiseRecoverable(this.pos-1,"Numeric separator is not allowed at the last of digits"),this.pos===n||t!=null&&this.pos-n!==t?null:o};function Ki(e,t){return t?parseInt(e,8):parseFloat(e.replace(/_/g,""))}function Ut(e){return typeof BigInt!="function"?null:BigInt(e.replace(/_/g,""))}v.readRadixNumber=function(e){var t=this.pos;this.pos+=2;var i=this.readInt(e);return i==null&&this.raise(this.start+2,"Expected number in radix "+e),this.options.ecmaVersion>=11&&this.input.charCodeAt(this.pos)===110?(i=Ut(this.input.slice(t,this.pos)),++this.pos):U(this.fullCharCodeAtPos())&&this.raise(this.pos,"Identifier directly after number"),this.finishToken(a.num,i)};v.readNumber=function(e){var t=this.pos;!e&&this.readInt(10,void 0,!0)===null&&this.raise(t,"Invalid number");var i=this.pos-t>=2&&this.input.charCodeAt(t)===48;i&&this.strict&&this.raise(t,"Invalid number");var s=this.input.charCodeAt(this.pos);if(!i&&!e&&this.options.ecmaVersion>=11&&s===110){var r=Ut(this.input.slice(t,this.pos));return++this.pos,U(this.fullCharCodeAtPos())&&this.raise(this.pos,"Identifier directly after number"),this.finishToken(a.num,r)}i&&/[89]/.test(this.input.slice(t,this.pos))&&(i=!1),s===46&&!i&&(++this.pos,this.readInt(10),s=this.input.charCodeAt(this.pos)),(s===69||s===101)&&!i&&(s=this.input.charCodeAt(++this.pos),(s===43||s===45)&&++this.pos,this.readInt(10)===null&&this.raise(t,"Invalid number")),U(this.fullCharCodeAtPos())&&this.raise(this.pos,"Identifier directly after number");var n=Ki(this.input.slice(t,this.pos),i);return this.finishToken(a.num,n)};v.readCodePoint=function(){var e=this.input.charCodeAt(this.pos),t;if(e===123){this.options.ecmaVersion<6&&this.unexpected();var i=++this.pos;t=this.readHexChar(this.input.indexOf("}",this.pos)-this.pos),++this.pos,t>1114111&&this.invalidStringToken(i,"Code point out of bounds")}else t=this.readHexChar(4);return t};v.readString=function(e){for(var t="",i=++this.pos;;){this.pos>=this.input.length&&this.raise(this.start,"Unterminated string constant");var s=this.input.charCodeAt(this.pos);if(s===e)break;s===92?(t+=this.input.slice(i,this.pos),t+=this.readEscapedChar(!1),i=this.pos):s===8232||s===8233?(this.options.ecmaVersion<10&&this.raise(this.start,"Unterminated string constant"),++this.pos,this.options.locations&&(this.curLine++,this.lineStart=this.pos)):(ne(s)&&this.raise(this.start,"Unterminated string constant"),++this.pos)}return t+=this.input.slice(i,this.pos++),this.finishToken(a.string,t)};var qt={};v.tryReadTemplateToken=function(){this.inTemplateElement=!0;try{this.readTmplToken()}catch(e){if(e===qt)this.readInvalidTemplateToken();else throw e}this.inTemplateElement=!1};v.invalidStringToken=function(e,t){if(this.inTemplateElement&&this.options.ecmaVersion>=9)throw qt;this.raise(e,t)};v.readTmplToken=function(){for(var e="",t=this.pos;;){this.pos>=this.input.length&&this.raise(this.start,"Unterminated template");var i=this.input.charCodeAt(this.pos);if(i===96||i===36&&this.input.charCodeAt(this.pos+1)===123)return this.pos===this.start&&(this.type===a.template||this.type===a.invalidTemplate)?i===36?(this.pos+=2,this.finishToken(a.dollarBraceL)):(++this.pos,this.finishToken(a.backQuote)):(e+=this.input.slice(t,this.pos),this.finishToken(a.template,e));if(i===92)e+=this.input.slice(t,this.pos),e+=this.readEscapedChar(!0),t=this.pos;else if(ne(i)){switch(e+=this.input.slice(t,this.pos),++this.pos,i){case 13:this.input.charCodeAt(this.pos)===10&&++this.pos;case 10:e+=`
+`;break;default:e+=String.fromCharCode(i);break}this.options.locations&&(++this.curLine,this.lineStart=this.pos),t=this.pos}else++this.pos}};v.readInvalidTemplateToken=function(){for(;this.pos=48&&t<=55){var s=this.input.substr(this.pos-1,3).match(/^[0-7]+/)[0],r=parseInt(s,8);return r>255&&(s=s.slice(0,-1),r=parseInt(s,8)),this.pos+=s.length-1,t=this.input.charCodeAt(this.pos),(s!=="0"||t===56||t===57)&&(this.strict||e)&&this.invalidStringToken(this.pos-1-s.length,e?"Octal literal in template string":"Octal literal in strict mode"),String.fromCharCode(r)}return ne(t)?(this.options.locations&&(this.lineStart=this.pos,++this.curLine),""):String.fromCharCode(t)}};v.readHexChar=function(e){var t=this.pos,i=this.readInt(16,e);return i===null&&this.invalidStringToken(t,"Bad character escape sequence"),i};v.readWord1=function(){this.containsEsc=!1;for(var e="",t=!0,i=this.pos,s=this.options.ecmaVersion>=6;this.pos3&&_("memory","Nested collections are limited to three levels."),!Array.isArray(e))return typeof e=="string"&&e.length>m.stringCharacters&&_("memory",`Strings are limited to ${m.stringCharacters} characters.`),typeof e=="number"&&!Number.isFinite(e)&&_("complexity","Calculations must produce finite numbers."),1;e.length>m.collectionItems&&_("memory",`Collections are limited to ${m.collectionItems} items.`);let i=1;for(const s of e)i+=re(s,t+1);return i}function Ke(e){e.operations+=1,e.operations>m.operations&&_("complexity",`Execution exceeded ${m.operations.toLocaleString()} operations.`),performance.now()-e.startedAt>m.runtimeMs&&_("complexity",`Execution exceeded the ${m.runtimeMs}ms time budget.`)}function Yi(e){let t=0;for(const i of e.environment.values())t+=re(i);e.peakCells=Math.max(e.peakCells,t),t>m.totalCells&&_("memory",`Live state exceeded the ${m.totalCells}-cell memory budget.`)}function Xi(e){return Object.fromEntries([...e.environment.entries()].map(([t,i])=>[t,Gt(i)]))}function $(e,t,i){e.frames.length>=m.traceFrames&&_("complexity",`Visualization exceeded ${m.traceFrames} trace steps.`),Yi(e),e.frames.push({line:he(t),description:i,source:e.source.slice(t.start,t.end).split(`
+`)[0]?.trim()??"",variables:Xi(e),output:[...e.output]})}function $e(e,t,i){return re(i),!e.environment.has(t)&&e.environment.size>=m.variables&&_("memory",`Programs may use at most ${m.variables} variables.`),e.environment.set(t,i),i}function xe(e,t,i){return e.environment.has(t)||_("syntax",`Unknown variable “${t}” on line ${he(i)}.`),e.environment.get(t)??null}function w(e,t){return typeof e!="number"&&k(t,"This operation requires numbers"),e}function Wt(e,t){const i=w(e,t);return(!Number.isInteger(i)||i<0)&&_("syntax",`Array indexes must be non-negative integers on line ${he(t)}.`),i}function J(e){return Array.isArray(e)?!0:!!e}function Ce(e,t){return e===t}function ke(e){return Array.isArray(e)?`[${e.map(ke).join(", ")}]`:String(e)}function it(e,t,i,s){switch(e){case"+":return typeof t=="string"||typeof i=="string"?`${ke(t)}${ke(i)}`:w(t,s)+w(i,s);case"-":return w(t,s)-w(i,s);case"*":return w(t,s)*w(i,s);case"/":return w(t,s)/w(i,s);case"%":return w(t,s)%w(i,s);case"**":return w(t,s)**w(i,s);case"<":return w(t,s)":return w(t,s)>w(i,s);case">=":return w(t,s)>=w(i,s);case"==":case"===":return Ce(t,i);case"!=":case"!==":return!Ce(t,i);default:return k(s,`Operator ${e}`)}}function Ht(e){return!e.computed&&e.property.type==="Identifier"?e.property.name:null}function me(e,t){e.object.type==="Super"&&k(e,"Super");const i=C(e.object,t);if(e.computed){e.property.type==="PrivateIdentifier"&&k(e.property,"Private properties"),Array.isArray(i)||k(e,"Only arrays can be indexed");const r=Wt(C(e.property,t),e);return r>=i.length&&_("syntax",`Index ${r} is outside the array on line ${he(e)}.`),i[r]??null}const s=Ht(e);return s!=="length"&&k(e,`Property .${s??"?"}`),!Array.isArray(i)&&typeof i!="string"&&k(e,"Only arrays and strings have a readable length"),i.length}function Fe(e,t,i){if(re(t),e.type==="Identifier")return $e(i,e.name,t);if(e.type==="MemberExpression"){e.object.type==="Super"&&k(e,"Super"),(!e.computed||e.property.type==="PrivateIdentifier")&&k(e,"Only array elements can be assigned");const s=C(e.object,i);Array.isArray(s)||k(e,"Only array elements can be assigned");const r=Wt(C(e.property,i),e);return r>=s.length&&_("memory","Sparse arrays and implicit array growth are not supported."),s[r]=t,re(s),t}return k(e,"Assignment target")}function Zi(e,t,i){const s=e.type==="Identifier"?xe(i,e.name,e):e.type==="MemberExpression"?me(e,i):k(e,"Increment target"),r=w(s,e)+t;return Fe(e,r,i),r}function Ji(e,t){e.callee.type!=="MemberExpression"&&k(e,"Function calls");const i=e.callee;i.object.type==="Super"&&k(e,"Function calls");const s=i.object,r=Ht(i);r||k(e,"Computed method calls"),e.arguments.some(l=>l.type==="SpreadElement")&&k(e,"Spread arguments");const n=e.arguments;if(s.type==="Identifier"&&s.name==="console"&&r==="log"){const l=n.map(d=>ke(C(d,t))).join(" ");return l.length>m.stringCharacters&&_("memory","Console output line is too long."),t.output.length>=m.outputLines&&_("memory",`Console output is limited to ${m.outputLines} lines.`),t.output.push(l),null}if(s.type==="Identifier"&&s.name==="Math"){const d={abs:Math.abs,ceil:Math.ceil,floor:Math.floor,max:Math.max,min:Math.min,round:Math.round,sqrt:Math.sqrt}[r];return d||k(e,`Math.${r}`),d(...n.map(f=>w(C(f,t),f)))}const o=C(s,t);Array.isArray(o)||k(e,"Method calls");const u=n.map(l=>C(l,t));switch(r){case"push":return o.length+u.length>m.collectionItems&&_("memory",`Collections are limited to ${m.collectionItems} items.`),o.push(...u),o.length;case"pop":return o.pop()??null;case"shift":return o.shift()??null;case"unshift":return o.length+u.length>m.collectionItems&&_("memory",`Collections are limited to ${m.collectionItems} items.`),o.unshift(...u),o.length;case"includes":return u.length===1&&o.some(l=>Ce(l,u[0]??null));case"indexOf":return u.length===1?o.findIndex(l=>Ce(l,u[0]??null)):-1;default:return k(e,`Array.${r}`)}}function C(e,t){switch(Ke(t),e.type){case"Literal":return typeof e.value=="bigint"||e.value instanceof RegExp||e.value===void 0?k(e,"This literal"):e.value;case"Identifier":return xe(t,e.name,e);case"ArrayExpression":{const i=e.elements.map(s=>s?s.type==="SpreadElement"?k(s,"Array spread"):C(s,t):null);return re(i),i}case"MemberExpression":return me(e,t);case"ConditionalExpression":return J(C(e.test,t))?C(e.consequent,t):C(e.alternate,t);case"UnaryExpression":return e.operator==="!"?!J(C(e.argument,t)):e.operator==="-"?-w(C(e.argument,t),e):e.operator==="+"?w(C(e.argument,t),e):k(e,`Unary operator ${e.operator}`);case"UpdateExpression":{const i=e.argument.type==="Identifier"?xe(t,e.argument.name,e.argument):e.argument.type==="MemberExpression"?me(e.argument,t):k(e,"Increment target"),s=Zi(e.argument,e.operator==="++"?1:-1,t);return e.prefix?s:i}case"LogicalExpression":{const i=C(e.left,t);return e.operator==="&&"?J(i)?C(e.right,t):i:e.operator==="||"?J(i)?i:C(e.right,t):i??C(e.right,t)}case"AssignmentExpression":{const i=C(e.right,t);if(e.operator==="=")return Fe(e.left,i,t);const s=e.operator.slice(0,-1),r=e.left.type==="Identifier"?xe(t,e.left.name,e.left):e.left.type==="MemberExpression"?me(e.left,t):k(e.left,"Assignment target");return Fe(e.left,it(s,r,i,e),t)}case"BinaryExpression":return e.left.type==="PrivateIdentifier"&&k(e.left,"Private identifiers"),it(e.operator,C(e.left,t),C(e.right,t),e);case"CallExpression":return Ji(e,t);case"ParenthesizedExpression":return C(e.expression,t);default:return k(e)}}function st(e,t){for(const i of e.declarations)i.id.type!=="Identifier"&&k(i,"Destructuring"),$e(t,i.id.name,i.init?C(i.init,t):null)}function Kt(e,t){for(const i of e){const s=ae(i,t);if(s!=="normal")return s}return"normal"}function Te(e,t){e.loopIterations+=1,e.loopIterations>m.loopIterations&&_("complexity",`Loops exceeded ${m.loopIterations.toLocaleString()} iterations near line ${he(t)}.`),Ke(e)}function ae(e,t){switch(Ke(t),e.type){case"BlockStatement":return Kt(e.body,t);case"VariableDeclaration":return st(e,t),$(t,e,"Declared variables"),"normal";case"ExpressionStatement":return C(e.expression,t),$(t,e,"Updated state"),"normal";case"IfStatement":{const i=J(C(e.test,t));return $(t,e,i?"Condition matched":"Condition skipped"),i?ae(e.consequent,t):e.alternate?ae(e.alternate,t):"normal"}case"ForStatement":{e.init&&(e.init.type==="VariableDeclaration"?st(e.init,t):C(e.init,t));let i=0;for(;(!e.test||J(C(e.test,t)))&&(Te(t,e),i+=1,$(t,e,`For loop · iteration ${i}`),ae(e.body,t)!=="break");)e.update&&C(e.update,t);return $(t,e,`For loop complete · ${i} iterations`),"normal"}case"WhileStatement":{let i=0;for(;J(C(e.test,t))&&(Te(t,e),i+=1,$(t,e,`While loop · iteration ${i}`),ae(e.body,t)!=="break"););return $(t,e,`While loop complete · ${i} iterations`),"normal"}case"ForOfStatement":{(e.left.type!=="VariableDeclaration"||e.left.declarations.length!==1)&&k(e,"For-of initializer");const i=e.left.declarations[0];(!i||i.id.type!=="Identifier")&&k(e,"For-of destructuring");const s=C(e.right,t);Array.isArray(s)||k(e.right,"For-of requires an array");for(let r=0;r{t+=1,t>m.astNodes&&_("complexity",`Code is limited to ${m.astNodes} syntax nodes.`);for(const r of Object.values(s))if(Array.isArray(r))for(const n of r)at(n)&&i(n);else at(r)&&i(r)};return i(e),t}function ts(e){e.trim()||_("source","Enter a small JavaScript algorithm to visualize."),e.length>m.sourceCharacters&&_("source",`Code is limited to ${m.sourceCharacters.toLocaleString()} characters.`),e.split(/\r?\n/).length>m.sourceLines&&_("source",`Code is limited to ${m.sourceLines} lines.`);try{const t=Qi(e,{ecmaVersion:2022,sourceType:"script",locations:!0});return{program:t,astNodes:es(t)}}catch(t){return _("syntax",t instanceof Error?t.message:"The code could not be parsed.")}}function rt(e){const{program:t,astNodes:i}=ts(e),s={source:e,environment:new Map,frames:[],output:[],operations:0,loopIterations:0,peakCells:0,startedAt:performance.now()},r=Kt(t.body,s);return r!=="normal"&&_("syntax",`${r} can only be used inside a loop.`),s.frames.length===0&&_("source","Add at least one variable, condition, loop, or expression."),{frames:s.frames,metrics:{characters:e.length,lines:e.split(/\r?\n/).length,astNodes:i,operations:s.operations,loopIterations:s.loopIterations,peakCells:s.peakCells}}}const Re=[{name:"Bubble sort",code:`const numbers = [7, 3, 9, 1, 5];
+
+for (let pass = 0; pass < numbers.length; pass++) {
+ for (let i = 0; i < numbers.length - pass - 1; i++) {
+ if (numbers[i] > numbers[i + 1]) {
+ const temp = numbers[i];
+ numbers[i] = numbers[i + 1];
+ numbers[i + 1] = temp;
+ }
+ }
+}
+
+console.log("sorted", numbers);`},{name:"Binary search",code:`const numbers = [2, 5, 8, 12, 16, 23, 38];
+const target = 23;
+let low = 0;
+let high = numbers.length - 1;
+let found = -1;
+
+while (low <= high) {
+ const middle = Math.floor((low + high) / 2);
+ if (numbers[middle] === target) {
+ found = middle;
+ break;
+ }
+ if (numbers[middle] < target) low = middle + 1;
+ else high = middle - 1;
+}
+
+console.log("index", found);`},{name:"Fibonacci",code:`const sequence = [0, 1];
+
+for (let i = 2; i < 10; i++) {
+ sequence.push(sequence[i - 1] + sequence[i - 2]);
+}
+
+console.log(sequence);`}];function $t(e){return Array.isArray(e)?`[${e.map($t).join(", ")}]`:typeof e=="string"?`“${e}”`:String(e)}function de({icon:e,title:t,value:i}){return h.jsxs("div",{className:"rounded-xl border border-white/[0.07] bg-black/15 p-3",children:[h.jsx(e,{size:14,className:"text-emerald-300"}),h.jsx("p",{className:"mt-2 text-[9px] font-bold uppercase tracking-[0.16em] text-slate-600",children:t}),h.jsx("p",{className:"mt-1 text-xs font-medium text-slate-300",children:i})]})}function is({frame:e}){const t=Object.entries(e.variables).find(n=>Array.isArray(n[1])&&n[1].length>0&&n[1].every(o=>typeof o=="number"));if(!t)return h.jsx("div",{className:"flex min-h-52 items-center justify-center rounded-xl border border-dashed border-white/10 bg-black/10 p-6 text-center",children:h.jsxs("div",{children:[h.jsx(Zt,{size:24,className:"mx-auto text-slate-700"}),h.jsx("p",{className:"mt-3 text-xs text-slate-500",children:"Add a numeric array to see a bar visualization."})]})});const[i,s]=t,r=Math.max(...s.map(n=>Math.abs(n)),1);return h.jsxs("div",{className:"rounded-xl border border-white/[0.07] bg-black/15 p-4",children:[h.jsxs("div",{className:"mb-4 flex items-center justify-between",children:[h.jsx("p",{className:"font-mono text-xs font-semibold text-emerald-200",children:i}),h.jsxs("p",{className:"text-[9px] font-bold uppercase tracking-[0.16em] text-slate-600",children:[s.length," items"]})]}),h.jsx("div",{className:"flex h-48 items-end gap-1.5 sm:gap-2",role:"img","aria-label":`${i} array values: ${s.join(", ")}`,children:s.map((n,o)=>h.jsxs("div",{className:"flex h-full min-w-0 flex-1 flex-col items-center justify-end gap-2",children:[h.jsx("span",{className:"font-mono text-[9px] text-slate-500",children:n}),h.jsx("span",{className:"w-full rounded-t-md bg-gradient-to-t from-emerald-500/70 to-teal-300 shadow-[0_0_18px_rgb(52_211_153_/_0.12)] transition-[height] duration-300",style:{height:`${Math.max(8,Math.abs(n)/r*100)}%`}}),h.jsx("span",{className:"font-mono text-[8px] text-slate-700",children:o})]},o))})]})}function hs(){const[e,t]=Z.useState(Re[0].code),[i,s]=Z.useState(()=>rt(Re[0].code)),[r,n]=Z.useState(0),[o,u]=Z.useState(!1),[l,d]=Z.useState(null),f=i.frames[r]??i.frames[0],S=i.frames[Math.max(0,r-1)],I=e.split(/\r?\n/),K=Z.useMemo(()=>!f||!S||r===0?new Set(Object.keys(f?.variables??{})):new Set(Object.keys(f.variables).filter(g=>JSON.stringify(f.variables[g])!==JSON.stringify(S.variables[g]))),[f,r,S]);Z.useEffect(()=>{if(!o)return;const g=window.setInterval(()=>{n(N=>N>=i.frames.length-1?(u(!1),N):N+1)},650);return()=>window.clearInterval(g)},[o,i.frames.length]);const z=(g=e)=>{try{const N=rt(g);s(N),n(0),u(!1),d(null)}catch(N){u(!1),d(N instanceof zt?N.message:"The visualizer could not read this code.")}},se=g=>{t(g.code),z(g.code)},F=g=>{u(!1),n(Math.max(0,Math.min(i.frames.length-1,g)))};return h.jsx("div",{className:"book-page flex-1 overflow-y-auto",children:h.jsxs("main",{className:"mx-auto max-w-[1500px] px-4 py-8 sm:px-6 lg:px-8 lg:py-10",children:[h.jsxs("header",{className:"grid gap-6 lg:grid-cols-[minmax(0,1fr)_460px] lg:items-end",children:[h.jsxs("div",{children:[h.jsxs("div",{className:"inline-flex items-center gap-2 rounded-full border border-emerald-300/20 bg-emerald-300/8 px-3 py-1.5 text-[10px] font-bold uppercase tracking-[0.2em] text-emerald-200",children:[h.jsx(Ye,{size:13})," Safe code lab"]}),h.jsx("h1",{className:"font-display mt-5 text-4xl font-semibold tracking-tight text-white sm:text-5xl",children:"Visualize your code"}),h.jsx("p",{className:"mt-3 max-w-2xl text-sm leading-7 text-slate-400",children:"Enter a small JavaScript algorithm, then play through every state change. The interpreter supports variables, arrays, conditions, and bounded loops without executing arbitrary browser code."})]}),h.jsxs("div",{className:"grid grid-cols-2 gap-2 sm:grid-cols-4",children:[h.jsx(de,{icon:ri,title:"Source",value:`${m.sourceLines} lines`}),h.jsx(de,{icon:oi,title:"Trace",value:`${m.traceFrames} steps`}),h.jsx(de,{icon:hi,title:"Memory",value:`${m.totalCells} cells`}),h.jsx(de,{icon:Ye,title:"Runtime",value:"No eval"})]})]}),h.jsxs("div",{className:"mt-8 grid gap-5 xl:grid-cols-[minmax(360px,0.82fr)_minmax(0,1.18fr)]",children:[h.jsxs("section",{className:"book-panel overflow-hidden","aria-labelledby":"editor-title",children:[h.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-3 border-b border-white/[0.07] px-4 py-3",children:[h.jsxs("div",{children:[h.jsx("p",{className:"text-[9px] font-bold uppercase tracking-[0.18em] text-emerald-300",children:"Input"}),h.jsx("h2",{id:"editor-title",className:"mt-0.5 text-sm font-semibold text-white",children:"JavaScript subset"})]}),h.jsx("div",{className:"flex flex-wrap gap-1.5",children:Re.map(g=>h.jsx("button",{type:"button",onClick:()=>se(g),className:"rounded-lg bg-white/[0.045] px-2.5 py-1.5 text-[10px] font-medium text-slate-400 ring-1 ring-white/[0.07] hover:text-white",children:g.name},g.name))})]}),h.jsxs("div",{className:"relative bg-[#080d18]",children:[h.jsx("textarea",{value:e,onChange:g=>t(g.target.value),spellCheck:!1,"aria-label":"Code to visualize",className:"h-[500px] w-full resize-y bg-transparent p-4 font-mono text-[12px] leading-6 text-slate-300 outline-none placeholder:text-slate-700 sm:p-5"}),h.jsxs("div",{className:"pointer-events-none absolute bottom-3 right-3 rounded-md bg-slate-950/90 px-2 py-1 font-mono text-[9px] text-slate-600 ring-1 ring-white/[0.06]",children:[I.length,"/",m.sourceLines," lines · ",e.length,"/",m.sourceCharacters," chars"]})]}),h.jsxs("div",{className:"border-t border-white/[0.07] p-4",children:[l&&h.jsxs("div",{role:"alert",className:"mb-3 flex items-start gap-2 rounded-xl border border-rose-400/20 bg-rose-400/8 p-3 text-xs leading-5 text-rose-200",children:[h.jsx(Qt,{size:15,className:"mt-0.5 shrink-0"})," ",l]}),h.jsxs("button",{type:"button",onClick:()=>z(),className:"flex h-11 w-full items-center justify-center gap-2 rounded-xl bg-emerald-300 text-sm font-bold text-slate-950 transition-colors hover:bg-emerald-200",children:[h.jsx(Jt,{size:16})," Build visualization"]}),h.jsx("p",{className:"mt-3 text-[10px] leading-5 text-slate-600",children:"Supported: declarations, assignment, arrays, if/else, for, for…of, while, break/continue, console.log, basic Math, and safe array methods. Functions, objects, imports, network access, DOM access, recursion, and dynamic evaluation are rejected."})]})]}),h.jsxs("section",{className:"space-y-5","aria-label":"Code visualization",children:[h.jsxs("div",{className:"book-panel overflow-hidden",children:[h.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-3 border-b border-white/[0.07] px-4 py-3",children:[h.jsxs("div",{children:[h.jsx("p",{className:"text-[9px] font-bold uppercase tracking-[0.18em] text-emerald-300",children:"Execution trace"}),h.jsxs("h2",{className:"mt-0.5 text-sm font-semibold text-white",children:["Step ",r+1," of ",i.frames.length]})]}),h.jsxs("div",{className:"flex items-center gap-1.5",children:[h.jsx("button",{type:"button",onClick:()=>F(0),"aria-label":"Restart visualization",className:"trace-control",children:h.jsx(ei,{size:14})}),h.jsx("button",{type:"button",onClick:()=>F(r-1),"aria-label":"Previous step",disabled:r===0,className:"trace-control",children:h.jsx(ti,{size:14})}),h.jsx("button",{type:"button",onClick:()=>u(g=>!g),"aria-label":o?"Pause visualization":"Play visualization",className:"trace-control trace-control-primary",children:o?h.jsx(ii,{size:14}):h.jsx(si,{size:14})}),h.jsx("button",{type:"button",onClick:()=>F(r+1),"aria-label":"Next step",disabled:r===i.frames.length-1,className:"trace-control",children:h.jsx(Yt,{size:14})})]})]}),h.jsx("div",{className:"px-4 py-3",children:h.jsx("input",{type:"range",min:0,max:Math.max(0,i.frames.length-1),value:r,onChange:g=>F(Number(g.target.value)),className:"w-full accent-emerald-300","aria-label":"Visualization step"})})]}),f&&h.jsxs(h.Fragment,{children:[h.jsxs("div",{className:"grid gap-5 lg:grid-cols-[minmax(0,1fr)_280px]",children:[h.jsxs("div",{className:"book-panel p-4 sm:p-5",children:[h.jsxs("div",{className:"mb-4 flex items-center justify-between gap-3",children:[h.jsxs("div",{children:[h.jsx("p",{className:"text-[9px] font-bold uppercase tracking-[0.18em] text-slate-600",children:"Current action"}),h.jsx("p",{className:"mt-1 text-sm font-semibold text-white",children:f.description})]}),h.jsxs("span",{className:"rounded-lg bg-emerald-300/10 px-2.5 py-1 font-mono text-[10px] text-emerald-200 ring-1 ring-emerald-300/20",children:["line ",f.line]})]}),h.jsx(is,{frame:f})]}),h.jsxs("div",{className:"book-panel p-4",children:[h.jsx("p",{className:"text-[9px] font-bold uppercase tracking-[0.18em] text-slate-600",children:"Variables"}),h.jsx("div",{className:"mt-3 max-h-[315px] space-y-2 overflow-auto",children:Object.entries(f.variables).map(([g,N])=>h.jsxs("div",{className:`rounded-xl border p-3 transition-colors ${K.has(g)?"border-emerald-300/20 bg-emerald-300/[0.06]":"border-white/[0.06] bg-black/10"}`,children:[h.jsxs("div",{className:"flex items-center justify-between gap-2",children:[h.jsx("span",{className:"font-mono text-[10px] font-semibold text-slate-400",children:g}),K.has(g)&&h.jsx(Xt,{size:11,className:"text-emerald-300"})]}),h.jsx("p",{className:"mt-1 break-all font-mono text-[11px] leading-5 text-slate-200",children:$t(N)})]},g))})]})]}),h.jsxs("div",{className:"grid gap-5 lg:grid-cols-[minmax(0,1fr)_280px]",children:[h.jsxs("div",{className:"book-panel overflow-hidden",children:[h.jsx("div",{className:"border-b border-white/[0.07] px-4 py-3 text-[9px] font-bold uppercase tracking-[0.18em] text-slate-600",children:"Source playback"}),h.jsx("pre",{className:"max-h-80 overflow-auto bg-[#080d18] p-3 font-mono text-[11px] leading-6",children:I.map((g,N)=>{const Qe=N+1===f.line;return h.jsxs("div",{className:`flex rounded-md px-2 ${Qe?"bg-emerald-300/12 text-emerald-100 ring-1 ring-emerald-300/20":"text-slate-500"}`,children:[h.jsx("span",{className:`mr-4 w-6 shrink-0 select-none text-right ${Qe?"text-emerald-300":"text-slate-700"}`,children:N+1}),h.jsx("code",{children:g||" "})]},N)})})]}),h.jsxs("div",{className:"space-y-5",children:[h.jsxs("div",{className:"book-panel p-4",children:[h.jsx("p",{className:"text-[9px] font-bold uppercase tracking-[0.18em] text-slate-600",children:"Run budget"}),h.jsxs("dl",{className:"mt-3 space-y-2 text-[10px]",children:[h.jsxs("div",{className:"flex justify-between gap-3",children:[h.jsx("dt",{className:"text-slate-500",children:"Operations"}),h.jsxs("dd",{className:"font-mono text-slate-300",children:[i.metrics.operations,"/",m.operations]})]}),h.jsxs("div",{className:"flex justify-between gap-3",children:[h.jsx("dt",{className:"text-slate-500",children:"Loop iterations"}),h.jsxs("dd",{className:"font-mono text-slate-300",children:[i.metrics.loopIterations,"/",m.loopIterations]})]}),h.jsxs("div",{className:"flex justify-between gap-3",children:[h.jsx("dt",{className:"text-slate-500",children:"Peak cells"}),h.jsxs("dd",{className:"font-mono text-slate-300",children:[i.metrics.peakCells,"/",m.totalCells]})]}),h.jsxs("div",{className:"flex justify-between gap-3",children:[h.jsx("dt",{className:"text-slate-500",children:"Syntax nodes"}),h.jsxs("dd",{className:"font-mono text-slate-300",children:[i.metrics.astNodes,"/",m.astNodes]})]})]})]}),h.jsxs("div",{className:"book-panel p-4",children:[h.jsx("p",{className:"text-[9px] font-bold uppercase tracking-[0.18em] text-slate-600",children:"Console"}),h.jsx("div",{className:"mt-3 min-h-16 font-mono text-[10px] leading-5 text-slate-400",children:f.output.length?f.output.map((g,N)=>h.jsxs("p",{children:["> ",g]},N)):h.jsx("p",{className:"text-slate-700",children:"No output yet"})})]})]})]})]})]})]})]})})}export{hs as default};
diff --git a/docs/assets/DijkstraGamePage-BLLSsKgV.js b/docs/assets/DijkstraGamePage-DovdEQ8Y.js
similarity index 98%
rename from docs/assets/DijkstraGamePage-BLLSsKgV.js
rename to docs/assets/DijkstraGamePage-DovdEQ8Y.js
index 340ee2c..c9e9014 100644
--- a/docs/assets/DijkstraGamePage-BLLSsKgV.js
+++ b/docs/assets/DijkstraGamePage-DovdEQ8Y.js
@@ -1 +1 @@
-import{c as Ge,r as x,j as e,E as Ve}from"./index-eCXyAnHs.js";import{M as Be}from"./map-4vhpgcAJ.js";import{S as Fe}from"./shuffle-CdKU4ZYx.js";import{C as Oe,a as _e}from"./chevron-right-BZqZw4c2.js";import{P as Le}from"./pause-nC-0zhw8.js";import{P as Pe}from"./play-BqZilH6N.js";import{R as ue}from"./route-CjoQmFsM.js";import{T as qe}from"./timer-DSbfy6P3.js";import{T as We}from"./trophy-DkUzH7jB.js";import{R as He}from"./rotate-ccw-B8GZP3d7.js";import{E as Ue}from"./eye-off-EsCpy5pU.js";import{V as Ye,a as Qe}from"./volume-x-CTbtCvt-.js";import{g as Ze}from"./audioContext-NbgqvQGz.js";const Xe=[["path",{d:"M9 14 4 9l5-5",key:"102s5s"}],["path",{d:"M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11",key:"f3b9sd"}]],Je=Ge("undo-2",Xe),L=20,Ke=["#1e293b","#0f3b3f","#312e81","#3b2416","#064e3b"];function et({graph:s,startNode:n,endNode:d,playerPath:r,optimalPath:f,showOptimal:l,currentAlgoStep:p,selectingPhase:j,onClickNode:a}){const i=x.useMemo(()=>{const t=new Set;for(let o=0;o{const t=new Set;if(l)for(let o=0;o{const t={};for(const o of s.nodes)t[o.id]={x:o.x,y:o.y};return t},[s.nodes]),A=j==="start"||j==="end"?"cursor-crosshair":"cursor-pointer",z=j==="start"?"Click an intersection to set START DEPOT":j==="end"?"Click an intersection to set DELIVERY DESTINATION":null,$=[...p?.queue??[]].sort((t,o)=>t.distance-o.distance).slice(0,5),C={intersections:s.nodes.length,roads:s.edges.length,avgTraffic:s.edges.length?Math.round(s.edges.reduce((t,o)=>t+o.weight,0)/s.edges.length):0};return e.jsxs("div",{className:`relative flex-1 w-full overflow-hidden rounded-[1.5rem] border border-slate-700/50 bg-slate-950/90 p-3 shadow-2xl shadow-black/40 backdrop-blur-sm ${A}`,children:[e.jsx("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_20%_10%,rgba(56,189,248,0.14),transparent_28%),radial-gradient(circle_at_80%_80%,rgba(34,197,94,0.1),transparent_30%)]"}),z&&e.jsx("div",{className:"absolute top-5 left-1/2 z-20 -translate-x-1/2 rounded-full bg-slate-950/90 px-4 py-2 text-xs font-semibold uppercase tracking-wide text-sky-200 ring-1 ring-sky-500/30 shadow-xl shadow-sky-950/40 animate-pulse",children:z}),e.jsxs("div",{className:"absolute left-5 top-5 z-10 rounded-2xl border border-slate-700/60 bg-slate-950/85 px-4 py-3 shadow-xl shadow-black/30 backdrop-blur-sm",children:[e.jsx("div",{className:"text-[10px] font-semibold uppercase tracking-[0.24em] text-slate-500",children:"City Routing Map"}),e.jsxs("div",{className:"mt-2 flex gap-3 text-[11px] text-slate-300",children:[e.jsxs("span",{children:[e.jsx("strong",{className:"font-mono text-white",children:C.intersections})," intersections"]}),e.jsxs("span",{children:[e.jsx("strong",{className:"font-mono text-white",children:C.roads})," roads"]}),e.jsxs("span",{children:[e.jsx("strong",{className:"font-mono text-white",children:C.avgTraffic})," avg min"]})]})]}),e.jsxs("div",{className:"absolute right-5 top-5 z-10 hidden rounded-2xl border border-slate-700/60 bg-slate-950/85 px-4 py-3 shadow-xl shadow-black/30 backdrop-blur-sm sm:block",children:[e.jsx("div",{className:"mb-2 text-[10px] font-semibold uppercase tracking-[0.24em] text-slate-500",children:"Legend"}),e.jsxs("div",{className:"grid grid-cols-2 gap-x-3 gap-y-1.5 text-[10px] text-slate-400",children:[e.jsx(F,{color:"bg-yellow-300",label:"Depot"}),e.jsx(F,{color:"bg-orange-400",label:"Dropoff"}),e.jsx(F,{color:"bg-indigo-400",label:"Your route"}),e.jsx(F,{color:"bg-emerald-400",label:"Best route"}),e.jsx(F,{color:"bg-sky-400",label:"Scanning"}),e.jsx(F,{color:"bg-slate-500",label:"Unvisited"})]})]}),p&&e.jsxs("div",{className:"absolute bottom-5 left-5 z-10 max-w-sm rounded-2xl border border-slate-700/60 bg-slate-950/90 p-4 shadow-xl shadow-black/35 backdrop-blur-sm",children:[e.jsx("div",{className:"mb-1 text-[10px] font-semibold uppercase tracking-[0.24em] text-sky-300",children:"Dijkstra Live Scan"}),e.jsx("p",{className:"text-xs leading-relaxed text-slate-300",children:p.description}),$.length>0&&e.jsx("div",{className:"mt-3 flex flex-wrap gap-1.5",children:$.map(t=>e.jsxs("span",{className:"rounded-full bg-sky-500/10 px-2 py-1 text-[10px] font-mono font-semibold text-sky-300 ring-1 ring-sky-500/25",children:[t.id,": ",t.distance]},t.id))})]}),e.jsxs("svg",{viewBox:"0 0 820 400",className:"relative z-0 h-full w-full rounded-[1.15rem]",preserveAspectRatio:"xMidYMid meet",children:[e.jsxs("defs",{children:[e.jsx("pattern",{id:"dijkstra-grid",width:"32",height:"32",patternUnits:"userSpaceOnUse",children:e.jsx("path",{d:"M32 0H0V32",fill:"none",stroke:"#334155",strokeWidth:"0.7",opacity:"0.24"})}),e.jsxs("filter",{id:"soft-glow",x:"-40%",y:"-40%",width:"180%",height:"180%",children:[e.jsx("feGaussianBlur",{stdDeviation:"4",result:"blur"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"blur"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]}),e.jsx("filter",{id:"pin-shadow",x:"-60%",y:"-60%",width:"220%",height:"220%",children:e.jsx("feDropShadow",{dx:"0",dy:"7",stdDeviation:"5",floodColor:"#020617",floodOpacity:"0.65"})})]}),e.jsx("rect",{x:"0",y:"0",width:"820",height:"400",rx:"24",fill:"#020617"}),e.jsx("rect",{x:"0",y:"0",width:"820",height:"400",rx:"24",fill:"url(#dijkstra-grid)"}),[0,1,2,3,4].map(t=>e.jsx("rect",{x:30+t*155,y:t%2===0?38:238,width:112+t%2*34,height:78,rx:18,fill:Ke[t],opacity:"0.26"},t)),e.jsx("path",{d:"M612 40C690 68 760 70 800 42V132C744 154 684 146 612 118Z",fill:"#075985",opacity:"0.18"}),e.jsx("path",{d:"M38 336C96 302 150 306 206 338C154 374 91 382 38 356Z",fill:"#166534",opacity:"0.22"}),s.edges.map(t=>{const o=N[t.source],h=N[t.destination];if(!o||!h)return null;const T=S(t.source,t.destination),E=M(t.source,t.destination);return e.jsxs("g",{children:[e.jsx("line",{x1:o.x,y1:o.y,x2:h.x,y2:h.y,stroke:"#020617",strokeWidth:17,strokeLinecap:"round",opacity:.7}),e.jsx("line",{x1:o.x,y1:o.y,x2:h.x,y2:h.y,stroke:"#1e293b",strokeWidth:13,strokeLinecap:"round"}),e.jsx("line",{x1:o.x,y1:o.y,x2:h.x,y2:h.y,stroke:"#475569",strokeWidth:8,strokeLinecap:"round",opacity:.78}),e.jsx("line",{x1:o.x,y1:o.y,x2:h.x,y2:h.y,stroke:"#cbd5e1",strokeWidth:1.2,strokeLinecap:"round",strokeDasharray:"5 8",opacity:.34}),(i.has([t.source,t.destination].sort().join("-"))||m.has([t.source,t.destination].sort().join("-"))||u&&[u.from,u.to].sort().join("-")===[t.source,t.destination].sort().join("-"))&&e.jsx("line",{x1:o.x,y1:o.y,x2:h.x,y2:h.y,stroke:T,strokeWidth:E+6,strokeLinecap:"round",opacity:.34,filter:"url(#soft-glow)"})]},`${t.id}-road-base`)}),s.edges.map(t=>{const o=N[t.source],h=N[t.destination];if(!o||!h)return null;const T=S(t.source,t.destination),E=M(t.source,t.destination),k=(o.x+h.x)/2,I=(o.y+h.y)/2,b=[t.source,t.destination].sort().join("-"),R=i.has(b)||m.has(b)||u&&[u.from,u.to].sort().join("-")===b;return e.jsxs("g",{children:[e.jsx("line",{x1:o.x,y1:o.y,x2:h.x,y2:h.y,stroke:T,strokeWidth:R?E+2:1.4,strokeLinecap:"round",opacity:R?.96:.18,strokeDasharray:m.has(b)&&!i.has(b)?"9 6":void 0}),e.jsx("rect",{x:k-17,y:I-11,width:34,height:22,rx:8,fill:"#020617",fillOpacity:.92,stroke:R?T:"#475569",strokeWidth:.8,filter:"url(#pin-shadow)"}),e.jsxs("text",{x:k,y:I+.5,textAnchor:"middle",dominantBaseline:"central",fontSize:9,fontWeight:800,fontFamily:"ui-monospace, monospace",fill:R?T:"#cbd5e1",fillOpacity:.95,children:[t.weight,"m"]})]},t.id)}),s.nodes.map(t=>{const o=y(t.id),h=v(t.id),T=p?.distances[t.id],E=T!==void 0&&T!==1/0?T.toString():"",k=t.id===n,I=t.id===d,b=p&&t.id===c,R=p&&w.includes(t.id);return e.jsxs("g",{onClick:()=>a(t.id),className:"cursor-pointer",children:[e.jsx("circle",{cx:t.x,cy:t.y,r:L+12,fill:o,fillOpacity:b?.22:.08,filter:b?"url(#soft-glow)":void 0}),e.jsx("circle",{cx:t.x,cy:t.y,r:L+5,fill:"#020617",stroke:"#0f172a",strokeWidth:7,filter:"url(#pin-shadow)"}),e.jsx("circle",{cx:t.x,cy:t.y,r:L,fill:o,fillOpacity:k||I||b||R?.32:.16,stroke:h,strokeWidth:k||I?4:2.5}),e.jsx("text",{x:t.x,y:t.y+1,textAnchor:"middle",dominantBaseline:"central",fontSize:13,fontWeight:900,fontFamily:"ui-monospace, monospace",fill:o,children:t.id}),(k||I)&&e.jsxs("g",{children:[e.jsx("path",{d:`M${t.x-8} ${t.y-41}h16a7 7 0 0 1 7 7v12a7 7 0 0 1-7 7h-16a7 7 0 0 1-7-7v-12a7 7 0 0 1 7-7Z`,fill:k?"#eab308":"#f97316",opacity:"0.95",filter:"url(#pin-shadow)"}),e.jsx("text",{x:t.x,y:t.y-28,textAnchor:"middle",dominantBaseline:"central",fontSize:9,fontWeight:900,fontFamily:"ui-monospace, monospace",fill:"#020617",children:k?"START":"END"})]}),E&&e.jsxs("g",{children:[e.jsx("rect",{x:t.x-20,y:t.y+L+8,width:40,height:16,rx:8,fill:"#020617",stroke:"#334155"}),e.jsxs("text",{x:t.x,y:t.y+L+16.5,textAnchor:"middle",dominantBaseline:"central",fontSize:8,fontWeight:700,fontFamily:"ui-monospace, monospace",fill:"#94a3b8",children:["ETA ",E]})]})]},t.id)})]})]})}function F({color:s,label:n}){return e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx("span",{className:`h-2 w-2 rounded-full ${s}`}),n]})}const xe={explore:{name:"Free Explore",description:"Pick any route and compare your cost to the optimal Dijkstra path."},visualize:{name:"Visualizer",description:"Watch Dijkstra's algorithm run step-by-step with priority queue updates."},race:{name:"Race Mode",description:"Beat the algorithm! Find the shortest path as fast as you can."}},J={title:"Dijkstra Delivery Simulator",subtitle:"Based on Edsger W. Dijkstra's shortest-path algorithm",what:"You're a delivery driver navigating a city. Intersections are nodes, roads are edges, and traffic time is the weight. Find the shortest route from start to destination — then see how your path compares to Dijkstra's optimal solution.",skills:["Graph Theory","Shortest Path","Greedy Algorithms","Priority Queues"]},tt=["explore","visualize","race"],st=[{label:"Slow",value:800},{label:"Med",value:400},{label:"Fast",value:150}];function it(s){const n=Math.floor(s/60),d=s%60;return`${n}:${d.toString().padStart(2,"0")}`}function nt({mode:s,mapType:n,startNode:d,endNode:r,playerPath:f,playerCost:l,optimalCost:p,showOptimal:j,currentAlgoStep:a,algoStepIndex:i,algoStepsTotal:m,isAlgoRunning:w,algoSpeed:c,score:u,timer:y,isComplete:v,lastError:S,soundEnabled:M,selectingPhase:N,onChangeMode:A,onNewMap:z,onReset:$,onToggleOptimal:C,onUndoLastStep:t,onStepForward:o,onStepBack:h,onAutoPlay:T,onSetAlgoSpeed:E,onToggleSound:k}){const I=N==="start"?"Choose depot":N==="end"?"Choose destination":s==="visualize"?"Run algorithm scan":"Build delivery route";return e.jsxs("div",{className:"flex w-full shrink-0 flex-col gap-4 overflow-y-auto pr-1 xl:w-80",children:[e.jsxs("div",{className:"rounded-2xl border border-sky-500/20 bg-slate-950/75 p-4 shadow-2xl shadow-black/30 backdrop-blur-sm",children:[e.jsxs("div",{className:"mb-3 flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-sm font-bold text-sky-200",children:J.title}),e.jsx("p",{className:"text-[10px] text-slate-500 italic",children:J.subtitle})]}),e.jsx("span",{className:"rounded-full bg-sky-500/10 px-2 py-1 text-[9px] font-bold uppercase tracking-wider text-sky-300 ring-1 ring-sky-500/25",children:"Dispatch"})]}),e.jsx("p",{className:"text-xs text-slate-400 leading-relaxed",children:J.what}),e.jsx("div",{className:"mt-2 flex flex-wrap gap-1.5",children:J.skills.map(b=>e.jsx("span",{className:"inline-flex items-center rounded-full bg-violet-500/10 px-2 py-0.5 text-[10px] font-medium text-violet-400 ring-1 ring-violet-500/20",children:b},b))})]}),e.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-950/75 p-4 shadow-xl shadow-black/20 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Game Mode"}),e.jsx("div",{className:"grid gap-2",children:tt.map(b=>e.jsxs("button",{onClick:()=>A(b),className:`rounded-xl px-3 py-2 text-left transition-all duration-200 ${s===b?"bg-indigo-500/20 text-indigo-200 ring-1 ring-indigo-500/40":"bg-slate-900/70 text-slate-400 ring-1 ring-slate-800/80 hover:bg-slate-800/80 hover:text-slate-300"}`,children:[e.jsx("span",{className:"block text-xs font-bold",children:xe[b].name}),e.jsx("span",{className:"mt-0.5 block text-[10px] leading-snug opacity-70",children:xe[b].description})]},b))})]}),e.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-950/75 p-4 shadow-xl shadow-black/20 backdrop-blur-sm",children:[e.jsxs("div",{className:"mb-3 flex items-center justify-between",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400",children:"Map"}),e.jsx("span",{className:"rounded-full bg-slate-900 px-2 py-0.5 text-[9px] font-mono uppercase text-slate-400 ring-1 ring-slate-800",children:n})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsxs("button",{onClick:()=>z("predefined"),className:`flex items-center justify-center gap-1.5 rounded-xl px-3 py-2 text-xs font-medium transition-all ${n==="predefined"?"bg-sky-500/15 text-sky-300 ring-1 ring-sky-500/30":"bg-slate-900/70 text-slate-400 ring-1 ring-slate-800/80 hover:bg-slate-800/80 hover:text-slate-300"}`,children:[e.jsx(Be,{size:12})," Preset"]}),e.jsxs("button",{onClick:()=>z("random"),className:`flex items-center justify-center gap-1.5 rounded-xl px-3 py-2 text-xs font-medium transition-all ${n==="random"?"bg-sky-500/15 text-sky-300 ring-1 ring-sky-500/30":"bg-slate-900/70 text-slate-400 ring-1 ring-slate-800/80 hover:bg-slate-800/80 hover:text-slate-300"}`,children:[e.jsx(Fe,{size:12})," Random"]})]})]}),e.jsxs("div",{className:"rounded-2xl border border-emerald-500/20 bg-slate-950/75 p-4 shadow-xl shadow-black/20 backdrop-blur-sm",children:[e.jsxs("div",{className:"mb-3 flex items-center justify-between",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400",children:"Mission"}),e.jsx("span",{className:"rounded-full bg-emerald-500/10 px-2 py-0.5 text-[9px] font-bold uppercase tracking-wider text-emerald-300 ring-1 ring-emerald-500/25",children:I})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsx(fe,{label:"Depot",value:d??"unset",tone:"yellow"}),e.jsx(fe,{label:"Dropoff",value:r??"unset",tone:"orange"})]}),f.length>0&&e.jsxs("div",{className:"mt-3 rounded-xl bg-slate-900/70 p-3 ring-1 ring-slate-800/80",children:[e.jsx("p",{className:"mb-2 text-[10px] font-semibold uppercase tracking-wider text-slate-500",children:"Route manifest"}),e.jsx("div",{className:"flex flex-wrap gap-1",children:f.map((b,R)=>e.jsx("span",{className:"inline-flex items-center rounded-md bg-indigo-500/15 px-1.5 py-0.5 text-[10px] font-mono font-semibold text-indigo-300 ring-1 ring-indigo-500/20",children:b},`${b}-${R}`))})]})]}),s==="visualize"&&d&&r&&e.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-950/75 p-4 shadow-xl shadow-black/20 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Algorithm"}),e.jsxs("div",{className:"flex gap-2 mb-3",children:[e.jsxs("button",{onClick:h,disabled:i<=0,className:"flex-1 flex items-center justify-center gap-1 rounded-xl bg-slate-900/70 px-2 py-2 text-xs font-medium text-slate-400 ring-1 ring-slate-800/80 hover:bg-slate-800/80 hover:text-slate-300 disabled:opacity-30 disabled:cursor-not-allowed",children:[e.jsx(Oe,{size:14})," Prev"]}),e.jsx("button",{onClick:T,className:`flex-1 flex items-center justify-center gap-1 rounded-xl px-2 py-2 text-xs font-medium transition-all ${w?"bg-amber-500/20 text-amber-300 ring-1 ring-amber-500/30":"bg-indigo-500/20 text-indigo-300 ring-1 ring-indigo-500/30 hover:bg-indigo-500/30"}`,children:w?e.jsxs(e.Fragment,{children:[e.jsx(Le,{size:14})," Pause"]}):e.jsxs(e.Fragment,{children:[e.jsx(Pe,{size:14})," Play"]})}),e.jsxs("button",{onClick:o,disabled:i>=m-1,className:"flex-1 flex items-center justify-center gap-1 rounded-xl bg-slate-900/70 px-2 py-2 text-xs font-medium text-slate-400 ring-1 ring-slate-800/80 hover:bg-slate-800/80 hover:text-slate-300 disabled:opacity-30 disabled:cursor-not-allowed",children:["Next ",e.jsx(_e,{size:14})]})]}),e.jsx("div",{className:"flex gap-1 mb-2",children:st.map(b=>e.jsx("button",{onClick:()=>E(b.value),className:`flex-1 rounded-md px-2 py-1 text-[10px] font-medium transition-all ${c===b.value?"bg-indigo-500/20 text-indigo-300 ring-1 ring-indigo-500/30":"bg-slate-800/50 text-slate-500 hover:text-slate-400"}`,children:b.label},b.value))}),m>0&&e.jsxs("div",{className:"flex items-center justify-between text-[10px] text-slate-500",children:[e.jsx("span",{children:"Step"}),e.jsxs("span",{className:"font-mono font-semibold text-indigo-300",children:[Math.max(0,i+1)," / ",m]})]})]}),d&&r&&e.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-950/75 p-4 shadow-xl shadow-black/20 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Route Info"}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("span",{className:"flex items-center gap-1.5 text-xs text-slate-500",children:[e.jsx(ue,{size:11})," Your Cost"]}),e.jsx("span",{className:"text-sm font-mono font-bold text-indigo-300",children:l>0||v?l:"—"})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("span",{className:"flex items-center gap-1.5 text-xs text-slate-500",children:[e.jsx(ue,{size:11})," Optimal"]}),e.jsx("span",{className:`text-sm font-mono font-bold ${j?"text-emerald-300":"text-slate-600"}`,children:j?p:"???"})]}),v&&l>0&&e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-xs text-slate-500",children:"Difference"}),e.jsx("span",{className:`text-sm font-mono font-bold ${l===p?"text-emerald-400":"text-amber-400"}`,children:l===p?"Perfect!":`+${l-p}`})]}),s==="race"&&v&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("span",{className:"flex items-center gap-1.5 text-xs text-slate-500",children:[e.jsx(qe,{size:11})," Time"]}),e.jsx("span",{className:"text-sm font-mono font-bold text-sky-300",children:it(y)})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("span",{className:"flex items-center gap-1.5 text-xs text-slate-500",children:[e.jsx(We,{size:11})," Score"]}),e.jsx("span",{className:"text-sm font-mono font-bold text-amber-300",children:u})]})]})]})]}),s==="visualize"&&a&&e.jsxs("div",{className:`rounded-2xl border p-4 shadow-xl shadow-black/20 backdrop-blur-sm ${a.type==="relax"?"border-amber-500/30 bg-amber-500/5":a.type==="done"?"border-emerald-500/30 bg-emerald-500/5":"border-slate-700/50 bg-slate-950/75"}`,children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-2",children:"Current Step"}),e.jsx("p",{className:"text-xs text-slate-300 leading-relaxed",children:a.description}),a.queue.length>0&&e.jsxs("div",{className:"mt-2",children:[e.jsx("p",{className:"text-[10px] text-slate-500 mb-1",children:"Priority Queue:"}),e.jsx("div",{className:"flex flex-wrap gap-1",children:[...a.queue].sort((b,R)=>b.distance-R.distance).map(b=>e.jsxs("span",{className:"inline-flex items-center rounded-md bg-sky-500/10 px-1.5 py-0.5 text-[10px] font-mono text-sky-300 ring-1 ring-sky-500/20",children:[b.id,":",b.distance]},b.id))})]})]}),S&&e.jsx("div",{className:"rounded-xl border border-red-500/30 bg-red-500/5 px-3 py-2 text-center text-xs font-medium text-red-400 shadow-xl shadow-red-950/20 animate-pulse",children:S}),e.jsxs("div",{className:"grid grid-cols-3 gap-2",children:[e.jsxs("button",{onClick:$,className:"flex items-center justify-center gap-1.5 rounded-xl bg-slate-950/80 px-3 py-2 text-xs font-medium text-slate-400 ring-1 ring-slate-800 transition-all hover:bg-slate-800/80 hover:text-slate-300",children:[e.jsx(He,{size:12})," Reset"]}),s!=="visualize"&&e.jsxs("button",{onClick:t,disabled:f.length<=1||v,className:"flex items-center justify-center gap-1.5 rounded-xl bg-slate-950/80 px-3 py-2 text-xs font-medium text-slate-400 ring-1 ring-slate-800 transition-all hover:bg-slate-800/80 hover:text-slate-300 disabled:opacity-30 disabled:cursor-not-allowed",children:[e.jsx(Je,{size:12})," Undo"]}),s!=="visualize"&&d&&r&&e.jsxs("button",{onClick:C,className:`flex items-center justify-center gap-1.5 rounded-xl px-3 py-2 text-xs font-medium transition-all ${j?"bg-emerald-500/15 text-emerald-300 ring-1 ring-emerald-500/30":"bg-slate-950/80 text-slate-400 ring-1 ring-slate-800 hover:bg-slate-800/80 hover:text-slate-300"}`,children:[j?e.jsx(Ve,{size:12}):e.jsx(Ue,{size:12})," Best"]}),e.jsxs("button",{onClick:()=>k(!M),className:`flex items-center justify-center gap-1.5 rounded-xl px-3 py-2 text-xs font-medium transition-all ${M?"bg-indigo-500/15 text-indigo-300 ring-1 ring-indigo-500/30":"bg-slate-950/80 text-slate-400 ring-1 ring-slate-800 hover:bg-slate-800/80 hover:text-slate-300"}`,children:[M?e.jsx(Ye,{size:12}):e.jsx(Qe,{size:12})," Sound"]})]})]})}function fe({label:s,value:n,tone:d}){const r={yellow:"text-yellow-300 ring-yellow-500/25 bg-yellow-500/10",orange:"text-orange-300 ring-orange-500/25 bg-orange-500/10"};return e.jsxs("div",{className:`rounded-xl p-3 ring-1 ${r[d]}`,children:[e.jsx("div",{className:"text-[9px] font-semibold uppercase tracking-wider opacity-65",children:s}),e.jsx("div",{className:"mt-1 font-mono text-lg font-black",children:n})]})}let P=0,q=0;function at(){return String.fromCharCode(65+P++%26)}function ge(){P=0,q=0}function me(){return`e${q++}`}function re(s,n){return Math.sqrt((s.x-n.x)**2+(s.y-n.y)**2)}function pe(s){ge();const n=[rt,ot,lt];return n[s%n.length]()}function rt(){const s=[{id:"A",x:80,y:200,distance:1/0,visited:!1,previous:null},{id:"B",x:220,y:80,distance:1/0,visited:!1,previous:null},{id:"C",x:220,y:320,distance:1/0,visited:!1,previous:null},{id:"D",x:400,y:80,distance:1/0,visited:!1,previous:null},{id:"E",x:400,y:200,distance:1/0,visited:!1,previous:null},{id:"F",x:400,y:320,distance:1/0,visited:!1,previous:null},{id:"G",x:560,y:200,distance:1/0,visited:!1,previous:null},{id:"H",x:700,y:200,distance:1/0,visited:!1,previous:null}];P=8;const n=[{id:"e0",source:"A",destination:"B",weight:4},{id:"e1",source:"A",destination:"C",weight:2},{id:"e2",source:"B",destination:"D",weight:5},{id:"e3",source:"B",destination:"E",weight:10},{id:"e4",source:"C",destination:"E",weight:3},{id:"e5",source:"C",destination:"F",weight:8},{id:"e6",source:"D",destination:"G",weight:2},{id:"e7",source:"E",destination:"G",weight:6},{id:"e8",source:"F",destination:"G",weight:1},{id:"e9",source:"G",destination:"H",weight:3},{id:"e10",source:"D",destination:"E",weight:1}];return q=11,{nodes:s,edges:n}}function ot(){const s=[{id:"A",x:100,y:150,distance:1/0,visited:!1,previous:null},{id:"B",x:250,y:50,distance:1/0,visited:!1,previous:null},{id:"C",x:250,y:250,distance:1/0,visited:!1,previous:null},{id:"D",x:400,y:150,distance:1/0,visited:!1,previous:null},{id:"E",x:550,y:50,distance:1/0,visited:!1,previous:null},{id:"F",x:550,y:250,distance:1/0,visited:!1,previous:null},{id:"G",x:700,y:150,distance:1/0,visited:!1,previous:null}];P=7;const n=[{id:"e0",source:"A",destination:"B",weight:7},{id:"e1",source:"A",destination:"C",weight:3},{id:"e2",source:"B",destination:"D",weight:2},{id:"e3",source:"C",destination:"D",weight:5},{id:"e4",source:"C",destination:"F",weight:12},{id:"e5",source:"D",destination:"E",weight:4},{id:"e6",source:"D",destination:"F",weight:3},{id:"e7",source:"E",destination:"G",weight:1},{id:"e8",source:"F",destination:"G",weight:2},{id:"e9",source:"B",destination:"E",weight:9}];return q=10,{nodes:s,edges:n}}function lt(){const s=[{id:"A",x:80,y:180,distance:1/0,visited:!1,previous:null},{id:"B",x:200,y:60,distance:1/0,visited:!1,previous:null},{id:"C",x:200,y:300,distance:1/0,visited:!1,previous:null},{id:"D",x:350,y:180,distance:1/0,visited:!1,previous:null},{id:"E",x:500,y:60,distance:1/0,visited:!1,previous:null},{id:"F",x:500,y:300,distance:1/0,visited:!1,previous:null},{id:"G",x:650,y:120,distance:1/0,visited:!1,previous:null},{id:"H",x:650,y:240,distance:1/0,visited:!1,previous:null},{id:"I",x:780,y:180,distance:1/0,visited:!1,previous:null}];P=9;const n=[{id:"e0",source:"A",destination:"B",weight:3},{id:"e1",source:"A",destination:"C",weight:6},{id:"e2",source:"A",destination:"D",weight:7},{id:"e3",source:"B",destination:"D",weight:2},{id:"e4",source:"B",destination:"E",weight:8},{id:"e5",source:"C",destination:"D",weight:3},{id:"e6",source:"C",destination:"F",weight:4},{id:"e7",source:"D",destination:"E",weight:2},{id:"e8",source:"D",destination:"F",weight:5},{id:"e9",source:"E",destination:"G",weight:1},{id:"e10",source:"F",destination:"H",weight:2},{id:"e11",source:"G",destination:"I",weight:4},{id:"e12",source:"H",destination:"I",weight:3},{id:"e13",source:"G",destination:"H",weight:2}];return q=14,{nodes:s,edges:n}}function ct(s=12){ge();const n=750,d=360,r=60,f=80,l=[];let p=0;for(;l.lengthre(v,{x:c,y:u})u).filter(c=>c>0));for(;m.size>0;){let c=1/0,u=0,y=0;for(const M of i)for(const N of m){const A=re(l[M],l[N]);A0;){j.sort((c,u)=>c.distance-u.distance);const i=j.shift();if(p.has(i.id))continue;p.add(i.id);const m=[...p];if(r.push({type:"visit",currentNodeId:i.id,description:`Visit node ${i.id} (distance = ${f[i.id]})`,distances:{...f},visited:m,previous:{...l},queue:[...j]}),i.id===d)break;const w=be(s,i.id);for(const c of w){if(p.has(c.id))continue;const u=f[i.id]+c.weight,y=f[c.id];if(uS.id===c.id);v>=0?j[v].distance=u:j.push({id:c.id,distance:u}),r.push({type:"relax",currentNodeId:i.id,description:`Relax edge ${i.id} → ${c.id}: distance updated from ${y===1/0?"∞":y} to ${u}`,distances:{...f},visited:[...p],previous:{...l},queue:[...j],relaxedEdge:{from:i.id,to:c.id,oldDist:y,newDist:u}})}}}const a=je(l,n,d);return r.push({type:"done",currentNodeId:d,description:a.length>0?`Done! Shortest path: ${a.join(" → ")} (cost: ${f[d]})`:`No path found from ${n} to ${d}`,distances:{...f},visited:[...p],previous:{...l},queue:[]}),r}function je(s,n,d){const r=[];let f=d;for(;f!==null&&(r.unshift(f),f!==n);)f=s[f];return r[0]!==n?[]:r}function dt(s,n,d){const r=ye(s,n,d),f=r[r.length-1],l=je(f.previous,n,d),p=f.distances[d]??1/0;return{path:l,cost:p===1/0?-1:p}}function ut(s,n){let d=0;for(let r=0;rl.source===n[r]&&l.destination===n[r+1]||l.destination===n[r]&&l.source===n[r+1]);if(!f)return-1;d+=f.weight}return d}function xt(s,n,d){if(n<=0||s<0)return 0;const r=100,f=(s-n)*5,l=Math.floor(d/3),p=s===n?50:0;return Math.max(0,r-f-l+p)}const he=[329.63,392,440,493.88,523.25,587.33,659.25,783.99];function ft(){const s=x.useRef(!0),n=x.useCallback(()=>Ze(),[]),d=x.useCallback(a=>{s.current=a},[]),r=x.useCallback(a=>{if(!s.current)return;const i=n();if(!i)return;const m=he[a%he.length],w=i.createOscillator(),c=i.createGain();w.type="sine",w.frequency.setValueAtTime(m,i.currentTime),c.gain.setValueAtTime(.1,i.currentTime),c.gain.exponentialRampToValueAtTime(.001,i.currentTime+.25),w.connect(c),c.connect(i.destination),w.start(),w.stop(i.currentTime+.25)},[n]),f=x.useCallback(()=>{if(!s.current)return;const a=n();if(!a)return;const i=a.createOscillator(),m=a.createGain();i.type="triangle",i.frequency.setValueAtTime(600,a.currentTime),i.frequency.setValueAtTime(800,a.currentTime+.08),m.gain.setValueAtTime(.06,a.currentTime),m.gain.exponentialRampToValueAtTime(.001,a.currentTime+.15),i.connect(m),m.connect(a.destination),i.start(),i.stop(a.currentTime+.15)},[n]),l=x.useCallback(()=>{if(!s.current)return;const a=n();if(!a)return;const i=a.createOscillator(),m=a.createGain();i.type="sine",i.frequency.setValueAtTime(520,a.currentTime),m.gain.setValueAtTime(.08,a.currentTime),m.gain.exponentialRampToValueAtTime(.001,a.currentTime+.1),i.connect(m),m.connect(a.destination),i.start(),i.stop(a.currentTime+.1)},[n]),p=x.useCallback(()=>{if(!s.current)return;const a=n();if(!a)return;const i=a.createOscillator(),m=a.createGain();i.type="sawtooth",i.frequency.setValueAtTime(200,a.currentTime),i.frequency.setValueAtTime(140,a.currentTime+.12),m.gain.setValueAtTime(.07,a.currentTime),m.gain.exponentialRampToValueAtTime(.001,a.currentTime+.25),i.connect(m),m.connect(a.destination),i.start(),i.stop(a.currentTime+.25)},[n]),j=x.useCallback(a=>{if(!s.current)return;const i=n();if(!i)return;(a?[523.25,587.33,659.25,783.99,880,1046.5]:[400,350,300]).forEach((w,c)=>{const u=i.createOscillator(),y=i.createGain();u.type="sine",u.frequency.value=w,y.gain.setValueAtTime(.07,i.currentTime+c*.08),y.gain.exponentialRampToValueAtTime(.001,i.currentTime+c*.08+.18),u.connect(y),y.connect(i.destination),u.start(i.currentTime+c*.08),u.stop(i.currentTime+c*.08+.18)})},[n]);return{playVisitTone:r,playRelaxTone:f,playClickTone:l,playErrorTone:p,playCompleteSweep:j,setEnabled:d}}function mt(){const[s,n]=x.useState("explore"),[d,r]=x.useState(()=>pe(0)),[f,l]=x.useState("predefined"),[p,j]=x.useState(0),[a,i]=x.useState(null),[m,w]=x.useState(null),[c,u]=x.useState([]),[y,v]=x.useState(0),[S,M]=x.useState([]),[N,A]=x.useState(0),[z,$]=x.useState(!1),[C,t]=x.useState([]),[o,h]=x.useState(-1),[T,E]=x.useState(!1),k=x.useRef(null),[I,b]=x.useState(500),[R,W]=x.useState(0),[ee,te]=x.useState(0),[oe,se]=x.useState(!1),O=x.useRef(null),[ve,we]=x.useState(!0),[ke,V]=x.useState(null),[ie,le]=x.useState(!1),[H,U]=x.useState("start"),{playVisitTone:Y,playRelaxTone:Q,playClickTone:Z,playErrorTone:ne,playCompleteSweep:G,setEnabled:ce}=ft(),Ne=x.useCallback(g=>{we(g),ce(g)},[ce]);x.useEffect(()=>(oe&&(O.current=window.setInterval(()=>te(g=>g+1),1e3)),()=>{O.current&&clearInterval(O.current)}),[oe]);const Ce=o>=0&&o{if(V(null),H==="start"){i(g),U("end"),Z();return}if(H==="end"){if(g===a){V("Destination must be different from start"),ne();return}w(g),Z();const B=dt(d,a,g);if(M(B.path),A(B.cost),s==="visualize"){const ze=ye(d,a,g);t(ze),h(-1),U("path")}else u([a]),v(0),U("path"),s==="race"&&(se(!0),te(0));return}if(s==="visualize"||c.length===0)return;const D=c[c.length-1];if(g===D)return;const de=be(d,D).find(B=>B.id===g);if(!de){V(`${g} is not adjacent to ${D}`),ne(),setTimeout(()=>V(null),1500);return}Z();const $e=[...c,g],ae=y+de.weight;if(u($e),v(ae),g===m)if(le(!0),se(!1),$(!0),s==="race"){const B=xt(ae,N,ee);W(B),G(ae===N)}else G(!0)},[H,a,m,d,s,c,y,N,ee,Z,ne,G]),Se=x.useCallback(()=>{if(c.length<=1||ie)return;const g=c.slice(0,-1);u(g),v(ut(d,g)),V(null)},[c,d,ie]),Me=x.useCallback(()=>{C.length!==0&&h(g=>{const D=Math.min(g+1,C.length-1),X=C[D];return X.type==="visit"&&Y(D),X.type==="relax"&&Q(),X.type==="done"&&G(!0),D})},[C,Y,Q,G]),De=x.useCallback(()=>{h(g=>Math.max(g-1,0))},[]),Ee=x.useCallback(()=>{if(T){k.current&&clearInterval(k.current),E(!1);return}E(!0);let g=o<0?0:o;k.current=window.setInterval(()=>{if(g>=C.length-1){k.current&&clearInterval(k.current),E(!1);return}g++,h(g);const D=C[g];D.type==="visit"&&Y(g),D.type==="relax"&&Q(),D.type==="done"&&G(!0)},I)},[T,o,C,I,Y,Q,G]),_=x.useCallback(()=>{i(null),w(null),u([]),v(0),M([]),A(0),$(!1),t([]),h(-1),E(!1),W(0),te(0),se(!1),le(!1),V(null),U("start"),k.current&&clearInterval(k.current),O.current&&clearInterval(O.current),r(g=>({...g,nodes:g.nodes.map(D=>({...D,distance:1/0,visited:!1,previous:null}))}))},[]),Ie=x.useCallback(g=>{n(g),_()},[_]),Re=x.useCallback(g=>{if(l(g),g==="predefined"){const D=(p+1)%3;j(D),r(pe(D))}else r(ct(12));_()},[p,_]),Ae=x.useCallback(()=>{!a||!m||$(g=>!g)},[a,m]);return{mode:s,graph:d,mapType:f,startNode:a,endNode:m,playerPath:c,playerCost:y,optimalPath:S,optimalCost:N,showOptimal:z,algoSteps:C,algoStepIndex:o,currentAlgoStep:Ce,isAlgoRunning:T,algoSpeed:I,setAlgoSpeed:b,score:R,timer:ee,isComplete:ie,lastError:ke,soundEnabled:ve,selectingPhase:H,clickNode:Te,undoLastStep:Se,stepAlgoForward:Me,stepAlgoBack:De,autoPlayAlgo:Ee,resetGame:_,changeMode:Ie,newMap:Re,toggleOptimal:Ae,toggleSound:Ne}}function Mt(){const{mode:s,graph:n,mapType:d,startNode:r,endNode:f,playerPath:l,playerCost:p,optimalPath:j,optimalCost:a,showOptimal:i,algoSteps:m,algoStepIndex:w,currentAlgoStep:c,isAlgoRunning:u,algoSpeed:y,setAlgoSpeed:v,score:S,timer:M,isComplete:N,lastError:A,soundEnabled:z,selectingPhase:$,clickNode:C,undoLastStep:t,stepAlgoForward:o,stepAlgoBack:h,autoPlayAlgo:T,resetGame:E,changeMode:k,newMap:I,toggleOptimal:b,toggleSound:R}=mt(),W=r&&f?`${r} -> ${f}`:"Select depot and destination";return e.jsxs("div",{className:"flex flex-1 flex-col overflow-hidden bg-[radial-gradient(circle_at_top_left,rgba(14,165,233,0.16),transparent_30%),radial-gradient(circle_at_bottom_right,rgba(34,197,94,0.12),transparent_28%)]",children:[e.jsx("div",{className:"border-b border-slate-800/70 bg-slate-950/75 px-4 py-3 shadow-lg shadow-black/20 backdrop-blur-sm md:px-6",children:e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-[0.24em] text-sky-400",children:"Shortest Path Command Center"}),e.jsx("h2",{className:"text-lg font-bold text-white",children:"Dijkstra Delivery Simulator"})]}),e.jsxs("div",{className:"ml-auto flex flex-wrap items-center gap-2",children:[e.jsx(K,{label:"Mode",value:s,tone:"indigo"}),e.jsx(K,{label:"Map",value:d,tone:"sky"}),e.jsx(K,{label:"Route",value:W,tone:"emerald"}),N&&e.jsx(K,{label:"Result",value:p===a?"optimal":`+${p-a} min`,tone:p===a?"emerald":"amber"})]})]})}),e.jsxs("div",{className:"flex flex-1 flex-col gap-4 overflow-auto p-4 md:p-6 xl:flex-row",children:[e.jsx("div",{className:"order-last flex min-h-[620px] flex-1 flex-col gap-4 xl:order-first xl:min-h-0",children:e.jsx(et,{graph:n,startNode:r,endNode:f,playerPath:l,optimalPath:j,showOptimal:i,currentAlgoStep:c,selectingPhase:$,onClickNode:C})}),e.jsx(nt,{mode:s,mapType:d,startNode:r,endNode:f,playerPath:l,playerCost:p,optimalCost:a,showOptimal:i,currentAlgoStep:c,algoStepIndex:w,algoStepsTotal:m.length,isAlgoRunning:u,algoSpeed:y,score:S,timer:M,isComplete:N,lastError:A,soundEnabled:z,selectingPhase:$,onChangeMode:k,onNewMap:I,onReset:E,onToggleOptimal:b,onUndoLastStep:t,onStepForward:o,onStepBack:h,onAutoPlay:T,onSetAlgoSpeed:v,onToggleSound:R})]})]})}function K({label:s,value:n,tone:d}){const r={indigo:"bg-indigo-500/10 text-indigo-200 ring-indigo-500/25",sky:"bg-sky-500/10 text-sky-200 ring-sky-500/25",emerald:"bg-emerald-500/10 text-emerald-200 ring-emerald-500/25",amber:"bg-amber-500/10 text-amber-200 ring-amber-500/25"};return e.jsxs("div",{className:`rounded-full px-3 py-1.5 text-[10px] ring-1 ${r[d]}`,children:[e.jsx("span",{className:"mr-1 uppercase tracking-wider opacity-60",children:s}),e.jsx("span",{className:"font-mono font-bold",children:n})]})}export{Mt as default};
+import{c as Ge,r as x,j as e,E as Ve}from"./index-DBkLeWDs.js";import{M as Be}from"./map-9j6oGOs_.js";import{S as Fe}from"./shuffle-Dlr-c52A.js";import{C as Oe,a as _e}from"./chevron-right-CFBAUJsk.js";import{P as Le}from"./pause-CG1snUW9.js";import{P as Pe}from"./play-mcIZClKO.js";import{R as ue}from"./route-C4zDL9m7.js";import{T as qe}from"./timer-e0gb0oZa.js";import{T as We}from"./trophy-C1QWh03u.js";import{R as He}from"./rotate-ccw-7GTUOPy4.js";import{E as Ue}from"./eye-off-BfEKGZbc.js";import{V as Ye,a as Qe}from"./volume-x-BSx9gxSg.js";import{g as Ze}from"./audioContext-NbgqvQGz.js";const Xe=[["path",{d:"M9 14 4 9l5-5",key:"102s5s"}],["path",{d:"M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11",key:"f3b9sd"}]],Je=Ge("undo-2",Xe),L=20,Ke=["#1e293b","#0f3b3f","#312e81","#3b2416","#064e3b"];function et({graph:s,startNode:n,endNode:d,playerPath:r,optimalPath:f,showOptimal:l,currentAlgoStep:p,selectingPhase:j,onClickNode:a}){const i=x.useMemo(()=>{const t=new Set;for(let o=0;o{const t=new Set;if(l)for(let o=0;o{const t={};for(const o of s.nodes)t[o.id]={x:o.x,y:o.y};return t},[s.nodes]),A=j==="start"||j==="end"?"cursor-crosshair":"cursor-pointer",z=j==="start"?"Click an intersection to set START DEPOT":j==="end"?"Click an intersection to set DELIVERY DESTINATION":null,$=[...p?.queue??[]].sort((t,o)=>t.distance-o.distance).slice(0,5),C={intersections:s.nodes.length,roads:s.edges.length,avgTraffic:s.edges.length?Math.round(s.edges.reduce((t,o)=>t+o.weight,0)/s.edges.length):0};return e.jsxs("div",{className:`relative flex-1 w-full overflow-hidden rounded-[1.5rem] border border-slate-700/50 bg-slate-950/90 p-3 shadow-2xl shadow-black/40 backdrop-blur-sm ${A}`,children:[e.jsx("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_20%_10%,rgba(56,189,248,0.14),transparent_28%),radial-gradient(circle_at_80%_80%,rgba(34,197,94,0.1),transparent_30%)]"}),z&&e.jsx("div",{className:"absolute top-5 left-1/2 z-20 -translate-x-1/2 rounded-full bg-slate-950/90 px-4 py-2 text-xs font-semibold uppercase tracking-wide text-sky-200 ring-1 ring-sky-500/30 shadow-xl shadow-sky-950/40 animate-pulse",children:z}),e.jsxs("div",{className:"absolute left-5 top-5 z-10 rounded-2xl border border-slate-700/60 bg-slate-950/85 px-4 py-3 shadow-xl shadow-black/30 backdrop-blur-sm",children:[e.jsx("div",{className:"text-[10px] font-semibold uppercase tracking-[0.24em] text-slate-500",children:"City Routing Map"}),e.jsxs("div",{className:"mt-2 flex gap-3 text-[11px] text-slate-300",children:[e.jsxs("span",{children:[e.jsx("strong",{className:"font-mono text-white",children:C.intersections})," intersections"]}),e.jsxs("span",{children:[e.jsx("strong",{className:"font-mono text-white",children:C.roads})," roads"]}),e.jsxs("span",{children:[e.jsx("strong",{className:"font-mono text-white",children:C.avgTraffic})," avg min"]})]})]}),e.jsxs("div",{className:"absolute right-5 top-5 z-10 hidden rounded-2xl border border-slate-700/60 bg-slate-950/85 px-4 py-3 shadow-xl shadow-black/30 backdrop-blur-sm sm:block",children:[e.jsx("div",{className:"mb-2 text-[10px] font-semibold uppercase tracking-[0.24em] text-slate-500",children:"Legend"}),e.jsxs("div",{className:"grid grid-cols-2 gap-x-3 gap-y-1.5 text-[10px] text-slate-400",children:[e.jsx(F,{color:"bg-yellow-300",label:"Depot"}),e.jsx(F,{color:"bg-orange-400",label:"Dropoff"}),e.jsx(F,{color:"bg-indigo-400",label:"Your route"}),e.jsx(F,{color:"bg-emerald-400",label:"Best route"}),e.jsx(F,{color:"bg-sky-400",label:"Scanning"}),e.jsx(F,{color:"bg-slate-500",label:"Unvisited"})]})]}),p&&e.jsxs("div",{className:"absolute bottom-5 left-5 z-10 max-w-sm rounded-2xl border border-slate-700/60 bg-slate-950/90 p-4 shadow-xl shadow-black/35 backdrop-blur-sm",children:[e.jsx("div",{className:"mb-1 text-[10px] font-semibold uppercase tracking-[0.24em] text-sky-300",children:"Dijkstra Live Scan"}),e.jsx("p",{className:"text-xs leading-relaxed text-slate-300",children:p.description}),$.length>0&&e.jsx("div",{className:"mt-3 flex flex-wrap gap-1.5",children:$.map(t=>e.jsxs("span",{className:"rounded-full bg-sky-500/10 px-2 py-1 text-[10px] font-mono font-semibold text-sky-300 ring-1 ring-sky-500/25",children:[t.id,": ",t.distance]},t.id))})]}),e.jsxs("svg",{viewBox:"0 0 820 400",className:"relative z-0 h-full w-full rounded-[1.15rem]",preserveAspectRatio:"xMidYMid meet",children:[e.jsxs("defs",{children:[e.jsx("pattern",{id:"dijkstra-grid",width:"32",height:"32",patternUnits:"userSpaceOnUse",children:e.jsx("path",{d:"M32 0H0V32",fill:"none",stroke:"#334155",strokeWidth:"0.7",opacity:"0.24"})}),e.jsxs("filter",{id:"soft-glow",x:"-40%",y:"-40%",width:"180%",height:"180%",children:[e.jsx("feGaussianBlur",{stdDeviation:"4",result:"blur"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"blur"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]}),e.jsx("filter",{id:"pin-shadow",x:"-60%",y:"-60%",width:"220%",height:"220%",children:e.jsx("feDropShadow",{dx:"0",dy:"7",stdDeviation:"5",floodColor:"#020617",floodOpacity:"0.65"})})]}),e.jsx("rect",{x:"0",y:"0",width:"820",height:"400",rx:"24",fill:"#020617"}),e.jsx("rect",{x:"0",y:"0",width:"820",height:"400",rx:"24",fill:"url(#dijkstra-grid)"}),[0,1,2,3,4].map(t=>e.jsx("rect",{x:30+t*155,y:t%2===0?38:238,width:112+t%2*34,height:78,rx:18,fill:Ke[t],opacity:"0.26"},t)),e.jsx("path",{d:"M612 40C690 68 760 70 800 42V132C744 154 684 146 612 118Z",fill:"#075985",opacity:"0.18"}),e.jsx("path",{d:"M38 336C96 302 150 306 206 338C154 374 91 382 38 356Z",fill:"#166534",opacity:"0.22"}),s.edges.map(t=>{const o=N[t.source],h=N[t.destination];if(!o||!h)return null;const T=S(t.source,t.destination),E=M(t.source,t.destination);return e.jsxs("g",{children:[e.jsx("line",{x1:o.x,y1:o.y,x2:h.x,y2:h.y,stroke:"#020617",strokeWidth:17,strokeLinecap:"round",opacity:.7}),e.jsx("line",{x1:o.x,y1:o.y,x2:h.x,y2:h.y,stroke:"#1e293b",strokeWidth:13,strokeLinecap:"round"}),e.jsx("line",{x1:o.x,y1:o.y,x2:h.x,y2:h.y,stroke:"#475569",strokeWidth:8,strokeLinecap:"round",opacity:.78}),e.jsx("line",{x1:o.x,y1:o.y,x2:h.x,y2:h.y,stroke:"#cbd5e1",strokeWidth:1.2,strokeLinecap:"round",strokeDasharray:"5 8",opacity:.34}),(i.has([t.source,t.destination].sort().join("-"))||m.has([t.source,t.destination].sort().join("-"))||u&&[u.from,u.to].sort().join("-")===[t.source,t.destination].sort().join("-"))&&e.jsx("line",{x1:o.x,y1:o.y,x2:h.x,y2:h.y,stroke:T,strokeWidth:E+6,strokeLinecap:"round",opacity:.34,filter:"url(#soft-glow)"})]},`${t.id}-road-base`)}),s.edges.map(t=>{const o=N[t.source],h=N[t.destination];if(!o||!h)return null;const T=S(t.source,t.destination),E=M(t.source,t.destination),k=(o.x+h.x)/2,I=(o.y+h.y)/2,b=[t.source,t.destination].sort().join("-"),R=i.has(b)||m.has(b)||u&&[u.from,u.to].sort().join("-")===b;return e.jsxs("g",{children:[e.jsx("line",{x1:o.x,y1:o.y,x2:h.x,y2:h.y,stroke:T,strokeWidth:R?E+2:1.4,strokeLinecap:"round",opacity:R?.96:.18,strokeDasharray:m.has(b)&&!i.has(b)?"9 6":void 0}),e.jsx("rect",{x:k-17,y:I-11,width:34,height:22,rx:8,fill:"#020617",fillOpacity:.92,stroke:R?T:"#475569",strokeWidth:.8,filter:"url(#pin-shadow)"}),e.jsxs("text",{x:k,y:I+.5,textAnchor:"middle",dominantBaseline:"central",fontSize:9,fontWeight:800,fontFamily:"ui-monospace, monospace",fill:R?T:"#cbd5e1",fillOpacity:.95,children:[t.weight,"m"]})]},t.id)}),s.nodes.map(t=>{const o=y(t.id),h=v(t.id),T=p?.distances[t.id],E=T!==void 0&&T!==1/0?T.toString():"",k=t.id===n,I=t.id===d,b=p&&t.id===c,R=p&&w.includes(t.id);return e.jsxs("g",{onClick:()=>a(t.id),className:"cursor-pointer",children:[e.jsx("circle",{cx:t.x,cy:t.y,r:L+12,fill:o,fillOpacity:b?.22:.08,filter:b?"url(#soft-glow)":void 0}),e.jsx("circle",{cx:t.x,cy:t.y,r:L+5,fill:"#020617",stroke:"#0f172a",strokeWidth:7,filter:"url(#pin-shadow)"}),e.jsx("circle",{cx:t.x,cy:t.y,r:L,fill:o,fillOpacity:k||I||b||R?.32:.16,stroke:h,strokeWidth:k||I?4:2.5}),e.jsx("text",{x:t.x,y:t.y+1,textAnchor:"middle",dominantBaseline:"central",fontSize:13,fontWeight:900,fontFamily:"ui-monospace, monospace",fill:o,children:t.id}),(k||I)&&e.jsxs("g",{children:[e.jsx("path",{d:`M${t.x-8} ${t.y-41}h16a7 7 0 0 1 7 7v12a7 7 0 0 1-7 7h-16a7 7 0 0 1-7-7v-12a7 7 0 0 1 7-7Z`,fill:k?"#eab308":"#f97316",opacity:"0.95",filter:"url(#pin-shadow)"}),e.jsx("text",{x:t.x,y:t.y-28,textAnchor:"middle",dominantBaseline:"central",fontSize:9,fontWeight:900,fontFamily:"ui-monospace, monospace",fill:"#020617",children:k?"START":"END"})]}),E&&e.jsxs("g",{children:[e.jsx("rect",{x:t.x-20,y:t.y+L+8,width:40,height:16,rx:8,fill:"#020617",stroke:"#334155"}),e.jsxs("text",{x:t.x,y:t.y+L+16.5,textAnchor:"middle",dominantBaseline:"central",fontSize:8,fontWeight:700,fontFamily:"ui-monospace, monospace",fill:"#94a3b8",children:["ETA ",E]})]})]},t.id)})]})]})}function F({color:s,label:n}){return e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx("span",{className:`h-2 w-2 rounded-full ${s}`}),n]})}const xe={explore:{name:"Free Explore",description:"Pick any route and compare your cost to the optimal Dijkstra path."},visualize:{name:"Visualizer",description:"Watch Dijkstra's algorithm run step-by-step with priority queue updates."},race:{name:"Race Mode",description:"Beat the algorithm! Find the shortest path as fast as you can."}},J={title:"Dijkstra Delivery Simulator",subtitle:"Based on Edsger W. Dijkstra's shortest-path algorithm",what:"You're a delivery driver navigating a city. Intersections are nodes, roads are edges, and traffic time is the weight. Find the shortest route from start to destination — then see how your path compares to Dijkstra's optimal solution.",skills:["Graph Theory","Shortest Path","Greedy Algorithms","Priority Queues"]},tt=["explore","visualize","race"],st=[{label:"Slow",value:800},{label:"Med",value:400},{label:"Fast",value:150}];function it(s){const n=Math.floor(s/60),d=s%60;return`${n}:${d.toString().padStart(2,"0")}`}function nt({mode:s,mapType:n,startNode:d,endNode:r,playerPath:f,playerCost:l,optimalCost:p,showOptimal:j,currentAlgoStep:a,algoStepIndex:i,algoStepsTotal:m,isAlgoRunning:w,algoSpeed:c,score:u,timer:y,isComplete:v,lastError:S,soundEnabled:M,selectingPhase:N,onChangeMode:A,onNewMap:z,onReset:$,onToggleOptimal:C,onUndoLastStep:t,onStepForward:o,onStepBack:h,onAutoPlay:T,onSetAlgoSpeed:E,onToggleSound:k}){const I=N==="start"?"Choose depot":N==="end"?"Choose destination":s==="visualize"?"Run algorithm scan":"Build delivery route";return e.jsxs("div",{className:"flex w-full shrink-0 flex-col gap-4 overflow-y-auto pr-1 xl:w-80",children:[e.jsxs("div",{className:"rounded-2xl border border-sky-500/20 bg-slate-950/75 p-4 shadow-2xl shadow-black/30 backdrop-blur-sm",children:[e.jsxs("div",{className:"mb-3 flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-sm font-bold text-sky-200",children:J.title}),e.jsx("p",{className:"text-[10px] text-slate-500 italic",children:J.subtitle})]}),e.jsx("span",{className:"rounded-full bg-sky-500/10 px-2 py-1 text-[9px] font-bold uppercase tracking-wider text-sky-300 ring-1 ring-sky-500/25",children:"Dispatch"})]}),e.jsx("p",{className:"text-xs text-slate-400 leading-relaxed",children:J.what}),e.jsx("div",{className:"mt-2 flex flex-wrap gap-1.5",children:J.skills.map(b=>e.jsx("span",{className:"inline-flex items-center rounded-full bg-violet-500/10 px-2 py-0.5 text-[10px] font-medium text-violet-400 ring-1 ring-violet-500/20",children:b},b))})]}),e.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-950/75 p-4 shadow-xl shadow-black/20 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Game Mode"}),e.jsx("div",{className:"grid gap-2",children:tt.map(b=>e.jsxs("button",{onClick:()=>A(b),className:`rounded-xl px-3 py-2 text-left transition-all duration-200 ${s===b?"bg-indigo-500/20 text-indigo-200 ring-1 ring-indigo-500/40":"bg-slate-900/70 text-slate-400 ring-1 ring-slate-800/80 hover:bg-slate-800/80 hover:text-slate-300"}`,children:[e.jsx("span",{className:"block text-xs font-bold",children:xe[b].name}),e.jsx("span",{className:"mt-0.5 block text-[10px] leading-snug opacity-70",children:xe[b].description})]},b))})]}),e.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-950/75 p-4 shadow-xl shadow-black/20 backdrop-blur-sm",children:[e.jsxs("div",{className:"mb-3 flex items-center justify-between",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400",children:"Map"}),e.jsx("span",{className:"rounded-full bg-slate-900 px-2 py-0.5 text-[9px] font-mono uppercase text-slate-400 ring-1 ring-slate-800",children:n})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsxs("button",{onClick:()=>z("predefined"),className:`flex items-center justify-center gap-1.5 rounded-xl px-3 py-2 text-xs font-medium transition-all ${n==="predefined"?"bg-sky-500/15 text-sky-300 ring-1 ring-sky-500/30":"bg-slate-900/70 text-slate-400 ring-1 ring-slate-800/80 hover:bg-slate-800/80 hover:text-slate-300"}`,children:[e.jsx(Be,{size:12})," Preset"]}),e.jsxs("button",{onClick:()=>z("random"),className:`flex items-center justify-center gap-1.5 rounded-xl px-3 py-2 text-xs font-medium transition-all ${n==="random"?"bg-sky-500/15 text-sky-300 ring-1 ring-sky-500/30":"bg-slate-900/70 text-slate-400 ring-1 ring-slate-800/80 hover:bg-slate-800/80 hover:text-slate-300"}`,children:[e.jsx(Fe,{size:12})," Random"]})]})]}),e.jsxs("div",{className:"rounded-2xl border border-emerald-500/20 bg-slate-950/75 p-4 shadow-xl shadow-black/20 backdrop-blur-sm",children:[e.jsxs("div",{className:"mb-3 flex items-center justify-between",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400",children:"Mission"}),e.jsx("span",{className:"rounded-full bg-emerald-500/10 px-2 py-0.5 text-[9px] font-bold uppercase tracking-wider text-emerald-300 ring-1 ring-emerald-500/25",children:I})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsx(fe,{label:"Depot",value:d??"unset",tone:"yellow"}),e.jsx(fe,{label:"Dropoff",value:r??"unset",tone:"orange"})]}),f.length>0&&e.jsxs("div",{className:"mt-3 rounded-xl bg-slate-900/70 p-3 ring-1 ring-slate-800/80",children:[e.jsx("p",{className:"mb-2 text-[10px] font-semibold uppercase tracking-wider text-slate-500",children:"Route manifest"}),e.jsx("div",{className:"flex flex-wrap gap-1",children:f.map((b,R)=>e.jsx("span",{className:"inline-flex items-center rounded-md bg-indigo-500/15 px-1.5 py-0.5 text-[10px] font-mono font-semibold text-indigo-300 ring-1 ring-indigo-500/20",children:b},`${b}-${R}`))})]})]}),s==="visualize"&&d&&r&&e.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-950/75 p-4 shadow-xl shadow-black/20 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Algorithm"}),e.jsxs("div",{className:"flex gap-2 mb-3",children:[e.jsxs("button",{onClick:h,disabled:i<=0,className:"flex-1 flex items-center justify-center gap-1 rounded-xl bg-slate-900/70 px-2 py-2 text-xs font-medium text-slate-400 ring-1 ring-slate-800/80 hover:bg-slate-800/80 hover:text-slate-300 disabled:opacity-30 disabled:cursor-not-allowed",children:[e.jsx(Oe,{size:14})," Prev"]}),e.jsx("button",{onClick:T,className:`flex-1 flex items-center justify-center gap-1 rounded-xl px-2 py-2 text-xs font-medium transition-all ${w?"bg-amber-500/20 text-amber-300 ring-1 ring-amber-500/30":"bg-indigo-500/20 text-indigo-300 ring-1 ring-indigo-500/30 hover:bg-indigo-500/30"}`,children:w?e.jsxs(e.Fragment,{children:[e.jsx(Le,{size:14})," Pause"]}):e.jsxs(e.Fragment,{children:[e.jsx(Pe,{size:14})," Play"]})}),e.jsxs("button",{onClick:o,disabled:i>=m-1,className:"flex-1 flex items-center justify-center gap-1 rounded-xl bg-slate-900/70 px-2 py-2 text-xs font-medium text-slate-400 ring-1 ring-slate-800/80 hover:bg-slate-800/80 hover:text-slate-300 disabled:opacity-30 disabled:cursor-not-allowed",children:["Next ",e.jsx(_e,{size:14})]})]}),e.jsx("div",{className:"flex gap-1 mb-2",children:st.map(b=>e.jsx("button",{onClick:()=>E(b.value),className:`flex-1 rounded-md px-2 py-1 text-[10px] font-medium transition-all ${c===b.value?"bg-indigo-500/20 text-indigo-300 ring-1 ring-indigo-500/30":"bg-slate-800/50 text-slate-500 hover:text-slate-400"}`,children:b.label},b.value))}),m>0&&e.jsxs("div",{className:"flex items-center justify-between text-[10px] text-slate-500",children:[e.jsx("span",{children:"Step"}),e.jsxs("span",{className:"font-mono font-semibold text-indigo-300",children:[Math.max(0,i+1)," / ",m]})]})]}),d&&r&&e.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-950/75 p-4 shadow-xl shadow-black/20 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Route Info"}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("span",{className:"flex items-center gap-1.5 text-xs text-slate-500",children:[e.jsx(ue,{size:11})," Your Cost"]}),e.jsx("span",{className:"text-sm font-mono font-bold text-indigo-300",children:l>0||v?l:"—"})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("span",{className:"flex items-center gap-1.5 text-xs text-slate-500",children:[e.jsx(ue,{size:11})," Optimal"]}),e.jsx("span",{className:`text-sm font-mono font-bold ${j?"text-emerald-300":"text-slate-600"}`,children:j?p:"???"})]}),v&&l>0&&e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-xs text-slate-500",children:"Difference"}),e.jsx("span",{className:`text-sm font-mono font-bold ${l===p?"text-emerald-400":"text-amber-400"}`,children:l===p?"Perfect!":`+${l-p}`})]}),s==="race"&&v&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("span",{className:"flex items-center gap-1.5 text-xs text-slate-500",children:[e.jsx(qe,{size:11})," Time"]}),e.jsx("span",{className:"text-sm font-mono font-bold text-sky-300",children:it(y)})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("span",{className:"flex items-center gap-1.5 text-xs text-slate-500",children:[e.jsx(We,{size:11})," Score"]}),e.jsx("span",{className:"text-sm font-mono font-bold text-amber-300",children:u})]})]})]})]}),s==="visualize"&&a&&e.jsxs("div",{className:`rounded-2xl border p-4 shadow-xl shadow-black/20 backdrop-blur-sm ${a.type==="relax"?"border-amber-500/30 bg-amber-500/5":a.type==="done"?"border-emerald-500/30 bg-emerald-500/5":"border-slate-700/50 bg-slate-950/75"}`,children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-2",children:"Current Step"}),e.jsx("p",{className:"text-xs text-slate-300 leading-relaxed",children:a.description}),a.queue.length>0&&e.jsxs("div",{className:"mt-2",children:[e.jsx("p",{className:"text-[10px] text-slate-500 mb-1",children:"Priority Queue:"}),e.jsx("div",{className:"flex flex-wrap gap-1",children:[...a.queue].sort((b,R)=>b.distance-R.distance).map(b=>e.jsxs("span",{className:"inline-flex items-center rounded-md bg-sky-500/10 px-1.5 py-0.5 text-[10px] font-mono text-sky-300 ring-1 ring-sky-500/20",children:[b.id,":",b.distance]},b.id))})]})]}),S&&e.jsx("div",{className:"rounded-xl border border-red-500/30 bg-red-500/5 px-3 py-2 text-center text-xs font-medium text-red-400 shadow-xl shadow-red-950/20 animate-pulse",children:S}),e.jsxs("div",{className:"grid grid-cols-3 gap-2",children:[e.jsxs("button",{onClick:$,className:"flex items-center justify-center gap-1.5 rounded-xl bg-slate-950/80 px-3 py-2 text-xs font-medium text-slate-400 ring-1 ring-slate-800 transition-all hover:bg-slate-800/80 hover:text-slate-300",children:[e.jsx(He,{size:12})," Reset"]}),s!=="visualize"&&e.jsxs("button",{onClick:t,disabled:f.length<=1||v,className:"flex items-center justify-center gap-1.5 rounded-xl bg-slate-950/80 px-3 py-2 text-xs font-medium text-slate-400 ring-1 ring-slate-800 transition-all hover:bg-slate-800/80 hover:text-slate-300 disabled:opacity-30 disabled:cursor-not-allowed",children:[e.jsx(Je,{size:12})," Undo"]}),s!=="visualize"&&d&&r&&e.jsxs("button",{onClick:C,className:`flex items-center justify-center gap-1.5 rounded-xl px-3 py-2 text-xs font-medium transition-all ${j?"bg-emerald-500/15 text-emerald-300 ring-1 ring-emerald-500/30":"bg-slate-950/80 text-slate-400 ring-1 ring-slate-800 hover:bg-slate-800/80 hover:text-slate-300"}`,children:[j?e.jsx(Ve,{size:12}):e.jsx(Ue,{size:12})," Best"]}),e.jsxs("button",{onClick:()=>k(!M),className:`flex items-center justify-center gap-1.5 rounded-xl px-3 py-2 text-xs font-medium transition-all ${M?"bg-indigo-500/15 text-indigo-300 ring-1 ring-indigo-500/30":"bg-slate-950/80 text-slate-400 ring-1 ring-slate-800 hover:bg-slate-800/80 hover:text-slate-300"}`,children:[M?e.jsx(Ye,{size:12}):e.jsx(Qe,{size:12})," Sound"]})]})]})}function fe({label:s,value:n,tone:d}){const r={yellow:"text-yellow-300 ring-yellow-500/25 bg-yellow-500/10",orange:"text-orange-300 ring-orange-500/25 bg-orange-500/10"};return e.jsxs("div",{className:`rounded-xl p-3 ring-1 ${r[d]}`,children:[e.jsx("div",{className:"text-[9px] font-semibold uppercase tracking-wider opacity-65",children:s}),e.jsx("div",{className:"mt-1 font-mono text-lg font-black",children:n})]})}let P=0,q=0;function at(){return String.fromCharCode(65+P++%26)}function ge(){P=0,q=0}function me(){return`e${q++}`}function re(s,n){return Math.sqrt((s.x-n.x)**2+(s.y-n.y)**2)}function pe(s){ge();const n=[rt,ot,lt];return n[s%n.length]()}function rt(){const s=[{id:"A",x:80,y:200,distance:1/0,visited:!1,previous:null},{id:"B",x:220,y:80,distance:1/0,visited:!1,previous:null},{id:"C",x:220,y:320,distance:1/0,visited:!1,previous:null},{id:"D",x:400,y:80,distance:1/0,visited:!1,previous:null},{id:"E",x:400,y:200,distance:1/0,visited:!1,previous:null},{id:"F",x:400,y:320,distance:1/0,visited:!1,previous:null},{id:"G",x:560,y:200,distance:1/0,visited:!1,previous:null},{id:"H",x:700,y:200,distance:1/0,visited:!1,previous:null}];P=8;const n=[{id:"e0",source:"A",destination:"B",weight:4},{id:"e1",source:"A",destination:"C",weight:2},{id:"e2",source:"B",destination:"D",weight:5},{id:"e3",source:"B",destination:"E",weight:10},{id:"e4",source:"C",destination:"E",weight:3},{id:"e5",source:"C",destination:"F",weight:8},{id:"e6",source:"D",destination:"G",weight:2},{id:"e7",source:"E",destination:"G",weight:6},{id:"e8",source:"F",destination:"G",weight:1},{id:"e9",source:"G",destination:"H",weight:3},{id:"e10",source:"D",destination:"E",weight:1}];return q=11,{nodes:s,edges:n}}function ot(){const s=[{id:"A",x:100,y:150,distance:1/0,visited:!1,previous:null},{id:"B",x:250,y:50,distance:1/0,visited:!1,previous:null},{id:"C",x:250,y:250,distance:1/0,visited:!1,previous:null},{id:"D",x:400,y:150,distance:1/0,visited:!1,previous:null},{id:"E",x:550,y:50,distance:1/0,visited:!1,previous:null},{id:"F",x:550,y:250,distance:1/0,visited:!1,previous:null},{id:"G",x:700,y:150,distance:1/0,visited:!1,previous:null}];P=7;const n=[{id:"e0",source:"A",destination:"B",weight:7},{id:"e1",source:"A",destination:"C",weight:3},{id:"e2",source:"B",destination:"D",weight:2},{id:"e3",source:"C",destination:"D",weight:5},{id:"e4",source:"C",destination:"F",weight:12},{id:"e5",source:"D",destination:"E",weight:4},{id:"e6",source:"D",destination:"F",weight:3},{id:"e7",source:"E",destination:"G",weight:1},{id:"e8",source:"F",destination:"G",weight:2},{id:"e9",source:"B",destination:"E",weight:9}];return q=10,{nodes:s,edges:n}}function lt(){const s=[{id:"A",x:80,y:180,distance:1/0,visited:!1,previous:null},{id:"B",x:200,y:60,distance:1/0,visited:!1,previous:null},{id:"C",x:200,y:300,distance:1/0,visited:!1,previous:null},{id:"D",x:350,y:180,distance:1/0,visited:!1,previous:null},{id:"E",x:500,y:60,distance:1/0,visited:!1,previous:null},{id:"F",x:500,y:300,distance:1/0,visited:!1,previous:null},{id:"G",x:650,y:120,distance:1/0,visited:!1,previous:null},{id:"H",x:650,y:240,distance:1/0,visited:!1,previous:null},{id:"I",x:780,y:180,distance:1/0,visited:!1,previous:null}];P=9;const n=[{id:"e0",source:"A",destination:"B",weight:3},{id:"e1",source:"A",destination:"C",weight:6},{id:"e2",source:"A",destination:"D",weight:7},{id:"e3",source:"B",destination:"D",weight:2},{id:"e4",source:"B",destination:"E",weight:8},{id:"e5",source:"C",destination:"D",weight:3},{id:"e6",source:"C",destination:"F",weight:4},{id:"e7",source:"D",destination:"E",weight:2},{id:"e8",source:"D",destination:"F",weight:5},{id:"e9",source:"E",destination:"G",weight:1},{id:"e10",source:"F",destination:"H",weight:2},{id:"e11",source:"G",destination:"I",weight:4},{id:"e12",source:"H",destination:"I",weight:3},{id:"e13",source:"G",destination:"H",weight:2}];return q=14,{nodes:s,edges:n}}function ct(s=12){ge();const n=750,d=360,r=60,f=80,l=[];let p=0;for(;l.lengthre(v,{x:c,y:u})u).filter(c=>c>0));for(;m.size>0;){let c=1/0,u=0,y=0;for(const M of i)for(const N of m){const A=re(l[M],l[N]);A0;){j.sort((c,u)=>c.distance-u.distance);const i=j.shift();if(p.has(i.id))continue;p.add(i.id);const m=[...p];if(r.push({type:"visit",currentNodeId:i.id,description:`Visit node ${i.id} (distance = ${f[i.id]})`,distances:{...f},visited:m,previous:{...l},queue:[...j]}),i.id===d)break;const w=be(s,i.id);for(const c of w){if(p.has(c.id))continue;const u=f[i.id]+c.weight,y=f[c.id];if(uS.id===c.id);v>=0?j[v].distance=u:j.push({id:c.id,distance:u}),r.push({type:"relax",currentNodeId:i.id,description:`Relax edge ${i.id} → ${c.id}: distance updated from ${y===1/0?"∞":y} to ${u}`,distances:{...f},visited:[...p],previous:{...l},queue:[...j],relaxedEdge:{from:i.id,to:c.id,oldDist:y,newDist:u}})}}}const a=je(l,n,d);return r.push({type:"done",currentNodeId:d,description:a.length>0?`Done! Shortest path: ${a.join(" → ")} (cost: ${f[d]})`:`No path found from ${n} to ${d}`,distances:{...f},visited:[...p],previous:{...l},queue:[]}),r}function je(s,n,d){const r=[];let f=d;for(;f!==null&&(r.unshift(f),f!==n);)f=s[f];return r[0]!==n?[]:r}function dt(s,n,d){const r=ye(s,n,d),f=r[r.length-1],l=je(f.previous,n,d),p=f.distances[d]??1/0;return{path:l,cost:p===1/0?-1:p}}function ut(s,n){let d=0;for(let r=0;rl.source===n[r]&&l.destination===n[r+1]||l.destination===n[r]&&l.source===n[r+1]);if(!f)return-1;d+=f.weight}return d}function xt(s,n,d){if(n<=0||s<0)return 0;const r=100,f=(s-n)*5,l=Math.floor(d/3),p=s===n?50:0;return Math.max(0,r-f-l+p)}const he=[329.63,392,440,493.88,523.25,587.33,659.25,783.99];function ft(){const s=x.useRef(!0),n=x.useCallback(()=>Ze(),[]),d=x.useCallback(a=>{s.current=a},[]),r=x.useCallback(a=>{if(!s.current)return;const i=n();if(!i)return;const m=he[a%he.length],w=i.createOscillator(),c=i.createGain();w.type="sine",w.frequency.setValueAtTime(m,i.currentTime),c.gain.setValueAtTime(.1,i.currentTime),c.gain.exponentialRampToValueAtTime(.001,i.currentTime+.25),w.connect(c),c.connect(i.destination),w.start(),w.stop(i.currentTime+.25)},[n]),f=x.useCallback(()=>{if(!s.current)return;const a=n();if(!a)return;const i=a.createOscillator(),m=a.createGain();i.type="triangle",i.frequency.setValueAtTime(600,a.currentTime),i.frequency.setValueAtTime(800,a.currentTime+.08),m.gain.setValueAtTime(.06,a.currentTime),m.gain.exponentialRampToValueAtTime(.001,a.currentTime+.15),i.connect(m),m.connect(a.destination),i.start(),i.stop(a.currentTime+.15)},[n]),l=x.useCallback(()=>{if(!s.current)return;const a=n();if(!a)return;const i=a.createOscillator(),m=a.createGain();i.type="sine",i.frequency.setValueAtTime(520,a.currentTime),m.gain.setValueAtTime(.08,a.currentTime),m.gain.exponentialRampToValueAtTime(.001,a.currentTime+.1),i.connect(m),m.connect(a.destination),i.start(),i.stop(a.currentTime+.1)},[n]),p=x.useCallback(()=>{if(!s.current)return;const a=n();if(!a)return;const i=a.createOscillator(),m=a.createGain();i.type="sawtooth",i.frequency.setValueAtTime(200,a.currentTime),i.frequency.setValueAtTime(140,a.currentTime+.12),m.gain.setValueAtTime(.07,a.currentTime),m.gain.exponentialRampToValueAtTime(.001,a.currentTime+.25),i.connect(m),m.connect(a.destination),i.start(),i.stop(a.currentTime+.25)},[n]),j=x.useCallback(a=>{if(!s.current)return;const i=n();if(!i)return;(a?[523.25,587.33,659.25,783.99,880,1046.5]:[400,350,300]).forEach((w,c)=>{const u=i.createOscillator(),y=i.createGain();u.type="sine",u.frequency.value=w,y.gain.setValueAtTime(.07,i.currentTime+c*.08),y.gain.exponentialRampToValueAtTime(.001,i.currentTime+c*.08+.18),u.connect(y),y.connect(i.destination),u.start(i.currentTime+c*.08),u.stop(i.currentTime+c*.08+.18)})},[n]);return{playVisitTone:r,playRelaxTone:f,playClickTone:l,playErrorTone:p,playCompleteSweep:j,setEnabled:d}}function mt(){const[s,n]=x.useState("explore"),[d,r]=x.useState(()=>pe(0)),[f,l]=x.useState("predefined"),[p,j]=x.useState(0),[a,i]=x.useState(null),[m,w]=x.useState(null),[c,u]=x.useState([]),[y,v]=x.useState(0),[S,M]=x.useState([]),[N,A]=x.useState(0),[z,$]=x.useState(!1),[C,t]=x.useState([]),[o,h]=x.useState(-1),[T,E]=x.useState(!1),k=x.useRef(null),[I,b]=x.useState(500),[R,W]=x.useState(0),[ee,te]=x.useState(0),[oe,se]=x.useState(!1),O=x.useRef(null),[ve,we]=x.useState(!0),[ke,V]=x.useState(null),[ie,le]=x.useState(!1),[H,U]=x.useState("start"),{playVisitTone:Y,playRelaxTone:Q,playClickTone:Z,playErrorTone:ne,playCompleteSweep:G,setEnabled:ce}=ft(),Ne=x.useCallback(g=>{we(g),ce(g)},[ce]);x.useEffect(()=>(oe&&(O.current=window.setInterval(()=>te(g=>g+1),1e3)),()=>{O.current&&clearInterval(O.current)}),[oe]);const Ce=o>=0&&o{if(V(null),H==="start"){i(g),U("end"),Z();return}if(H==="end"){if(g===a){V("Destination must be different from start"),ne();return}w(g),Z();const B=dt(d,a,g);if(M(B.path),A(B.cost),s==="visualize"){const ze=ye(d,a,g);t(ze),h(-1),U("path")}else u([a]),v(0),U("path"),s==="race"&&(se(!0),te(0));return}if(s==="visualize"||c.length===0)return;const D=c[c.length-1];if(g===D)return;const de=be(d,D).find(B=>B.id===g);if(!de){V(`${g} is not adjacent to ${D}`),ne(),setTimeout(()=>V(null),1500);return}Z();const $e=[...c,g],ae=y+de.weight;if(u($e),v(ae),g===m)if(le(!0),se(!1),$(!0),s==="race"){const B=xt(ae,N,ee);W(B),G(ae===N)}else G(!0)},[H,a,m,d,s,c,y,N,ee,Z,ne,G]),Se=x.useCallback(()=>{if(c.length<=1||ie)return;const g=c.slice(0,-1);u(g),v(ut(d,g)),V(null)},[c,d,ie]),Me=x.useCallback(()=>{C.length!==0&&h(g=>{const D=Math.min(g+1,C.length-1),X=C[D];return X.type==="visit"&&Y(D),X.type==="relax"&&Q(),X.type==="done"&&G(!0),D})},[C,Y,Q,G]),De=x.useCallback(()=>{h(g=>Math.max(g-1,0))},[]),Ee=x.useCallback(()=>{if(T){k.current&&clearInterval(k.current),E(!1);return}E(!0);let g=o<0?0:o;k.current=window.setInterval(()=>{if(g>=C.length-1){k.current&&clearInterval(k.current),E(!1);return}g++,h(g);const D=C[g];D.type==="visit"&&Y(g),D.type==="relax"&&Q(),D.type==="done"&&G(!0)},I)},[T,o,C,I,Y,Q,G]),_=x.useCallback(()=>{i(null),w(null),u([]),v(0),M([]),A(0),$(!1),t([]),h(-1),E(!1),W(0),te(0),se(!1),le(!1),V(null),U("start"),k.current&&clearInterval(k.current),O.current&&clearInterval(O.current),r(g=>({...g,nodes:g.nodes.map(D=>({...D,distance:1/0,visited:!1,previous:null}))}))},[]),Ie=x.useCallback(g=>{n(g),_()},[_]),Re=x.useCallback(g=>{if(l(g),g==="predefined"){const D=(p+1)%3;j(D),r(pe(D))}else r(ct(12));_()},[p,_]),Ae=x.useCallback(()=>{!a||!m||$(g=>!g)},[a,m]);return{mode:s,graph:d,mapType:f,startNode:a,endNode:m,playerPath:c,playerCost:y,optimalPath:S,optimalCost:N,showOptimal:z,algoSteps:C,algoStepIndex:o,currentAlgoStep:Ce,isAlgoRunning:T,algoSpeed:I,setAlgoSpeed:b,score:R,timer:ee,isComplete:ie,lastError:ke,soundEnabled:ve,selectingPhase:H,clickNode:Te,undoLastStep:Se,stepAlgoForward:Me,stepAlgoBack:De,autoPlayAlgo:Ee,resetGame:_,changeMode:Ie,newMap:Re,toggleOptimal:Ae,toggleSound:Ne}}function Mt(){const{mode:s,graph:n,mapType:d,startNode:r,endNode:f,playerPath:l,playerCost:p,optimalPath:j,optimalCost:a,showOptimal:i,algoSteps:m,algoStepIndex:w,currentAlgoStep:c,isAlgoRunning:u,algoSpeed:y,setAlgoSpeed:v,score:S,timer:M,isComplete:N,lastError:A,soundEnabled:z,selectingPhase:$,clickNode:C,undoLastStep:t,stepAlgoForward:o,stepAlgoBack:h,autoPlayAlgo:T,resetGame:E,changeMode:k,newMap:I,toggleOptimal:b,toggleSound:R}=mt(),W=r&&f?`${r} -> ${f}`:"Select depot and destination";return e.jsxs("div",{className:"flex flex-1 flex-col overflow-hidden bg-[radial-gradient(circle_at_top_left,rgba(14,165,233,0.16),transparent_30%),radial-gradient(circle_at_bottom_right,rgba(34,197,94,0.12),transparent_28%)]",children:[e.jsx("div",{className:"border-b border-slate-800/70 bg-slate-950/75 px-4 py-3 shadow-lg shadow-black/20 backdrop-blur-sm md:px-6",children:e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-[0.24em] text-sky-400",children:"Shortest Path Command Center"}),e.jsx("h2",{className:"text-lg font-bold text-white",children:"Dijkstra Delivery Simulator"})]}),e.jsxs("div",{className:"ml-auto flex flex-wrap items-center gap-2",children:[e.jsx(K,{label:"Mode",value:s,tone:"indigo"}),e.jsx(K,{label:"Map",value:d,tone:"sky"}),e.jsx(K,{label:"Route",value:W,tone:"emerald"}),N&&e.jsx(K,{label:"Result",value:p===a?"optimal":`+${p-a} min`,tone:p===a?"emerald":"amber"})]})]})}),e.jsxs("div",{className:"flex flex-1 flex-col gap-4 overflow-auto p-4 md:p-6 xl:flex-row",children:[e.jsx("div",{className:"order-last flex min-h-[620px] flex-1 flex-col gap-4 xl:order-first xl:min-h-0",children:e.jsx(et,{graph:n,startNode:r,endNode:f,playerPath:l,optimalPath:j,showOptimal:i,currentAlgoStep:c,selectingPhase:$,onClickNode:C})}),e.jsx(nt,{mode:s,mapType:d,startNode:r,endNode:f,playerPath:l,playerCost:p,optimalCost:a,showOptimal:i,currentAlgoStep:c,algoStepIndex:w,algoStepsTotal:m.length,isAlgoRunning:u,algoSpeed:y,score:S,timer:M,isComplete:N,lastError:A,soundEnabled:z,selectingPhase:$,onChangeMode:k,onNewMap:I,onReset:E,onToggleOptimal:b,onUndoLastStep:t,onStepForward:o,onStepBack:h,onAutoPlay:T,onSetAlgoSpeed:v,onToggleSound:R})]})]})}function K({label:s,value:n,tone:d}){const r={indigo:"bg-indigo-500/10 text-indigo-200 ring-indigo-500/25",sky:"bg-sky-500/10 text-sky-200 ring-sky-500/25",emerald:"bg-emerald-500/10 text-emerald-200 ring-emerald-500/25",amber:"bg-amber-500/10 text-amber-200 ring-amber-500/25"};return e.jsxs("div",{className:`rounded-full px-3 py-1.5 text-[10px] ring-1 ${r[d]}`,children:[e.jsx("span",{className:"mr-1 uppercase tracking-wider opacity-60",children:s}),e.jsx("span",{className:"font-mono font-bold",children:n})]})}export{Mt as default};
diff --git a/docs/assets/EvolutionSimulatorPage-AYe0wg-1.js b/docs/assets/EvolutionSimulatorPage-C1Me-6kF.js
similarity index 98%
rename from docs/assets/EvolutionSimulatorPage-AYe0wg-1.js
rename to docs/assets/EvolutionSimulatorPage-C1Me-6kF.js
index 37f23d3..de8f66f 100644
--- a/docs/assets/EvolutionSimulatorPage-AYe0wg-1.js
+++ b/docs/assets/EvolutionSimulatorPage-C1Me-6kF.js
@@ -1 +1 @@
-import{j as e,r as i}from"./index-eCXyAnHs.js";import{g as de}from"./audioContext-NbgqvQGz.js";import{S as ue}from"./shuffle-CdKU4ZYx.js";import{P as B}from"./play-BqZilH6N.js";import{P as xe}from"./pause-nC-0zhw8.js";import{R as me}from"./rotate-ccw-B8GZP3d7.js";import{V as ge,a as he}from"./volume-x-CTbtCvt-.js";function U(t,n,s,a){return t.length===0?"":t.length===1?`0,${s}`:t.map((r,l)=>{const o=l/(t.length-1)*n,c=s-Math.max(0,r)/Math.max(1,a)*s;return`${o},${c}`}).join(" ")}function pe({best:t,avg:n,targetLength:s}){const l=Math.max(s,...t,...n,1);return e.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/70 p-4 shadow-xl shadow-black/20 backdrop-blur-sm",children:[e.jsxs("div",{className:"mb-3",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-300",children:"Fitness Monitor"}),e.jsx("p",{className:"mt-0.5 text-[10px] text-slate-500",children:"Lab readout for best and average population health"})]}),e.jsx("div",{className:"w-full overflow-x-auto",children:e.jsxs("svg",{viewBox:"0 0 640 220",className:"w-full min-w-[560px] h-56 rounded-xl bg-slate-950/80 ring-1 ring-slate-700/50",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"fitnessGlow",x1:"0",x2:"1",y1:"0",y2:"0",children:[e.jsx("stop",{offset:"0%",stopColor:"rgb(244 63 94)"}),e.jsx("stop",{offset:"100%",stopColor:"rgb(52 211 153)"})]})}),e.jsx("line",{x1:"0",y1:220,x2:640,y2:220,stroke:"rgb(71 85 105 / 0.7)",strokeWidth:"1"}),e.jsx("line",{x1:"0",y1:"0",x2:"0",y2:220,stroke:"rgb(71 85 105 / 0.7)",strokeWidth:"1"}),s>0&&e.jsx("line",{x1:"0",y1:220-s/l*220,x2:640,y2:220-s/l*220,stroke:"rgb(74 222 128 / 0.35)",strokeDasharray:"4 4",strokeWidth:"1"}),e.jsx("polyline",{fill:"none",stroke:"url(#fitnessGlow)",strokeWidth:"3",points:U(t,640,220,l)}),e.jsx("polyline",{fill:"none",stroke:"rgb(56 189 248)",strokeWidth:"2",points:U(n,640,220,l)})]})}),e.jsxs("div",{className:"mt-2 flex items-center gap-4 text-[10px] text-slate-400",children:[e.jsxs("span",{className:"inline-flex items-center gap-1",children:[e.jsx("span",{className:"h-2 w-2 rounded-full bg-rose-500"})," Best Fitness"]}),e.jsxs("span",{className:"inline-flex items-center gap-1",children:[e.jsx("span",{className:"h-2 w-2 rounded-full bg-sky-400"})," Average Fitness"]})]})]})}function be({population:t,target:n}){return e.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/70 p-4 shadow-xl shadow-black/20 backdrop-blur-sm",children:[e.jsxs("div",{className:"mb-3 flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-300",children:"Candidate Profiles"}),e.jsx("p",{className:"mt-0.5 text-[10px] text-slate-500",children:"The strongest survivors in this generation"})]}),e.jsxs("span",{className:"rounded-full bg-emerald-500/10 px-2 py-0.5 text-[10px] font-semibold text-emerald-300 ring-1 ring-emerald-500/25",children:["Top ",t.length||0]})]}),e.jsx("div",{className:"space-y-1.5 max-h-72 overflow-auto pr-1",children:t.map((s,a)=>e.jsxs("div",{className:`rounded-xl px-3 py-2 ring-1 transition-all ${a===0?"bg-emerald-500/10 ring-emerald-500/30 shadow-lg shadow-emerald-950/20":"bg-slate-800/50 ring-slate-700/40"}`,children:[e.jsxs("div",{className:"flex items-center justify-between text-[10px] text-slate-500",children:[e.jsxs("span",{className:"inline-flex items-center gap-1",children:[e.jsx("span",{className:`h-2 w-2 rounded-full ${a===0?"bg-emerald-400":"bg-slate-600"}`}),"Subject #",a+1]}),e.jsxs("span",{className:"font-mono",children:[s.fitness," / ",n.length]})]}),e.jsx("div",{className:"mt-1 font-mono text-xs text-slate-200 tracking-wide break-all",children:s.genes}),e.jsx("div",{className:"mt-2 h-1 overflow-hidden rounded-full bg-slate-950/70",children:e.jsx("div",{className:"h-full rounded-full bg-gradient-to-r from-emerald-400 to-cyan-300",style:{width:`${s.fitness/Math.max(1,n.length)*100}%`}})})]},`${s.genes}-${a}`))})]})}function fe({target:t,bestGenes:n}){return e.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/70 p-4 shadow-xl shadow-black/20 backdrop-blur-sm",children:[e.jsxs("div",{className:"mb-3",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-300",children:"DNA Match Board"}),e.jsx("p",{className:"mt-0.5 text-[10px] text-slate-500",children:"Green cells already match the target phrase"})]}),e.jsxs("div",{className:"space-y-3 font-mono text-sm",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-[10px] text-slate-500 mb-1",children:"Target"}),e.jsx("div",{className:"rounded-xl bg-slate-950/70 ring-1 ring-slate-700/40 px-3 py-2 break-all tracking-wide text-slate-200",children:t||"(empty)"})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-[10px] text-slate-500 mb-1",children:"Best Individual"}),e.jsxs("div",{className:"rounded-xl bg-slate-950/70 ring-1 ring-slate-700/40 px-3 py-2 break-all tracking-wide",children:[(n||"").split("").map((s,a)=>{const r=t[a]===s;return e.jsx("span",{className:`mx-0.5 inline-flex min-w-5 justify-center rounded px-1 py-0.5 ${r?"bg-emerald-500/20 text-emerald-200 ring-1 ring-emerald-500/30":"bg-slate-800/60 text-slate-300 ring-1 ring-slate-700/40"}`,children:s},`${s}-${a}`)}),!n&&e.jsx("span",{className:"text-slate-500",children:"Start the simulator to see candidate DNA."})]})]})]})]})}const q=["#f8c9a5","#d99b6c","#8d5524","#f1b982","#c68642"],K=["#22c55e","#38bdf8","#a78bfa","#fb7185","#facc15","#2dd4bf"];function ve({population:t,target:n,generation:s,convergence:a,status:r}){const l=t.length>0?t.slice(0,12):Array.from({length:12},(c,d)=>({genes:"????",fitness:Math.max(0,12-d)})),o=Math.max(1,n.length);return e.jsxs("section",{className:"relative overflow-hidden rounded-2xl border border-emerald-700/30 bg-[radial-gradient(circle_at_top_left,rgba(16,185,129,0.18),transparent_34%),linear-gradient(135deg,rgba(15,23,42,0.96),rgba(6,78,59,0.42))] p-4 shadow-2xl shadow-black/30 md:p-5",children:[e.jsx("div",{className:"pointer-events-none absolute inset-x-0 bottom-0 h-28 bg-gradient-to-t from-emerald-950/50 to-transparent"}),e.jsxs("div",{className:"relative z-10 flex flex-col gap-3 md:flex-row md:items-start md:justify-between",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-base font-bold text-white md:text-lg",children:"Population Habitat"}),e.jsx("p",{className:"mt-1 text-xs leading-relaxed text-emerald-100/65",children:"Each person is a candidate solution. Brighter badges mean more matching genes survived selection."})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-2 text-center",children:[e.jsx(_,{label:"Gen",value:s}),e.jsx(_,{label:"Fit",value:`${a.toFixed(0)}%`}),e.jsx(_,{label:"State",value:r})]})]}),e.jsxs("div",{className:"relative z-10 mt-5 rounded-2xl border border-emerald-950/50 bg-emerald-950/25 p-4 shadow-inner",children:[e.jsx("div",{className:"absolute inset-x-6 bottom-3 h-10 rounded-[50%] bg-black/20 blur-xl"}),e.jsx("div",{className:"relative grid grid-cols-3 gap-x-3 gap-y-5 sm:grid-cols-4 lg:grid-cols-6",children:l.map((c,d)=>{const p=c.fitness/o,m=d===0&&t.length>0;return e.jsx(je,{rank:d+1,genes:c.genes,fitnessRatio:p,isElite:m,skin:q[d%q.length],shirt:K[d%K.length]},`${c.genes}-${d}`)})})]})]})}function je({rank:t,genes:n,fitnessRatio:s,isElite:a,skin:r,shirt:l}){const o=Math.max(0,Math.min(1,s)),c=a?"shadow-[0_0_26px_rgba(52,211,153,0.45)]":"",d=.4+o*.6;return e.jsxs("div",{className:`group relative flex flex-col items-center rounded-2xl border px-2 py-3 transition-all hover:-translate-y-1 ${a?"border-emerald-300/50 bg-emerald-400/10":"border-emerald-900/30 bg-slate-950/25"} ${c}`,children:[e.jsxs("div",{className:"absolute right-1.5 top-1.5 rounded-full bg-slate-950/70 px-1.5 py-0.5 text-[9px] font-bold text-slate-400 ring-1 ring-slate-700/50",children:["#",t]}),e.jsxs("div",{className:"relative mt-2",children:[e.jsxs("div",{className:"h-9 w-9 rounded-full border border-black/15 shadow-inner",style:{backgroundColor:r,opacity:d},children:[e.jsxs("div",{className:"mx-auto mt-3 flex w-4 justify-between",children:[e.jsx("span",{className:"h-1 w-1 rounded-full bg-slate-950/70"}),e.jsx("span",{className:"h-1 w-1 rounded-full bg-slate-950/70"})]}),e.jsx("div",{className:"mx-auto mt-1 h-1 w-3 rounded-full bg-slate-950/40"})]}),e.jsx("div",{className:"mx-auto -mt-1 h-10 w-12 rounded-t-2xl rounded-b-lg border border-black/15 shadow-lg",style:{backgroundColor:l,opacity:d}})]}),e.jsx("div",{className:"mt-2 h-1.5 w-full overflow-hidden rounded-full bg-slate-950/70",children:e.jsx("div",{className:"h-full rounded-full bg-gradient-to-r from-emerald-400 to-cyan-300 transition-all",style:{width:`${o*100}%`}})}),e.jsx("div",{className:"mt-1 max-w-full truncate font-mono text-[9px] text-emerald-100/70",children:n||"waiting"})]})}function _({label:t,value:n}){return e.jsxs("div",{className:"rounded-xl bg-slate-950/45 px-3 py-2 ring-1 ring-emerald-500/20",children:[e.jsx("div",{className:"text-[9px] uppercase tracking-wider text-emerald-100/45",children:t}),e.jsx("div",{className:"mt-0.5 text-xs font-bold capitalize text-emerald-100",children:n})]})}const J="ABCDEFGHIJKLMNOPQRSTUVWXYZ .,!?-",$={target:"HELLO WORLD",populationSize:300,mutationRate:.03,crossoverRate:.75,maxGenerations:500,selectionStrategy:"roulette"},X=["HELLO WORLD","GENETIC ALGORITHM","EVOLUTION IN ACTION","SURVIVAL OF THE FITTEST","OPTIMIZE THE GENES"];function Q(t){let n=t>>>0;const s=()=>(n=1664525*n+1013904223>>>0,n/4294967296);return{next:s,int:(r,l)=>l<=r?r:Math.floor(s()*(l-r+1))+r}}function Ne(t,n,s){let a="";for(let r=0;r({...s,fitness:we(s.genes,n)}))}function ee(t){return t.length===0?0:t.reduce((s,a)=>s+a.fitness,0)/t.length}function Se(t,n){const s=t.reduce((l,o)=>l+o.fitness,0);if(s<=0)return t[n.int(0,t.length-1)];const a=n.next()*s;let r=0;for(let l=0;l=a)return t[l];return t[t.length-1]}function ke(t,n,s){let a=t[s.int(0,t.length-1)];const r=Math.max(1,n);for(let l=1;la.fitness&&(a=o)}return a}function Y(t,n,s,a){return n==="tournament"?ke(t,s,a):Se(t,a)}function Ce(t,n,s,a){const r=t.genes.length;if(r<=1||a.next()>s)return t.genes;const l=a.int(1,r-1);return t.genes.slice(0,l)+n.genes.slice(l)}function Te(t,n,s,a){if(t.length===0)return t;let r="";for(let l=0;ls.fitness-n.fitness)}function te(t,n,s,a){return n===0?"Target is empty. Enter a target to evolve.":t>=n?`Solution found in ${s} generations`:s>=a?"Max generations reached without full match":"Evolving..."}function Re(t,n){const s=t.target.length,a=Q(n),r=ye(t.populationSize,s,t.allowedChars,a),l=V(D(r,t.target)),o=l[0]??{genes:"",fitness:0},c=ee(l),d=s===0||o.fitness>=s;return{generation:0,population:l,bestIndividual:W(o),averageFitness:c,bestFitnessHistory:[o.fitness],averageFitnessHistory:[c],rngSeed:n,done:d,message:te(o.fitness,s,0,t.maxGenerations)}}function Me(t,n){if(n.done)return n;const s=t.target.length,a=Q(n.rngSeed+n.generation+1),r=V(D(n.population,t.target)),l=r[0]?W(r[0]):{genes:"",fitness:0},o=[l];for(;o.length=s||d>=t.maxGenerations;return{generation:d,population:c,bestIndividual:W(p),averageFitness:m,bestFitnessHistory:[...n.bestFitnessHistory,p.fitness],averageFitnessHistory:[...n.averageFitnessHistory,m],rngSeed:n.rngSeed,done:x,message:te(p.fitness,s,d,t.maxGenerations)}}const H=[220,261.63,293.66,329.63,392,440,523.25,659.25,783.99];function Ee(){const t=i.useRef(!0),n=i.useCallback(()=>de(),[]),s=i.useCallback(c=>{t.current=c},[]),a=i.useCallback((c,d,p,m=.05)=>{if(!t.current)return;const x=n();if(!x)return;const h=x.createOscillator(),v=x.createGain();h.type=d,h.frequency.setValueAtTime(c,x.currentTime),v.gain.setValueAtTime(m,x.currentTime),v.gain.exponentialRampToValueAtTime(.001,x.currentTime+p),h.connect(v),v.connect(x.destination),h.start(x.currentTime),h.stop(x.currentTime+p)},[n]),r=i.useCallback((c,d)=>{const p=d>0?c/d:0,m=Math.max(0,Math.min(H.length-1,Math.floor(p*(H.length-1))));a(H[m],"sine",.06,.03)},[a]),l=i.useCallback(()=>{a(523.25,"triangle",.08,.05)},[a]),o=i.useCallback(()=>{if(!t.current)return;const c=n();c&&[523.25,659.25,783.99].forEach((d,p)=>{const m=c.createOscillator(),x=c.createGain(),h=c.currentTime+p*.1;m.type="sine",m.frequency.setValueAtTime(d,h),x.gain.setValueAtTime(.06,h),x.gain.exponentialRampToValueAtTime(.001,h+.16),m.connect(x),x.connect(c.destination),m.start(h),m.stop(h+.16)})},[n]);return{setEnabled:s,playGenerationTick:r,playImprove:l,playComplete:o}}function Z(t){const n=t.toUpperCase();let s="";for(let a=0;a{n(g),g==="guided"&&(a("HELLO WORLD"),l(300),c(3),p(75),x(500),v("roulette"),M(35))},[]);i.useEffect(()=>{O(S)},[S,O]);const C=i.useCallback(()=>{k.current&&(clearTimeout(k.current),k.current=null)},[]),z=i.useCallback(()=>({target:Z(s),populationSize:Math.max(1,r),mutationRate:Math.min(1,Math.max(0,o/100)),crossoverRate:Math.min(1,Math.max(0,d/100)),maxGenerations:Math.max(1,m),selectionStrategy:h,tournamentSize:5,allowedChars:J}),[s,r,o,d,m,h]),u=i.useCallback(()=>{N(g=>{if(!g||!E.current)return g;const T=Me(E.current,g),R=E.current.target.length;return G(T.bestIndividual.fitness,R),T.bestIndividual.fitness>F.current&&P(),F.current=T.bestIndividual.fitness,T.done&&(f(),y("finished")),T})},[G,P,f]);i.useEffect(()=>{if(j!=="running"){C();return}const g=()=>{u(),k.current=setTimeout(g,w)};return k.current=setTimeout(g,w),C},[j,w,u,C]);const se=i.useCallback(()=>{const g=z();E.current=g;const R=Re(g,1337);F.current=R.bestIndividual.fitness,N(R),R.bestIndividual.fitness>0&&G(R.bestIndividual.fitness,g.target.length),y(R.done?"finished":"running")},[z,G]),ne=i.useCallback(()=>{j==="running"&&y("paused")},[j]),ae=i.useCallback(()=>{j==="paused"&&y("running")},[j]),re=i.useCallback(()=>{C(),N(null),y("idle"),F.current=0},[C]),le=i.useCallback(g=>{A(g)},[]),ie=i.useCallback(()=>{const g=Math.floor(Math.random()*X.length);a(X[g])},[]),oe=i.useMemo(()=>b?.population?b.population.slice(0,10):[],[b]),ce=i.useMemo(()=>{const g=Math.max(1,Z(s).length);return(b?.bestIndividual.fitness??0)/g*100},[b,s]);return{mode:t,setMode:L,target:s,setTarget:a,populationSize:r,setPopulationSize:l,mutationRatePercent:o,setMutationRatePercent:c,crossoverRatePercent:d,setCrossoverRatePercent:p,maxGenerations:m,setMaxGenerations:x,selectionStrategy:h,setSelectionStrategy:v,speedMs:w,setSpeedMs:M,soundEnabled:S,toggleSound:le,state:b,status:j,topIndividuals:oe,convergence:ce,start:se,pause:ne,resume:ae,reset:re,randomTarget:ie}}const Ge=[{label:"Slow",value:120},{label:"Med",value:35},{label:"Fast",value:8}];function He(){const{mode:t,setMode:n,target:s,setTarget:a,populationSize:r,setPopulationSize:l,mutationRatePercent:o,setMutationRatePercent:c,crossoverRatePercent:d,setCrossoverRatePercent:p,maxGenerations:m,setMaxGenerations:x,selectionStrategy:h,setSelectionStrategy:v,speedMs:w,setSpeedMs:M,soundEnabled:S,toggleSound:A,state:b,status:N,topIndividuals:j,convergence:y,start:k,pause:E,resume:F,reset:O,randomTarget:G}=Fe(),P=N==="running",f=t==="guided",L=b?.bestIndividual,C=b?.averageFitness??0,z=Pe({status:N,generation:b?.generation??0,bestFitness:L?.fitness??0,targetLength:s.length,convergence:y});return e.jsx("div",{className:"flex-1 overflow-y-auto bg-[radial-gradient(circle_at_top,rgba(16,185,129,0.12),transparent_34%),linear-gradient(180deg,rgba(15,23,42,0),rgba(6,78,59,0.16))] p-4 md:p-6",children:e.jsxs("div",{className:"mx-auto max-w-6xl space-y-4",children:[e.jsxs("section",{className:"relative overflow-hidden rounded-2xl border border-emerald-700/30 bg-[radial-gradient(circle_at_top_left,rgba(34,197,94,0.18),transparent_34%),linear-gradient(135deg,rgba(15,23,42,0.96),rgba(6,78,59,0.36))] p-4 shadow-2xl shadow-black/30 backdrop-blur-sm md:p-5",children:[e.jsx("div",{className:"pointer-events-none absolute right-6 top-4 text-7xl opacity-10",children:"🧬"}),e.jsx("h2",{className:"text-lg md:text-xl font-bold text-white",children:"Evolution Lab — Genetic Algorithm"}),e.jsx("p",{className:"text-xs text-emerald-100/65 mt-1",children:"Evolve a population of digital people toward a target phrase using selection, crossover, and mutation."}),e.jsx("div",{className:"mt-3 rounded-xl bg-emerald-500/10 ring-1 ring-emerald-500/20 px-3 py-2",children:e.jsx("p",{className:"text-[11px] text-emerald-50/80 leading-relaxed",children:"Each generation is a lab cycle: evaluate every person → select stronger parents → combine DNA → mutate a few genes → keep the elite survivor."})}),e.jsxs("div",{className:"mt-3 grid grid-cols-2 gap-2 md:max-w-sm",children:[e.jsx("button",{onClick:()=>n("guided"),className:`rounded-lg px-3 py-2 text-xs font-semibold ring-1 transition-all ${f?"bg-amber-500/20 text-amber-300 ring-amber-500/40":"bg-slate-800/60 text-slate-400 ring-slate-700/40 hover:bg-slate-700/60"}`,children:"Guided Mode"}),e.jsx("button",{onClick:()=>n("free-play"),className:`rounded-lg px-3 py-2 text-xs font-semibold ring-1 transition-all ${f?"bg-slate-800/60 text-slate-400 ring-slate-700/40 hover:bg-slate-700/60":"bg-cyan-500/20 text-cyan-300 ring-cyan-500/40"}`,children:"Free-play Mode"})]}),f&&e.jsx("p",{className:"mt-2 text-[10px] text-amber-300/80",children:"Guided mode uses recommended settings (HELLO WORLD, pop 300, mutation 3%, crossover 75%) for stable learning."}),f&&e.jsxs("div",{className:"mt-3 rounded-xl border border-amber-500/20 bg-amber-500/5 p-3",children:[e.jsx("h4",{className:"text-[10px] font-semibold uppercase tracking-wider text-amber-300",children:"Guided Walkthrough"}),e.jsx("p",{className:"mt-1 text-xs text-slate-300 leading-relaxed",children:z.main}),e.jsx("ul",{className:"mt-2 space-y-1 text-[11px] text-slate-400 list-disc pl-4",children:z.points.map(u=>e.jsx("li",{children:u},u))})]}),e.jsxs("div",{className:"mt-4 grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] text-slate-400",children:"Target String"}),e.jsxs("div",{className:"mt-1 flex gap-2",children:[e.jsx("input",{value:s,onChange:u=>a(u.target.value),placeholder:"HELLO WORLD",disabled:f,className:"flex-1 rounded-lg bg-slate-950/70 px-3 py-2 text-sm text-slate-200 ring-1 ring-slate-700/50 outline-none focus:ring-cyan-500/50"}),e.jsx("button",{onClick:G,disabled:f,className:"rounded-lg bg-slate-800/70 px-3 py-2 text-xs text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/70",children:e.jsx(ue,{size:14})})]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] text-slate-400",children:"Population Size"}),e.jsx("input",{type:"number",min:1,max:2e3,value:r,disabled:f,onChange:u=>l(Number(u.target.value)||1),className:"mt-1 w-full rounded-lg bg-slate-950/70 px-3 py-2 text-sm text-slate-200 ring-1 ring-slate-700/50"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] text-slate-400",children:"Max Generations"}),e.jsx("input",{type:"number",min:1,max:2e4,value:m,disabled:f,onChange:u=>x(Number(u.target.value)||1),className:"mt-1 w-full rounded-lg bg-slate-950/70 px-3 py-2 text-sm text-slate-200 ring-1 ring-slate-700/50"})]})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between text-[11px] text-slate-400 mb-1",children:[e.jsx("span",{children:"Mutation Rate"}),e.jsxs("span",{children:[o,"%"]})]}),e.jsx("input",{type:"range",min:0,max:100,value:o,disabled:f,onChange:u=>c(Number(u.target.value)),className:"w-full accent-rose-500"})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between text-[11px] text-slate-400 mb-1",children:[e.jsx("span",{children:"Crossover Rate"}),e.jsxs("span",{children:[d,"%"]})]}),e.jsx("input",{type:"range",min:0,max:100,value:d,disabled:f,onChange:u=>p(Number(u.target.value)),className:"w-full accent-sky-500"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] text-slate-400",children:"Selection Strategy"}),e.jsx("div",{className:"mt-1 grid grid-cols-2 gap-2",children:["roulette","tournament"].map(u=>e.jsx("button",{disabled:f,onClick:()=>v(u),className:`rounded-lg px-3 py-2 text-xs font-medium ring-1 transition-all ${h===u?"bg-emerald-500/20 text-emerald-300 ring-emerald-500/40":"bg-slate-800/60 text-slate-400 ring-slate-700/40 hover:bg-slate-700/60"}`,children:u==="roulette"?"Roulette Wheel":"Tournament"},u))})]})]})]}),e.jsxs("div",{className:"mt-4 flex flex-wrap items-center gap-2",children:[e.jsxs("button",{onClick:k,className:"inline-flex items-center gap-1.5 rounded-lg bg-cyan-500/20 px-3 py-2 text-xs font-semibold text-cyan-300 ring-1 ring-cyan-500/40 hover:bg-cyan-500/30",children:[e.jsx(B,{size:14})," Start"]}),e.jsxs("button",{onClick:P?E:F,disabled:N==="idle"||N==="finished",className:"inline-flex items-center gap-1.5 rounded-lg bg-slate-800/70 px-3 py-2 text-xs font-semibold text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/70 disabled:opacity-40",children:[P?e.jsx(xe,{size:14}):e.jsx(B,{size:14}),P?"Pause":"Resume"]}),e.jsxs("button",{onClick:O,className:"inline-flex items-center gap-1.5 rounded-lg bg-slate-800/70 px-3 py-2 text-xs font-semibold text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/70",children:[e.jsx(me,{size:14})," Reset"]}),e.jsxs("button",{onClick:()=>A(!S),className:`inline-flex items-center gap-1.5 rounded-lg px-3 py-2 text-xs font-semibold ring-1 ${S?"bg-indigo-500/15 text-indigo-300 ring-indigo-500/30":"bg-slate-800/70 text-slate-400 ring-slate-700/40"}`,children:[S?e.jsx(ge,{size:14}):e.jsx(he,{size:14}),S?"Sound On":"Sound Off"]}),e.jsxs("div",{className:"ml-auto inline-flex items-center gap-2",children:[e.jsx("span",{className:"text-[11px] text-slate-500",children:"Speed"}),Ge.map(u=>e.jsx("button",{onClick:()=>M(u.value),className:`rounded px-2 py-1 text-[10px] font-medium ${w===u.value?"bg-emerald-500/20 text-emerald-300 ring-1 ring-emerald-500/40":"bg-slate-800/60 text-slate-400 ring-1 ring-slate-700/40"}`,children:u.label},u.value))]})]})]}),e.jsx(ve,{population:j,target:s.toUpperCase(),generation:b?.generation??0,convergence:y,status:N}),e.jsxs("section",{className:"grid grid-cols-1 lg:grid-cols-3 gap-4",children:[e.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/70 p-4 shadow-xl shadow-black/20 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Statistics"}),e.jsxs("div",{className:"grid grid-cols-2 gap-2 text-xs",children:[e.jsx(I,{label:"Generation",value:b?.generation??0}),e.jsx(I,{label:"Best Fitness",value:`${L?.fitness??0} / ${s.length}`}),e.jsx(I,{label:"Avg Fitness",value:C.toFixed(2)}),e.jsx(I,{label:"Convergence",value:`${y.toFixed(1)}%`}),e.jsx(I,{label:"Mutation",value:`${o}%`}),e.jsx(I,{label:"Population",value:r})]}),e.jsx("p",{className:"mt-3 text-[11px] text-slate-400",children:b?.message??"Ready to evolve."})]}),e.jsx("div",{className:"lg:col-span-2",children:e.jsx(fe,{target:s.toUpperCase(),bestGenes:L?.genes??""})})]}),e.jsxs("section",{className:"grid grid-cols-1 lg:grid-cols-3 gap-4",children:[e.jsx("div",{className:"lg:col-span-2",children:e.jsx(pe,{best:b?.bestFitnessHistory??[],avg:b?.averageFitnessHistory??[],targetLength:s.length})}),e.jsx(be,{population:j,target:s.toUpperCase()})]})]})})}function I({label:t,value:n}){return e.jsxs("div",{className:"rounded-lg bg-slate-800/50 px-2.5 py-2 ring-1 ring-slate-700/40",children:[e.jsx("div",{className:"text-[10px] text-slate-500",children:t}),e.jsx("div",{className:"text-sm font-mono text-slate-100",children:n})]})}function Pe({status:t,generation:n,bestFitness:s,targetLength:a,convergence:r}){if(t==="idle")return{main:"Start the simulator to create the initial random population. Every individual has the same length as the target string.",points:["Fitness = number of correct characters in correct positions.","Roulette selection gives fitter strings higher chance to reproduce.","Elitism keeps the best individual every generation."]};if(t==="paused")return{main:"Simulation is paused. Compare the best and average fitness lines before continuing.",points:[`Current convergence is ${r.toFixed(1)}%.`,"If average fitness is catching best fitness, population is stabilizing.","Resume to observe further crossover + mutation effects."]};if(t==="finished"){const l=a>0&&s>=a;return{main:l?`Solved in ${n} generations. The best individual now exactly matches the target.`:`Reached max generations at ${r.toFixed(1)}% convergence without full match.`,points:l?["Notice how best fitness rose in steps when useful mutations appeared.","Average fitness should trend upward as good genes spread.","Try Free-play to test lower mutation or alternate selection strategy."]:["Try increasing max generations or population size.","Slightly higher mutation can help escape local plateaus.","Free-play mode lets you experiment with these trade-offs."]}}return n<10?{main:"Early phase: selection pressure is starting to amplify better character matches.",points:["Watch the best-fitness line jump when a useful mutation appears.","Average fitness may rise slowly at first—this is normal.","Crossover recombines partial matches from different parents."]}:r<60?{main:"Middle phase: the population is accumulating correct characters in more positions.",points:["Best fitness reflects the strongest candidate so far.","Average fitness indicates overall population quality.","Gap between best and average shows remaining diversity."]}:{main:"Late phase: convergence is high; progress often comes from rare beneficial mutations.",points:["Near the end, single-character improvements become more important.","If progress stalls, Free-play can help you tune mutation and generation budget.","Use Gene Comparison to see exactly which positions remain incorrect."]}}export{He as default};
+import{j as e,r as i}from"./index-DBkLeWDs.js";import{g as de}from"./audioContext-NbgqvQGz.js";import{S as ue}from"./shuffle-Dlr-c52A.js";import{P as B}from"./play-mcIZClKO.js";import{P as xe}from"./pause-CG1snUW9.js";import{R as me}from"./rotate-ccw-7GTUOPy4.js";import{V as ge,a as he}from"./volume-x-BSx9gxSg.js";function U(t,n,s,a){return t.length===0?"":t.length===1?`0,${s}`:t.map((r,l)=>{const o=l/(t.length-1)*n,c=s-Math.max(0,r)/Math.max(1,a)*s;return`${o},${c}`}).join(" ")}function pe({best:t,avg:n,targetLength:s}){const l=Math.max(s,...t,...n,1);return e.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/70 p-4 shadow-xl shadow-black/20 backdrop-blur-sm",children:[e.jsxs("div",{className:"mb-3",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-300",children:"Fitness Monitor"}),e.jsx("p",{className:"mt-0.5 text-[10px] text-slate-500",children:"Lab readout for best and average population health"})]}),e.jsx("div",{className:"w-full overflow-x-auto",children:e.jsxs("svg",{viewBox:"0 0 640 220",className:"w-full min-w-[560px] h-56 rounded-xl bg-slate-950/80 ring-1 ring-slate-700/50",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"fitnessGlow",x1:"0",x2:"1",y1:"0",y2:"0",children:[e.jsx("stop",{offset:"0%",stopColor:"rgb(244 63 94)"}),e.jsx("stop",{offset:"100%",stopColor:"rgb(52 211 153)"})]})}),e.jsx("line",{x1:"0",y1:220,x2:640,y2:220,stroke:"rgb(71 85 105 / 0.7)",strokeWidth:"1"}),e.jsx("line",{x1:"0",y1:"0",x2:"0",y2:220,stroke:"rgb(71 85 105 / 0.7)",strokeWidth:"1"}),s>0&&e.jsx("line",{x1:"0",y1:220-s/l*220,x2:640,y2:220-s/l*220,stroke:"rgb(74 222 128 / 0.35)",strokeDasharray:"4 4",strokeWidth:"1"}),e.jsx("polyline",{fill:"none",stroke:"url(#fitnessGlow)",strokeWidth:"3",points:U(t,640,220,l)}),e.jsx("polyline",{fill:"none",stroke:"rgb(56 189 248)",strokeWidth:"2",points:U(n,640,220,l)})]})}),e.jsxs("div",{className:"mt-2 flex items-center gap-4 text-[10px] text-slate-400",children:[e.jsxs("span",{className:"inline-flex items-center gap-1",children:[e.jsx("span",{className:"h-2 w-2 rounded-full bg-rose-500"})," Best Fitness"]}),e.jsxs("span",{className:"inline-flex items-center gap-1",children:[e.jsx("span",{className:"h-2 w-2 rounded-full bg-sky-400"})," Average Fitness"]})]})]})}function be({population:t,target:n}){return e.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/70 p-4 shadow-xl shadow-black/20 backdrop-blur-sm",children:[e.jsxs("div",{className:"mb-3 flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-300",children:"Candidate Profiles"}),e.jsx("p",{className:"mt-0.5 text-[10px] text-slate-500",children:"The strongest survivors in this generation"})]}),e.jsxs("span",{className:"rounded-full bg-emerald-500/10 px-2 py-0.5 text-[10px] font-semibold text-emerald-300 ring-1 ring-emerald-500/25",children:["Top ",t.length||0]})]}),e.jsx("div",{className:"space-y-1.5 max-h-72 overflow-auto pr-1",children:t.map((s,a)=>e.jsxs("div",{className:`rounded-xl px-3 py-2 ring-1 transition-all ${a===0?"bg-emerald-500/10 ring-emerald-500/30 shadow-lg shadow-emerald-950/20":"bg-slate-800/50 ring-slate-700/40"}`,children:[e.jsxs("div",{className:"flex items-center justify-between text-[10px] text-slate-500",children:[e.jsxs("span",{className:"inline-flex items-center gap-1",children:[e.jsx("span",{className:`h-2 w-2 rounded-full ${a===0?"bg-emerald-400":"bg-slate-600"}`}),"Subject #",a+1]}),e.jsxs("span",{className:"font-mono",children:[s.fitness," / ",n.length]})]}),e.jsx("div",{className:"mt-1 font-mono text-xs text-slate-200 tracking-wide break-all",children:s.genes}),e.jsx("div",{className:"mt-2 h-1 overflow-hidden rounded-full bg-slate-950/70",children:e.jsx("div",{className:"h-full rounded-full bg-gradient-to-r from-emerald-400 to-cyan-300",style:{width:`${s.fitness/Math.max(1,n.length)*100}%`}})})]},`${s.genes}-${a}`))})]})}function fe({target:t,bestGenes:n}){return e.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/70 p-4 shadow-xl shadow-black/20 backdrop-blur-sm",children:[e.jsxs("div",{className:"mb-3",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-300",children:"DNA Match Board"}),e.jsx("p",{className:"mt-0.5 text-[10px] text-slate-500",children:"Green cells already match the target phrase"})]}),e.jsxs("div",{className:"space-y-3 font-mono text-sm",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-[10px] text-slate-500 mb-1",children:"Target"}),e.jsx("div",{className:"rounded-xl bg-slate-950/70 ring-1 ring-slate-700/40 px-3 py-2 break-all tracking-wide text-slate-200",children:t||"(empty)"})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-[10px] text-slate-500 mb-1",children:"Best Individual"}),e.jsxs("div",{className:"rounded-xl bg-slate-950/70 ring-1 ring-slate-700/40 px-3 py-2 break-all tracking-wide",children:[(n||"").split("").map((s,a)=>{const r=t[a]===s;return e.jsx("span",{className:`mx-0.5 inline-flex min-w-5 justify-center rounded px-1 py-0.5 ${r?"bg-emerald-500/20 text-emerald-200 ring-1 ring-emerald-500/30":"bg-slate-800/60 text-slate-300 ring-1 ring-slate-700/40"}`,children:s},`${s}-${a}`)}),!n&&e.jsx("span",{className:"text-slate-500",children:"Start the simulator to see candidate DNA."})]})]})]})]})}const q=["#f8c9a5","#d99b6c","#8d5524","#f1b982","#c68642"],K=["#22c55e","#38bdf8","#a78bfa","#fb7185","#facc15","#2dd4bf"];function ve({population:t,target:n,generation:s,convergence:a,status:r}){const l=t.length>0?t.slice(0,12):Array.from({length:12},(c,d)=>({genes:"????",fitness:Math.max(0,12-d)})),o=Math.max(1,n.length);return e.jsxs("section",{className:"relative overflow-hidden rounded-2xl border border-emerald-700/30 bg-[radial-gradient(circle_at_top_left,rgba(16,185,129,0.18),transparent_34%),linear-gradient(135deg,rgba(15,23,42,0.96),rgba(6,78,59,0.42))] p-4 shadow-2xl shadow-black/30 md:p-5",children:[e.jsx("div",{className:"pointer-events-none absolute inset-x-0 bottom-0 h-28 bg-gradient-to-t from-emerald-950/50 to-transparent"}),e.jsxs("div",{className:"relative z-10 flex flex-col gap-3 md:flex-row md:items-start md:justify-between",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-base font-bold text-white md:text-lg",children:"Population Habitat"}),e.jsx("p",{className:"mt-1 text-xs leading-relaxed text-emerald-100/65",children:"Each person is a candidate solution. Brighter badges mean more matching genes survived selection."})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-2 text-center",children:[e.jsx(_,{label:"Gen",value:s}),e.jsx(_,{label:"Fit",value:`${a.toFixed(0)}%`}),e.jsx(_,{label:"State",value:r})]})]}),e.jsxs("div",{className:"relative z-10 mt-5 rounded-2xl border border-emerald-950/50 bg-emerald-950/25 p-4 shadow-inner",children:[e.jsx("div",{className:"absolute inset-x-6 bottom-3 h-10 rounded-[50%] bg-black/20 blur-xl"}),e.jsx("div",{className:"relative grid grid-cols-3 gap-x-3 gap-y-5 sm:grid-cols-4 lg:grid-cols-6",children:l.map((c,d)=>{const p=c.fitness/o,m=d===0&&t.length>0;return e.jsx(je,{rank:d+1,genes:c.genes,fitnessRatio:p,isElite:m,skin:q[d%q.length],shirt:K[d%K.length]},`${c.genes}-${d}`)})})]})]})}function je({rank:t,genes:n,fitnessRatio:s,isElite:a,skin:r,shirt:l}){const o=Math.max(0,Math.min(1,s)),c=a?"shadow-[0_0_26px_rgba(52,211,153,0.45)]":"",d=.4+o*.6;return e.jsxs("div",{className:`group relative flex flex-col items-center rounded-2xl border px-2 py-3 transition-all hover:-translate-y-1 ${a?"border-emerald-300/50 bg-emerald-400/10":"border-emerald-900/30 bg-slate-950/25"} ${c}`,children:[e.jsxs("div",{className:"absolute right-1.5 top-1.5 rounded-full bg-slate-950/70 px-1.5 py-0.5 text-[9px] font-bold text-slate-400 ring-1 ring-slate-700/50",children:["#",t]}),e.jsxs("div",{className:"relative mt-2",children:[e.jsxs("div",{className:"h-9 w-9 rounded-full border border-black/15 shadow-inner",style:{backgroundColor:r,opacity:d},children:[e.jsxs("div",{className:"mx-auto mt-3 flex w-4 justify-between",children:[e.jsx("span",{className:"h-1 w-1 rounded-full bg-slate-950/70"}),e.jsx("span",{className:"h-1 w-1 rounded-full bg-slate-950/70"})]}),e.jsx("div",{className:"mx-auto mt-1 h-1 w-3 rounded-full bg-slate-950/40"})]}),e.jsx("div",{className:"mx-auto -mt-1 h-10 w-12 rounded-t-2xl rounded-b-lg border border-black/15 shadow-lg",style:{backgroundColor:l,opacity:d}})]}),e.jsx("div",{className:"mt-2 h-1.5 w-full overflow-hidden rounded-full bg-slate-950/70",children:e.jsx("div",{className:"h-full rounded-full bg-gradient-to-r from-emerald-400 to-cyan-300 transition-all",style:{width:`${o*100}%`}})}),e.jsx("div",{className:"mt-1 max-w-full truncate font-mono text-[9px] text-emerald-100/70",children:n||"waiting"})]})}function _({label:t,value:n}){return e.jsxs("div",{className:"rounded-xl bg-slate-950/45 px-3 py-2 ring-1 ring-emerald-500/20",children:[e.jsx("div",{className:"text-[9px] uppercase tracking-wider text-emerald-100/45",children:t}),e.jsx("div",{className:"mt-0.5 text-xs font-bold capitalize text-emerald-100",children:n})]})}const J="ABCDEFGHIJKLMNOPQRSTUVWXYZ .,!?-",$={target:"HELLO WORLD",populationSize:300,mutationRate:.03,crossoverRate:.75,maxGenerations:500,selectionStrategy:"roulette"},X=["HELLO WORLD","GENETIC ALGORITHM","EVOLUTION IN ACTION","SURVIVAL OF THE FITTEST","OPTIMIZE THE GENES"];function Q(t){let n=t>>>0;const s=()=>(n=1664525*n+1013904223>>>0,n/4294967296);return{next:s,int:(r,l)=>l<=r?r:Math.floor(s()*(l-r+1))+r}}function Ne(t,n,s){let a="";for(let r=0;r({...s,fitness:we(s.genes,n)}))}function ee(t){return t.length===0?0:t.reduce((s,a)=>s+a.fitness,0)/t.length}function Se(t,n){const s=t.reduce((l,o)=>l+o.fitness,0);if(s<=0)return t[n.int(0,t.length-1)];const a=n.next()*s;let r=0;for(let l=0;l=a)return t[l];return t[t.length-1]}function ke(t,n,s){let a=t[s.int(0,t.length-1)];const r=Math.max(1,n);for(let l=1;la.fitness&&(a=o)}return a}function Y(t,n,s,a){return n==="tournament"?ke(t,s,a):Se(t,a)}function Ce(t,n,s,a){const r=t.genes.length;if(r<=1||a.next()>s)return t.genes;const l=a.int(1,r-1);return t.genes.slice(0,l)+n.genes.slice(l)}function Te(t,n,s,a){if(t.length===0)return t;let r="";for(let l=0;ls.fitness-n.fitness)}function te(t,n,s,a){return n===0?"Target is empty. Enter a target to evolve.":t>=n?`Solution found in ${s} generations`:s>=a?"Max generations reached without full match":"Evolving..."}function Re(t,n){const s=t.target.length,a=Q(n),r=ye(t.populationSize,s,t.allowedChars,a),l=V(D(r,t.target)),o=l[0]??{genes:"",fitness:0},c=ee(l),d=s===0||o.fitness>=s;return{generation:0,population:l,bestIndividual:W(o),averageFitness:c,bestFitnessHistory:[o.fitness],averageFitnessHistory:[c],rngSeed:n,done:d,message:te(o.fitness,s,0,t.maxGenerations)}}function Me(t,n){if(n.done)return n;const s=t.target.length,a=Q(n.rngSeed+n.generation+1),r=V(D(n.population,t.target)),l=r[0]?W(r[0]):{genes:"",fitness:0},o=[l];for(;o.length=s||d>=t.maxGenerations;return{generation:d,population:c,bestIndividual:W(p),averageFitness:m,bestFitnessHistory:[...n.bestFitnessHistory,p.fitness],averageFitnessHistory:[...n.averageFitnessHistory,m],rngSeed:n.rngSeed,done:x,message:te(p.fitness,s,d,t.maxGenerations)}}const H=[220,261.63,293.66,329.63,392,440,523.25,659.25,783.99];function Ee(){const t=i.useRef(!0),n=i.useCallback(()=>de(),[]),s=i.useCallback(c=>{t.current=c},[]),a=i.useCallback((c,d,p,m=.05)=>{if(!t.current)return;const x=n();if(!x)return;const h=x.createOscillator(),v=x.createGain();h.type=d,h.frequency.setValueAtTime(c,x.currentTime),v.gain.setValueAtTime(m,x.currentTime),v.gain.exponentialRampToValueAtTime(.001,x.currentTime+p),h.connect(v),v.connect(x.destination),h.start(x.currentTime),h.stop(x.currentTime+p)},[n]),r=i.useCallback((c,d)=>{const p=d>0?c/d:0,m=Math.max(0,Math.min(H.length-1,Math.floor(p*(H.length-1))));a(H[m],"sine",.06,.03)},[a]),l=i.useCallback(()=>{a(523.25,"triangle",.08,.05)},[a]),o=i.useCallback(()=>{if(!t.current)return;const c=n();c&&[523.25,659.25,783.99].forEach((d,p)=>{const m=c.createOscillator(),x=c.createGain(),h=c.currentTime+p*.1;m.type="sine",m.frequency.setValueAtTime(d,h),x.gain.setValueAtTime(.06,h),x.gain.exponentialRampToValueAtTime(.001,h+.16),m.connect(x),x.connect(c.destination),m.start(h),m.stop(h+.16)})},[n]);return{setEnabled:s,playGenerationTick:r,playImprove:l,playComplete:o}}function Z(t){const n=t.toUpperCase();let s="";for(let a=0;a{n(g),g==="guided"&&(a("HELLO WORLD"),l(300),c(3),p(75),x(500),v("roulette"),M(35))},[]);i.useEffect(()=>{O(S)},[S,O]);const C=i.useCallback(()=>{k.current&&(clearTimeout(k.current),k.current=null)},[]),z=i.useCallback(()=>({target:Z(s),populationSize:Math.max(1,r),mutationRate:Math.min(1,Math.max(0,o/100)),crossoverRate:Math.min(1,Math.max(0,d/100)),maxGenerations:Math.max(1,m),selectionStrategy:h,tournamentSize:5,allowedChars:J}),[s,r,o,d,m,h]),u=i.useCallback(()=>{N(g=>{if(!g||!E.current)return g;const T=Me(E.current,g),R=E.current.target.length;return G(T.bestIndividual.fitness,R),T.bestIndividual.fitness>F.current&&P(),F.current=T.bestIndividual.fitness,T.done&&(f(),y("finished")),T})},[G,P,f]);i.useEffect(()=>{if(j!=="running"){C();return}const g=()=>{u(),k.current=setTimeout(g,w)};return k.current=setTimeout(g,w),C},[j,w,u,C]);const se=i.useCallback(()=>{const g=z();E.current=g;const R=Re(g,1337);F.current=R.bestIndividual.fitness,N(R),R.bestIndividual.fitness>0&&G(R.bestIndividual.fitness,g.target.length),y(R.done?"finished":"running")},[z,G]),ne=i.useCallback(()=>{j==="running"&&y("paused")},[j]),ae=i.useCallback(()=>{j==="paused"&&y("running")},[j]),re=i.useCallback(()=>{C(),N(null),y("idle"),F.current=0},[C]),le=i.useCallback(g=>{A(g)},[]),ie=i.useCallback(()=>{const g=Math.floor(Math.random()*X.length);a(X[g])},[]),oe=i.useMemo(()=>b?.population?b.population.slice(0,10):[],[b]),ce=i.useMemo(()=>{const g=Math.max(1,Z(s).length);return(b?.bestIndividual.fitness??0)/g*100},[b,s]);return{mode:t,setMode:L,target:s,setTarget:a,populationSize:r,setPopulationSize:l,mutationRatePercent:o,setMutationRatePercent:c,crossoverRatePercent:d,setCrossoverRatePercent:p,maxGenerations:m,setMaxGenerations:x,selectionStrategy:h,setSelectionStrategy:v,speedMs:w,setSpeedMs:M,soundEnabled:S,toggleSound:le,state:b,status:j,topIndividuals:oe,convergence:ce,start:se,pause:ne,resume:ae,reset:re,randomTarget:ie}}const Ge=[{label:"Slow",value:120},{label:"Med",value:35},{label:"Fast",value:8}];function He(){const{mode:t,setMode:n,target:s,setTarget:a,populationSize:r,setPopulationSize:l,mutationRatePercent:o,setMutationRatePercent:c,crossoverRatePercent:d,setCrossoverRatePercent:p,maxGenerations:m,setMaxGenerations:x,selectionStrategy:h,setSelectionStrategy:v,speedMs:w,setSpeedMs:M,soundEnabled:S,toggleSound:A,state:b,status:N,topIndividuals:j,convergence:y,start:k,pause:E,resume:F,reset:O,randomTarget:G}=Fe(),P=N==="running",f=t==="guided",L=b?.bestIndividual,C=b?.averageFitness??0,z=Pe({status:N,generation:b?.generation??0,bestFitness:L?.fitness??0,targetLength:s.length,convergence:y});return e.jsx("div",{className:"flex-1 overflow-y-auto bg-[radial-gradient(circle_at_top,rgba(16,185,129,0.12),transparent_34%),linear-gradient(180deg,rgba(15,23,42,0),rgba(6,78,59,0.16))] p-4 md:p-6",children:e.jsxs("div",{className:"mx-auto max-w-6xl space-y-4",children:[e.jsxs("section",{className:"relative overflow-hidden rounded-2xl border border-emerald-700/30 bg-[radial-gradient(circle_at_top_left,rgba(34,197,94,0.18),transparent_34%),linear-gradient(135deg,rgba(15,23,42,0.96),rgba(6,78,59,0.36))] p-4 shadow-2xl shadow-black/30 backdrop-blur-sm md:p-5",children:[e.jsx("div",{className:"pointer-events-none absolute right-6 top-4 text-7xl opacity-10",children:"🧬"}),e.jsx("h2",{className:"text-lg md:text-xl font-bold text-white",children:"Evolution Lab — Genetic Algorithm"}),e.jsx("p",{className:"text-xs text-emerald-100/65 mt-1",children:"Evolve a population of digital people toward a target phrase using selection, crossover, and mutation."}),e.jsx("div",{className:"mt-3 rounded-xl bg-emerald-500/10 ring-1 ring-emerald-500/20 px-3 py-2",children:e.jsx("p",{className:"text-[11px] text-emerald-50/80 leading-relaxed",children:"Each generation is a lab cycle: evaluate every person → select stronger parents → combine DNA → mutate a few genes → keep the elite survivor."})}),e.jsxs("div",{className:"mt-3 grid grid-cols-2 gap-2 md:max-w-sm",children:[e.jsx("button",{onClick:()=>n("guided"),className:`rounded-lg px-3 py-2 text-xs font-semibold ring-1 transition-all ${f?"bg-amber-500/20 text-amber-300 ring-amber-500/40":"bg-slate-800/60 text-slate-400 ring-slate-700/40 hover:bg-slate-700/60"}`,children:"Guided Mode"}),e.jsx("button",{onClick:()=>n("free-play"),className:`rounded-lg px-3 py-2 text-xs font-semibold ring-1 transition-all ${f?"bg-slate-800/60 text-slate-400 ring-slate-700/40 hover:bg-slate-700/60":"bg-cyan-500/20 text-cyan-300 ring-cyan-500/40"}`,children:"Free-play Mode"})]}),f&&e.jsx("p",{className:"mt-2 text-[10px] text-amber-300/80",children:"Guided mode uses recommended settings (HELLO WORLD, pop 300, mutation 3%, crossover 75%) for stable learning."}),f&&e.jsxs("div",{className:"mt-3 rounded-xl border border-amber-500/20 bg-amber-500/5 p-3",children:[e.jsx("h4",{className:"text-[10px] font-semibold uppercase tracking-wider text-amber-300",children:"Guided Walkthrough"}),e.jsx("p",{className:"mt-1 text-xs text-slate-300 leading-relaxed",children:z.main}),e.jsx("ul",{className:"mt-2 space-y-1 text-[11px] text-slate-400 list-disc pl-4",children:z.points.map(u=>e.jsx("li",{children:u},u))})]}),e.jsxs("div",{className:"mt-4 grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] text-slate-400",children:"Target String"}),e.jsxs("div",{className:"mt-1 flex gap-2",children:[e.jsx("input",{value:s,onChange:u=>a(u.target.value),placeholder:"HELLO WORLD",disabled:f,className:"flex-1 rounded-lg bg-slate-950/70 px-3 py-2 text-sm text-slate-200 ring-1 ring-slate-700/50 outline-none focus:ring-cyan-500/50"}),e.jsx("button",{onClick:G,disabled:f,className:"rounded-lg bg-slate-800/70 px-3 py-2 text-xs text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/70",children:e.jsx(ue,{size:14})})]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] text-slate-400",children:"Population Size"}),e.jsx("input",{type:"number",min:1,max:2e3,value:r,disabled:f,onChange:u=>l(Number(u.target.value)||1),className:"mt-1 w-full rounded-lg bg-slate-950/70 px-3 py-2 text-sm text-slate-200 ring-1 ring-slate-700/50"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] text-slate-400",children:"Max Generations"}),e.jsx("input",{type:"number",min:1,max:2e4,value:m,disabled:f,onChange:u=>x(Number(u.target.value)||1),className:"mt-1 w-full rounded-lg bg-slate-950/70 px-3 py-2 text-sm text-slate-200 ring-1 ring-slate-700/50"})]})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between text-[11px] text-slate-400 mb-1",children:[e.jsx("span",{children:"Mutation Rate"}),e.jsxs("span",{children:[o,"%"]})]}),e.jsx("input",{type:"range",min:0,max:100,value:o,disabled:f,onChange:u=>c(Number(u.target.value)),className:"w-full accent-rose-500"})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between text-[11px] text-slate-400 mb-1",children:[e.jsx("span",{children:"Crossover Rate"}),e.jsxs("span",{children:[d,"%"]})]}),e.jsx("input",{type:"range",min:0,max:100,value:d,disabled:f,onChange:u=>p(Number(u.target.value)),className:"w-full accent-sky-500"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] text-slate-400",children:"Selection Strategy"}),e.jsx("div",{className:"mt-1 grid grid-cols-2 gap-2",children:["roulette","tournament"].map(u=>e.jsx("button",{disabled:f,onClick:()=>v(u),className:`rounded-lg px-3 py-2 text-xs font-medium ring-1 transition-all ${h===u?"bg-emerald-500/20 text-emerald-300 ring-emerald-500/40":"bg-slate-800/60 text-slate-400 ring-slate-700/40 hover:bg-slate-700/60"}`,children:u==="roulette"?"Roulette Wheel":"Tournament"},u))})]})]})]}),e.jsxs("div",{className:"mt-4 flex flex-wrap items-center gap-2",children:[e.jsxs("button",{onClick:k,className:"inline-flex items-center gap-1.5 rounded-lg bg-cyan-500/20 px-3 py-2 text-xs font-semibold text-cyan-300 ring-1 ring-cyan-500/40 hover:bg-cyan-500/30",children:[e.jsx(B,{size:14})," Start"]}),e.jsxs("button",{onClick:P?E:F,disabled:N==="idle"||N==="finished",className:"inline-flex items-center gap-1.5 rounded-lg bg-slate-800/70 px-3 py-2 text-xs font-semibold text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/70 disabled:opacity-40",children:[P?e.jsx(xe,{size:14}):e.jsx(B,{size:14}),P?"Pause":"Resume"]}),e.jsxs("button",{onClick:O,className:"inline-flex items-center gap-1.5 rounded-lg bg-slate-800/70 px-3 py-2 text-xs font-semibold text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/70",children:[e.jsx(me,{size:14})," Reset"]}),e.jsxs("button",{onClick:()=>A(!S),className:`inline-flex items-center gap-1.5 rounded-lg px-3 py-2 text-xs font-semibold ring-1 ${S?"bg-indigo-500/15 text-indigo-300 ring-indigo-500/30":"bg-slate-800/70 text-slate-400 ring-slate-700/40"}`,children:[S?e.jsx(ge,{size:14}):e.jsx(he,{size:14}),S?"Sound On":"Sound Off"]}),e.jsxs("div",{className:"ml-auto inline-flex items-center gap-2",children:[e.jsx("span",{className:"text-[11px] text-slate-500",children:"Speed"}),Ge.map(u=>e.jsx("button",{onClick:()=>M(u.value),className:`rounded px-2 py-1 text-[10px] font-medium ${w===u.value?"bg-emerald-500/20 text-emerald-300 ring-1 ring-emerald-500/40":"bg-slate-800/60 text-slate-400 ring-1 ring-slate-700/40"}`,children:u.label},u.value))]})]})]}),e.jsx(ve,{population:j,target:s.toUpperCase(),generation:b?.generation??0,convergence:y,status:N}),e.jsxs("section",{className:"grid grid-cols-1 lg:grid-cols-3 gap-4",children:[e.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/70 p-4 shadow-xl shadow-black/20 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Statistics"}),e.jsxs("div",{className:"grid grid-cols-2 gap-2 text-xs",children:[e.jsx(I,{label:"Generation",value:b?.generation??0}),e.jsx(I,{label:"Best Fitness",value:`${L?.fitness??0} / ${s.length}`}),e.jsx(I,{label:"Avg Fitness",value:C.toFixed(2)}),e.jsx(I,{label:"Convergence",value:`${y.toFixed(1)}%`}),e.jsx(I,{label:"Mutation",value:`${o}%`}),e.jsx(I,{label:"Population",value:r})]}),e.jsx("p",{className:"mt-3 text-[11px] text-slate-400",children:b?.message??"Ready to evolve."})]}),e.jsx("div",{className:"lg:col-span-2",children:e.jsx(fe,{target:s.toUpperCase(),bestGenes:L?.genes??""})})]}),e.jsxs("section",{className:"grid grid-cols-1 lg:grid-cols-3 gap-4",children:[e.jsx("div",{className:"lg:col-span-2",children:e.jsx(pe,{best:b?.bestFitnessHistory??[],avg:b?.averageFitnessHistory??[],targetLength:s.length})}),e.jsx(be,{population:j,target:s.toUpperCase()})]})]})})}function I({label:t,value:n}){return e.jsxs("div",{className:"rounded-lg bg-slate-800/50 px-2.5 py-2 ring-1 ring-slate-700/40",children:[e.jsx("div",{className:"text-[10px] text-slate-500",children:t}),e.jsx("div",{className:"text-sm font-mono text-slate-100",children:n})]})}function Pe({status:t,generation:n,bestFitness:s,targetLength:a,convergence:r}){if(t==="idle")return{main:"Start the simulator to create the initial random population. Every individual has the same length as the target string.",points:["Fitness = number of correct characters in correct positions.","Roulette selection gives fitter strings higher chance to reproduce.","Elitism keeps the best individual every generation."]};if(t==="paused")return{main:"Simulation is paused. Compare the best and average fitness lines before continuing.",points:[`Current convergence is ${r.toFixed(1)}%.`,"If average fitness is catching best fitness, population is stabilizing.","Resume to observe further crossover + mutation effects."]};if(t==="finished"){const l=a>0&&s>=a;return{main:l?`Solved in ${n} generations. The best individual now exactly matches the target.`:`Reached max generations at ${r.toFixed(1)}% convergence without full match.`,points:l?["Notice how best fitness rose in steps when useful mutations appeared.","Average fitness should trend upward as good genes spread.","Try Free-play to test lower mutation or alternate selection strategy."]:["Try increasing max generations or population size.","Slightly higher mutation can help escape local plateaus.","Free-play mode lets you experiment with these trade-offs."]}}return n<10?{main:"Early phase: selection pressure is starting to amplify better character matches.",points:["Watch the best-fitness line jump when a useful mutation appears.","Average fitness may rise slowly at first—this is normal.","Crossover recombines partial matches from different parents."]}:r<60?{main:"Middle phase: the population is accumulating correct characters in more positions.",points:["Best fitness reflects the strongest candidate so far.","Average fitness indicates overall population quality.","Gap between best and average shows remaining diversity."]}:{main:"Late phase: convergence is high; progress often comes from rare beneficial mutations.",points:["Near the end, single-character improvements become more important.","If progress stalls, Free-play can help you tune mutation and generation budget.","Use Gene Comparison to see exactly which positions remain incorrect."]}}export{He as default};
diff --git a/docs/assets/FibonacciGamePage-CoiJID2A.js b/docs/assets/FibonacciGamePage-Bd8sKYsw.js
similarity index 98%
rename from docs/assets/FibonacciGamePage-CoiJID2A.js
rename to docs/assets/FibonacciGamePage-Bd8sKYsw.js
index b25a672..6e91470 100644
--- a/docs/assets/FibonacciGamePage-CoiJID2A.js
+++ b/docs/assets/FibonacciGamePage-Bd8sKYsw.js
@@ -1,4 +1,4 @@
-import{c as re,r as x,j as e}from"./index-eCXyAnHs.js";import{T as le}from"./trophy-DkUzH7jB.js";import{F as oe,L as ce}from"./lightbulb-B7pRWk3f.js";import{T as de}from"./timer-DSbfy6P3.js";import{R as xe}from"./rotate-ccw-B8GZP3d7.js";import{V as me,a as ue}from"./volume-x-CTbtCvt-.js";import{g as fe}from"./audioContext-NbgqvQGz.js";const he=[["path",{d:"M16.8 11.2c.8-.9 1.2-2 1.2-3.2a6 6 0 0 0-9.3-5",key:"1fkcox"}],["path",{d:"m2 2 20 20",key:"1ooewy"}],["path",{d:"M6.3 6.3a4.67 4.67 0 0 0 1.2 5.2c.7.7 1.3 1.5 1.5 2.5",key:"10m8kw"}],["path",{d:"M9 18h6",key:"x1upvd"}],["path",{d:"M10 22h4",key:"ceow96"}]],ge=re("lightbulb-off",he),pe=["right","up","left","down"],D={guided:{name:"Guided",description:"Learn step-by-step with hints and formula guidance."},challenge:{name:"Challenge",description:"Race against time! Pick the right block from multiple choices."},sandbox:{name:"Sandbox",description:"Explore freely with no scoring or time pressure."}},C={title:"Fibonacci Spiral Builder",subtitle:"Inspired by Leonardo Fibonacci",what:"Build a golden spiral by placing squares in the Fibonacci sequence. Each square's side length equals the sum of the two before it (1, 1, 2, 3, 5, 8, 13...). As you place them, a beautiful spiral emerges — the same pattern found in sunflowers, seashells, and galaxies.",skills:["Pattern Recognition","Mathematical Sequences","Spatial Reasoning","Golden Ratio Intuition"]};function W(t){if(t.length===0)return{minX:0,minY:0,maxX:0,maxY:0};let s=1/0,a=1/0,o=-1/0,n=-1/0;for(const l of t)s=Math.min(s,l.x),a=Math.min(a,l.y),o=Math.max(o,l.x+l.size),n=Math.max(n,l.y+l.size);return{minX:s,minY:a,maxX:o,maxY:n}}function be(t,s,a){if(t.length===0)return{x:0,y:0,direction:"right"};if(t.length===1){const i=t[0];return{x:i.x+i.size,y:i.y,direction:"right"}}const o=W(t),n=pe[a%4];let l=0,d=0;switch(n){case"right":l=o.maxX,d=o.maxY-s;break;case"up":l=o.maxX-s,d=o.minY-s;break;case"left":l=o.minX-s,d=o.minY;break;case"down":l=o.minX,d=o.maxY;break}return{x:l,y:d,direction:n}}function je(t){const{x:s,y:a,size:o,direction:n}=t,l=o;switch(n){case"right":return`M ${s} ${a+o} A ${l} ${l} 0 0 1 ${s+o} ${a}`;case"up":return`M ${s+o} ${a+o} A ${l} ${l} 0 0 1 ${s} ${a}`;case"left":return`M ${s+o} ${a} A ${l} ${l} 0 0 1 ${s} ${a+o}`;case"down":return`M ${s} ${a} A ${l} ${l} 0 0 1 ${s+o} ${a+o}`;default:return""}}function B(){return[{id:0,size:1,x:0,y:0,direction:"right",fibIndex:0},{id:1,size:1,x:1,y:0,direction:"right",fibIndex:1}]}const I=["#818cf8","#a78bfa","#c084fc","#e879f9","#f472b6","#fb7185","#f97316","#facc15","#4ade80","#34d399","#2dd4bf","#22d3ee","#38bdf8","#60a5fa","#818cf8","#a78bfa"];function Ne({placedSquares:t,lastPlacedId:s}){const{viewBox:a,squares:o}=x.useMemo(()=>{if(t.length===0)return{viewBox:"-5 -5 10 10",squares:[]};const n=W(t),l=Math.max((n.maxX-n.minX)*.15,2);return{viewBox:`${n.minX-l} ${n.minY-l} ${n.maxX-n.minX+l*2} ${n.maxY-n.minY+l*2}`,squares:t}},[t]);return t.length===0?e.jsx("div",{className:"flex flex-1 w-full min-h-[200px] h-full items-center justify-center rounded-xl border border-slate-700/50 bg-slate-950/80 text-slate-500",children:"Place the first block to begin"}):e.jsx("div",{className:"flex-1 w-full min-h-[200px] rounded-xl border border-slate-700/50 bg-slate-950/80 p-2 shadow-2xl backdrop-blur-sm overflow-hidden",children:e.jsxs("svg",{viewBox:a,className:"w-full h-full",preserveAspectRatio:"xMidYMid meet",children:[e.jsx("defs",{children:e.jsxs("filter",{id:"glow",children:[e.jsx("feGaussianBlur",{stdDeviation:"0.5",result:"coloredBlur"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"coloredBlur"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]})}),o.map((n,l)=>{const d=I[l%I.length],i=n.id===s;return e.jsxs("g",{children:[e.jsx("rect",{x:n.x,y:n.y,width:n.size,height:n.size,fill:d,fillOpacity:.12,stroke:d,strokeWidth:Math.max(n.size*.02,.15),strokeOpacity:.6,rx:n.size*.02,className:i?"animate-pulse":"",filter:i?"url(#glow)":void 0}),e.jsx("text",{x:n.x+n.size/2,y:n.y+n.size/2,textAnchor:"middle",dominantBaseline:"central",fill:d,fillOpacity:.7,fontSize:Math.max(n.size*.35,.6),fontWeight:700,fontFamily:"ui-monospace, monospace",children:n.size})]},n.id)}),o.map((n,l)=>{const d=I[l%I.length],i=je(n);return e.jsx("path",{d:i,fill:"none",stroke:d,strokeWidth:Math.max(n.size*.03,.15),strokeOpacity:.8,strokeLinecap:"round"},`arc-${n.id}`)})]})})}function ye({blocks:t,mode:s,lastError:a,shakeBlockId:o,isComplete:n,onPlaceBlock:l}){const[d,i]=x.useState("");if(n)return e.jsxs("div",{className:"rounded-xl border border-emerald-500/30 bg-emerald-500/5 p-6 text-center",children:[e.jsx("div",{className:"text-3xl mb-2",children:"🎉"}),e.jsx("p",{className:"text-emerald-300 font-semibold text-sm",children:"Spiral Complete!"}),e.jsx("p",{className:"text-emerald-400/60 text-xs mt-1",children:"Beautiful golden spiral achieved"})]});const r=()=>{const c=parseInt(d,10);isNaN(c)||c<=0||(l(c),i(""))},u=s==="sandbox";return e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Place Next Block"}),u?e.jsxs("div",{className:"flex gap-2",children:[e.jsx("input",{type:"number",inputMode:"numeric",value:d,onChange:c=>i(c.target.value),onKeyDown:c=>c.key==="Enter"&&r(),placeholder:"Enter next number...",className:"flex-1 rounded-lg bg-slate-800/60 px-3 py-3 text-center text-lg font-mono font-bold text-white placeholder-slate-500 outline-none ring-1 ring-slate-700/50 focus:ring-indigo-500/50"}),e.jsx("button",{onClick:r,disabled:!d.trim(),className:"rounded-lg bg-gradient-to-br from-indigo-500/20 to-violet-500/20 px-5 py-3 text-sm font-semibold text-indigo-200 ring-1 ring-indigo-500/30 transition-all hover:from-indigo-500/30 hover:to-violet-500/30 active:scale-95 disabled:opacity-40 disabled:cursor-not-allowed",children:"Place"})]}):e.jsx("div",{className:"flex flex-wrap gap-2 justify-center",children:t.map(c=>{const m=o===c.size;return e.jsx("button",{onClick:()=>l(c.size),className:`
+import{c as re,r as x,j as e}from"./index-DBkLeWDs.js";import{T as le}from"./trophy-C1QWh03u.js";import{F as oe,L as ce}from"./lightbulb-xA5HFx8I.js";import{T as de}from"./timer-e0gb0oZa.js";import{R as xe}from"./rotate-ccw-7GTUOPy4.js";import{V as me,a as ue}from"./volume-x-BSx9gxSg.js";import{g as fe}from"./audioContext-NbgqvQGz.js";const he=[["path",{d:"M16.8 11.2c.8-.9 1.2-2 1.2-3.2a6 6 0 0 0-9.3-5",key:"1fkcox"}],["path",{d:"m2 2 20 20",key:"1ooewy"}],["path",{d:"M6.3 6.3a4.67 4.67 0 0 0 1.2 5.2c.7.7 1.3 1.5 1.5 2.5",key:"10m8kw"}],["path",{d:"M9 18h6",key:"x1upvd"}],["path",{d:"M10 22h4",key:"ceow96"}]],ge=re("lightbulb-off",he),pe=["right","up","left","down"],D={guided:{name:"Guided",description:"Learn step-by-step with hints and formula guidance."},challenge:{name:"Challenge",description:"Race against time! Pick the right block from multiple choices."},sandbox:{name:"Sandbox",description:"Explore freely with no scoring or time pressure."}},C={title:"Fibonacci Spiral Builder",subtitle:"Inspired by Leonardo Fibonacci",what:"Build a golden spiral by placing squares in the Fibonacci sequence. Each square's side length equals the sum of the two before it (1, 1, 2, 3, 5, 8, 13...). As you place them, a beautiful spiral emerges — the same pattern found in sunflowers, seashells, and galaxies.",skills:["Pattern Recognition","Mathematical Sequences","Spatial Reasoning","Golden Ratio Intuition"]};function W(t){if(t.length===0)return{minX:0,minY:0,maxX:0,maxY:0};let s=1/0,a=1/0,o=-1/0,n=-1/0;for(const l of t)s=Math.min(s,l.x),a=Math.min(a,l.y),o=Math.max(o,l.x+l.size),n=Math.max(n,l.y+l.size);return{minX:s,minY:a,maxX:o,maxY:n}}function be(t,s,a){if(t.length===0)return{x:0,y:0,direction:"right"};if(t.length===1){const i=t[0];return{x:i.x+i.size,y:i.y,direction:"right"}}const o=W(t),n=pe[a%4];let l=0,d=0;switch(n){case"right":l=o.maxX,d=o.maxY-s;break;case"up":l=o.maxX-s,d=o.minY-s;break;case"left":l=o.minX-s,d=o.minY;break;case"down":l=o.minX,d=o.maxY;break}return{x:l,y:d,direction:n}}function je(t){const{x:s,y:a,size:o,direction:n}=t,l=o;switch(n){case"right":return`M ${s} ${a+o} A ${l} ${l} 0 0 1 ${s+o} ${a}`;case"up":return`M ${s+o} ${a+o} A ${l} ${l} 0 0 1 ${s} ${a}`;case"left":return`M ${s+o} ${a} A ${l} ${l} 0 0 1 ${s} ${a+o}`;case"down":return`M ${s} ${a} A ${l} ${l} 0 0 1 ${s+o} ${a+o}`;default:return""}}function B(){return[{id:0,size:1,x:0,y:0,direction:"right",fibIndex:0},{id:1,size:1,x:1,y:0,direction:"right",fibIndex:1}]}const I=["#818cf8","#a78bfa","#c084fc","#e879f9","#f472b6","#fb7185","#f97316","#facc15","#4ade80","#34d399","#2dd4bf","#22d3ee","#38bdf8","#60a5fa","#818cf8","#a78bfa"];function Ne({placedSquares:t,lastPlacedId:s}){const{viewBox:a,squares:o}=x.useMemo(()=>{if(t.length===0)return{viewBox:"-5 -5 10 10",squares:[]};const n=W(t),l=Math.max((n.maxX-n.minX)*.15,2);return{viewBox:`${n.minX-l} ${n.minY-l} ${n.maxX-n.minX+l*2} ${n.maxY-n.minY+l*2}`,squares:t}},[t]);return t.length===0?e.jsx("div",{className:"flex flex-1 w-full min-h-[200px] h-full items-center justify-center rounded-xl border border-slate-700/50 bg-slate-950/80 text-slate-500",children:"Place the first block to begin"}):e.jsx("div",{className:"flex-1 w-full min-h-[200px] rounded-xl border border-slate-700/50 bg-slate-950/80 p-2 shadow-2xl backdrop-blur-sm overflow-hidden",children:e.jsxs("svg",{viewBox:a,className:"w-full h-full",preserveAspectRatio:"xMidYMid meet",children:[e.jsx("defs",{children:e.jsxs("filter",{id:"glow",children:[e.jsx("feGaussianBlur",{stdDeviation:"0.5",result:"coloredBlur"}),e.jsxs("feMerge",{children:[e.jsx("feMergeNode",{in:"coloredBlur"}),e.jsx("feMergeNode",{in:"SourceGraphic"})]})]})}),o.map((n,l)=>{const d=I[l%I.length],i=n.id===s;return e.jsxs("g",{children:[e.jsx("rect",{x:n.x,y:n.y,width:n.size,height:n.size,fill:d,fillOpacity:.12,stroke:d,strokeWidth:Math.max(n.size*.02,.15),strokeOpacity:.6,rx:n.size*.02,className:i?"animate-pulse":"",filter:i?"url(#glow)":void 0}),e.jsx("text",{x:n.x+n.size/2,y:n.y+n.size/2,textAnchor:"middle",dominantBaseline:"central",fill:d,fillOpacity:.7,fontSize:Math.max(n.size*.35,.6),fontWeight:700,fontFamily:"ui-monospace, monospace",children:n.size})]},n.id)}),o.map((n,l)=>{const d=I[l%I.length],i=je(n);return e.jsx("path",{d:i,fill:"none",stroke:d,strokeWidth:Math.max(n.size*.03,.15),strokeOpacity:.8,strokeLinecap:"round"},`arc-${n.id}`)})]})})}function ye({blocks:t,mode:s,lastError:a,shakeBlockId:o,isComplete:n,onPlaceBlock:l}){const[d,i]=x.useState("");if(n)return e.jsxs("div",{className:"rounded-xl border border-emerald-500/30 bg-emerald-500/5 p-6 text-center",children:[e.jsx("div",{className:"text-3xl mb-2",children:"🎉"}),e.jsx("p",{className:"text-emerald-300 font-semibold text-sm",children:"Spiral Complete!"}),e.jsx("p",{className:"text-emerald-400/60 text-xs mt-1",children:"Beautiful golden spiral achieved"})]});const r=()=>{const c=parseInt(d,10);isNaN(c)||c<=0||(l(c),i(""))},u=s==="sandbox";return e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Place Next Block"}),u?e.jsxs("div",{className:"flex gap-2",children:[e.jsx("input",{type:"number",inputMode:"numeric",value:d,onChange:c=>i(c.target.value),onKeyDown:c=>c.key==="Enter"&&r(),placeholder:"Enter next number...",className:"flex-1 rounded-lg bg-slate-800/60 px-3 py-3 text-center text-lg font-mono font-bold text-white placeholder-slate-500 outline-none ring-1 ring-slate-700/50 focus:ring-indigo-500/50"}),e.jsx("button",{onClick:r,disabled:!d.trim(),className:"rounded-lg bg-gradient-to-br from-indigo-500/20 to-violet-500/20 px-5 py-3 text-sm font-semibold text-indigo-200 ring-1 ring-indigo-500/30 transition-all hover:from-indigo-500/30 hover:to-violet-500/30 active:scale-95 disabled:opacity-40 disabled:cursor-not-allowed",children:"Place"})]}):e.jsx("div",{className:"flex flex-wrap gap-2 justify-center",children:t.map(c=>{const m=o===c.size;return e.jsx("button",{onClick:()=>l(c.size),className:`
relative flex items-center justify-center rounded-lg font-mono font-bold
transition-all duration-200 active:scale-95
min-w-[56px] min-h-[56px] px-4 py-3 text-lg
diff --git a/docs/assets/GitPage-2XUhCvHg.js b/docs/assets/GitPage-B_7vY4jd.js
similarity index 99%
rename from docs/assets/GitPage-2XUhCvHg.js
rename to docs/assets/GitPage-B_7vY4jd.js
index 5f75a9f..020a208 100644
--- a/docs/assets/GitPage-2XUhCvHg.js
+++ b/docs/assets/GitPage-B_7vY4jd.js
@@ -1,4 +1,4 @@
-import{r as w,j as i}from"./index-eCXyAnHs.js";import{g as je}from"./audioContext-NbgqvQGz.js";const V=["#818cf8","#34d399","#fb923c","#f472b6","#38bdf8","#a78bfa","#fbbf24","#2dd4bf","#f87171","#c084fc"],H=16,ne=64,ie=40,re=50,oe=50,Ce=28;function ve({state:e}){const{commits:t,branches:s,tags:o,head:n,detachedHead:r,commitOrder:c}=e,a=w.useMemo(()=>{if(c.length===0)return{nodes:[],edges:[],labels:[],width:400,height:300};const m=new Map;s.forEach((k,C)=>{m.set(k.name,V[C%V.length])});const l=new Map;let g=0;const u=[...c].reverse(),x=new Map;for(const k of u){const C=t[k];if(!C)continue;const v=C.branch;l.has(v)||l.set(v,g++),x.set(k,l.get(v))}const b=u.map((k,C)=>{const v=t[k],E=x.get(k)??0;return{id:k,x:re+E*ie,y:oe+C*ne,commit:v,color:m.get(v.branch)??V[0],col:E}}),p=new Map(b.map(k=>[k.id,k])),h=[];for(const k of b)for(let C=0;C0})}const y=r?n:s.find(k=>k.name===n)?.commitId,$=r?null:n,N=[];for(const k of s){const C=p.get(k.commitId);if(!C)continue;const v=k.name===$,E=N.filter(_=>_.commitId===k.commitId).length;N.push({text:k.name,commitId:k.commitId,x:C.x+H+12,y:C.y-6+E*22,color:m.get(k.name)??V[0],isHead:v,isTag:!1})}for(const k of o){const C=p.get(k.commitId);if(!C)continue;const v=N.filter(E=>E.commitId===k.commitId).length;N.push({text:k.name,commitId:k.commitId,x:C.x+H+12,y:C.y-6+v*22,color:"#fbbf24",isHead:!1,isTag:!0})}const O=g,P=Math.max(400,re*2+O*ie+200),M=Math.max(300,oe*2+u.length*ne);return{nodes:b,edges:h,labels:N,width:P,height:M,headCommitId:y}},[t,s,o,n,r,c]);return c.length===0?i.jsx("div",{className:"flex flex-1 items-center justify-center rounded-2xl border border-slate-700/50 bg-slate-950/70 shadow-2xl shadow-black/30 backdrop-blur-sm",children:i.jsxs("div",{className:"text-center px-6",children:[i.jsx("div",{className:"mb-3 text-4xl opacity-40",children:i.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",className:"mx-auto text-slate-500",children:[i.jsx("circle",{cx:"12",cy:"12",r:"3"}),i.jsx("line",{x1:"12",y1:"3",x2:"12",y2:"9"}),i.jsx("line",{x1:"12",y1:"15",x2:"12",y2:"21"})]})}),i.jsx("p",{className:"text-sm text-slate-400",children:"No commits yet"}),i.jsxs("p",{className:"text-xs text-slate-600 mt-1",children:["Run ",i.jsx("code",{className:"text-indigo-400",children:"git init"}),", then create and commit files"]})]})}):i.jsxs("div",{className:"flex flex-1 flex-col overflow-hidden rounded-2xl border border-slate-700/50 bg-slate-950/70 shadow-2xl shadow-black/30 backdrop-blur-sm",children:[i.jsxs("div",{className:"flex items-center gap-2 border-b border-slate-700/50 bg-slate-900/80 px-4 py-2.5",children:[i.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"text-indigo-400",children:[i.jsx("circle",{cx:"18",cy:"18",r:"3"}),i.jsx("circle",{cx:"6",cy:"6",r:"3"}),i.jsx("path",{d:"M6 21V9a9 9 0 0 0 9 9"})]}),i.jsx("span",{className:"text-xs font-semibold text-slate-300",children:"Commit Graph"}),i.jsx("span",{className:"rounded bg-indigo-500/10 px-2 py-0.5 text-[9px] font-semibold uppercase tracking-wide text-indigo-300 ring-1 ring-indigo-500/20",children:"live history"}),i.jsxs("span",{className:"ml-auto text-[10px] text-slate-500",children:[c.length," commit",c.length!==1?"s":""]})]}),i.jsx("div",{className:"flex-1 overflow-auto bg-[radial-gradient(circle_at_1px_1px,rgba(148,163,184,0.12)_1px,transparent_0)] bg-[length:24px_24px] p-2",children:i.jsxs("svg",{width:a.width,height:a.height,className:"block",style:{minWidth:a.width,minHeight:a.height},children:[a.edges.map((m,l)=>{if(m.from.x===m.to.x)return i.jsx("line",{x1:m.from.x,y1:m.from.y,x2:m.to.x,y2:m.to.y,stroke:m.color,strokeWidth:3,opacity:m.isMerge?.5:.7,strokeDasharray:m.isMerge?"6,3":void 0},`e${l}`);const g=(m.from.y+m.to.y)/2;return i.jsx("path",{d:`M${m.from.x},${m.from.y} C${m.from.x},${g} ${m.to.x},${g} ${m.to.x},${m.to.y}`,stroke:m.color,strokeWidth:3,fill:"none",opacity:m.isMerge?.5:.7,strokeDasharray:m.isMerge?"6,3":void 0},`e${l}`)}),a.nodes.map(m=>{const l=m.id===a.headCommitId;return i.jsxs("g",{children:[l&&i.jsxs("circle",{cx:m.x,cy:m.y,r:H+4,fill:"none",stroke:m.color,strokeWidth:2,opacity:.4,children:[i.jsx("animate",{attributeName:"r",values:`${H+3};${H+6};${H+3}`,dur:"2s",repeatCount:"indefinite"}),i.jsx("animate",{attributeName:"opacity",values:"0.4;0.15;0.4",dur:"2s",repeatCount:"indefinite"})]}),i.jsx("circle",{cx:m.x,cy:m.y,r:H,fill:l?m.color:`${m.color}33`,stroke:m.color,strokeWidth:l?3:2,filter:"drop-shadow(0 6px 8px rgba(0,0,0,0.35))",className:"transition-all duration-300"}),i.jsx("text",{x:m.x,y:m.y+1,textAnchor:"middle",dominantBaseline:"central",className:"select-none pointer-events-none",fill:l?"#0f172a":m.color,fontSize:8,fontWeight:700,fontFamily:"monospace",children:m.id.slice(0,4)}),i.jsx("text",{x:m.x,y:m.y+Ce,textAnchor:"middle",fill:"#94a3b8",fontSize:9,className:"select-none pointer-events-none",children:m.commit.message.length>22?m.commit.message.slice(0,20)+"...":m.commit.message})]},m.id)}),a.labels.map((m,l)=>i.jsxs("g",{children:[i.jsx("rect",{x:m.x-2,y:m.y-8,width:m.text.length*7.5+(m.isHead?40:8)+(m.isTag?10:0),height:18,rx:4,fill:`${m.color}22`,stroke:m.color,strokeWidth:1,opacity:.8}),m.isTag&&i.jsx("text",{x:m.x+4,y:m.y+4,fill:m.color,fontSize:8,children:"tag"}),m.isHead&&i.jsx("text",{x:m.x+4,y:m.y+4,fill:"#fbbf24",fontSize:9,fontWeight:700,fontFamily:"monospace",children:"HEAD→"}),i.jsx("text",{x:m.x+(m.isHead?44:m.isTag?18:4),y:m.y+4,fill:m.color,fontSize:10,fontWeight:600,fontFamily:"monospace",children:m.text})]},`l${l}`))]})})]})}const $e=w.memo(ve);function Ne({history:e,commandHistory:t,onExecute:s,disabled:o,promptBranch:n="main"}){const[r,c]=w.useState(""),[a,m]=w.useState(-1),l=w.useRef(null),g=w.useRef(null);w.useEffect(()=>{l.current?.scrollIntoView({behavior:"smooth"})},[e]),w.useEffect(()=>{o||g.current?.focus()},[o]);const u=w.useCallback(p=>{p.preventDefault(),!(!r.trim()||o)&&(s(r),c(""),m(-1))},[r,o,s]),x=w.useCallback(p=>{if(p.key==="ArrowUp"){if(p.preventDefault(),t.length===0)return;const h=a===-1?t.length-1:Math.max(0,a-1);m(h),c(t[h])}else if(p.key==="ArrowDown"){if(p.preventDefault(),a===-1)return;const h=a+1;h>=t.length?(m(-1),c("")):(m(h),c(t[h]))}},[t,a]),b=p=>{switch(p){case"input":return"text-emerald-400";case"error":return"text-red-400";case"info":return"text-indigo-400";case"hint":return"text-amber-400/90";default:return"text-slate-300"}};return i.jsxs("div",{className:"flex flex-col overflow-hidden rounded-2xl border border-slate-700/50 bg-slate-950/90 font-mono text-xs shadow-2xl shadow-black/30 backdrop-blur-sm",onClick:()=>g.current?.focus(),children:[i.jsxs("div",{className:"flex items-center gap-2 border-b border-slate-700/50 bg-slate-900/80 px-4 py-2.5",children:[i.jsxs("div",{className:"flex gap-1.5",children:[i.jsx("div",{className:"h-2.5 w-2.5 rounded-full bg-red-500/70"}),i.jsx("div",{className:"h-2.5 w-2.5 rounded-full bg-yellow-500/70"}),i.jsx("div",{className:"h-2.5 w-2.5 rounded-full bg-green-500/70"})]}),i.jsx("span",{className:"ml-2 text-[10px] font-semibold text-slate-400",children:"Git Terminal"}),i.jsx("span",{className:"ml-auto rounded bg-slate-950/80 px-2 py-0.5 text-[9px] text-slate-500 ring-1 ring-slate-800",children:"~/visual-repo"})]}),i.jsxs("div",{className:"min-h-[240px] flex-1 space-y-0.5 overflow-y-auto bg-[linear-gradient(rgba(148,163,184,0.03)_1px,transparent_1px)] bg-[length:100%_22px] p-3",children:[e.map((p,h)=>i.jsx("div",{className:`whitespace-pre-wrap leading-relaxed ${b(p.type)}`,children:p.text},h)),i.jsx("div",{ref:l})]}),i.jsxs("form",{onSubmit:u,className:"flex items-center gap-2 border-t border-slate-800/60 bg-slate-900/70 px-3 py-2",children:[i.jsx("span",{className:"select-none text-sky-400",children:"visual-repo"}),i.jsxs("span",{className:"select-none text-slate-600",children:["git:(",n,")"]}),i.jsx("span",{className:"select-none font-bold text-emerald-500",children:"$"}),i.jsx("input",{ref:g,type:"text",value:r,onChange:p=>c(p.target.value),onKeyDown:x,disabled:o,placeholder:o?"Demo running...":"Type a git command...",className:"flex-1 bg-transparent text-slate-200 placeholder-slate-600 outline-none caret-emerald-400",autoComplete:"off",spellCheck:!1})]})]})}const De=w.memo(Ne);function Se({state:e}){const{workingDirectory:t,stagingArea:s,commits:o,head:n,detachedHead:r,branches:c}=e,a=r?n:c.find(h=>h.name===n)?.commitId??null,l=(a?o[a]:null)?.files??{},g=Object.keys(t),u=Object.keys(s),x=h=>h in s?"staged":h in l?t[h]!==l[h]?"modified":"clean":"untracked",b=h=>{switch(h){case"staged":return"text-emerald-400 bg-emerald-500/10";case"modified":return"text-amber-400 bg-amber-500/10";case"untracked":return"text-red-400 bg-red-500/10";default:return"text-slate-500 bg-slate-500/10"}},p=h=>{switch(h){case"staged":return"S";case"modified":return"M";case"untracked":return"U";default:return"✓"}};return i.jsxs("div",{className:"grid grid-cols-1 gap-3 sm:grid-cols-3",children:[i.jsxs("div",{className:"rounded-2xl border border-amber-500/20 bg-slate-950/70 p-3 shadow-xl shadow-black/20 backdrop-blur-sm",children:[i.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[i.jsx("div",{className:"flex h-7 w-7 items-center justify-center rounded-lg bg-amber-500/10 text-amber-300 ring-1 ring-amber-500/20",children:i.jsxs("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("path",{d:"M3 7h5l2 3h11v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"}),i.jsx("path",{d:"M3 7V5a2 2 0 0 1 2-2h4l2 3h5"})]})}),i.jsx("span",{className:"text-[10px] font-semibold text-slate-300 uppercase tracking-wider",children:"Working Dir"}),i.jsx("span",{className:"ml-auto text-[10px] text-slate-600",children:g.length})]}),i.jsx("div",{className:"space-y-1 max-h-32 overflow-y-auto",children:g.length===0?i.jsx("p",{className:"text-[10px] text-slate-600 italic",children:"empty"}):g.map(h=>{const y=x(h);return i.jsxs("div",{className:"flex items-center gap-1.5 rounded-lg bg-slate-900/50 px-1.5 py-1 ring-1 ring-slate-800/50",children:[i.jsx("span",{className:`inline-flex h-4 w-4 items-center justify-center rounded text-[8px] font-bold ${b(y)}`,children:p(y)}),i.jsx("span",{className:"text-[10px] text-slate-400 truncate",children:h})]},h)})})]}),i.jsxs("div",{className:"rounded-2xl border border-emerald-500/20 bg-slate-950/70 p-3 shadow-xl shadow-black/20 backdrop-blur-sm",children:[i.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[i.jsx("div",{className:"flex h-7 w-7 items-center justify-center rounded-lg bg-emerald-500/10 text-emerald-300 ring-1 ring-emerald-500/20",children:i.jsxs("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("path",{d:"M12 5v14"}),i.jsx("path",{d:"M5 12h14"})]})}),i.jsx("span",{className:"text-[10px] font-semibold text-slate-300 uppercase tracking-wider",children:"Staging"}),i.jsx("span",{className:"ml-auto text-[10px] text-slate-600",children:u.length})]}),i.jsx("div",{className:"space-y-1 max-h-32 overflow-y-auto",children:u.length===0?i.jsx("p",{className:"text-[10px] text-slate-600 italic",children:"empty"}):u.map(h=>i.jsxs("div",{className:"flex items-center gap-1.5 rounded-lg bg-slate-900/50 px-1.5 py-1 ring-1 ring-slate-800/50",children:[i.jsx("span",{className:"inline-flex h-4 w-4 items-center justify-center rounded text-[8px] font-bold text-emerald-400 bg-emerald-500/10",children:"+"}),i.jsx("span",{className:"text-[10px] text-slate-400 truncate",children:h})]},h))})]}),i.jsxs("div",{className:"rounded-2xl border border-indigo-500/20 bg-slate-950/70 p-3 shadow-xl shadow-black/20 backdrop-blur-sm",children:[i.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[i.jsx("div",{className:"flex h-7 w-7 items-center justify-center rounded-lg bg-indigo-500/10 text-indigo-300 ring-1 ring-indigo-500/20",children:i.jsxs("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("path",{d:"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"}),i.jsx("path",{d:"m3.3 7 8.7 5 8.7-5"}),i.jsx("path",{d:"M12 22V12"})]})}),i.jsx("span",{className:"text-[10px] font-semibold text-slate-300 uppercase tracking-wider",children:"Repository"}),i.jsx("span",{className:"ml-auto text-[10px] text-slate-600",children:Object.keys(l).length})]}),i.jsx("div",{className:"space-y-1 max-h-32 overflow-y-auto",children:Object.keys(l).length===0?i.jsx("p",{className:"text-[10px] text-slate-600 italic",children:"no commits"}):Object.keys(l).map(h=>i.jsxs("div",{className:"flex items-center gap-1.5 rounded-lg bg-slate-900/50 px-1.5 py-1 ring-1 ring-slate-800/50",children:[i.jsx("span",{className:"inline-flex h-4 w-4 items-center justify-center rounded text-[8px] font-bold text-indigo-400 bg-indigo-500/10",children:"✓"}),i.jsx("span",{className:"text-[10px] text-slate-400 truncate",children:h})]},h))})]})]})}const Ie=w.memo(Se),Ae=[{title:"Setup",commands:[{cmd:"git init",desc:"Initialize a new repository"},{cmd:"git clone ",desc:"Clone a remote repository"}]},{title:"File Ops",commands:[{cmd:"touch [content]",desc:"Create a new file"},{cmd:"edit ",desc:"Modify a file"},{cmd:"cat ",desc:"View file content"},{cmd:"mv ",desc:"Move/rename a file"},{cmd:"rm ",desc:"Delete a file"},{cmd:"ls",desc:"List files"}]},{title:"Staging & Committing",commands:[{cmd:"git add ",desc:"Stage changes"},{cmd:'git commit -m "msg"',desc:"Create a commit"},{cmd:'git commit -am "msg"',desc:"Stage tracked & commit"},{cmd:"git status",desc:"Show status"},{cmd:"git diff",desc:"Show unstaged changes"},{cmd:"git diff --staged",desc:"Show staged changes"},{cmd:"git status --short",desc:"Compact porcelain view"},{cmd:"git log --oneline --all",desc:"View history"},{cmd:"git show HEAD",desc:"Inspect a commit"},{cmd:"git blame ",desc:"Line attribution"}]},{title:"Branching",commands:[{cmd:"git branch ",desc:"Create branch"},{cmd:"git branch",desc:"List branches"},{cmd:"git branch -r",desc:"List remote branches"},{cmd:"git branch -d ",desc:"Delete a branch"},{cmd:"git checkout ",desc:"Switch branches"},{cmd:"git checkout -b ",desc:"Create & switch"},{cmd:"git switch ",desc:"Modern branch switch"},{cmd:"git switch -c ",desc:"Create & switch"}]},{title:"Merging & Rebasing",commands:[{cmd:"git merge ",desc:"Merge a branch"},{cmd:"git rebase ",desc:"Rebase onto branch"},{cmd:"git cherry-pick ",desc:"Apply a commit"}]},{title:"Remote Sync",commands:[{cmd:"git remote add ",desc:"Add a remote"},{cmd:"git remote -v",desc:"List remotes"},{cmd:"git remote rename ",desc:"Rename a remote"},{cmd:"git remote set-url ",desc:"Change remote URL"},{cmd:"git push -u ",desc:"Push & set upstream"},{cmd:"git push",desc:"Push to tracked remote"},{cmd:"git pull",desc:"Fetch & merge"},{cmd:"git fetch",desc:"Download remote changes"}]},{title:"Undo & Stash",commands:[{cmd:"git reset --soft HEAD~1",desc:"Soft reset (keep staged)"},{cmd:"git reset --mixed HEAD~1",desc:"Mixed reset (unstage)"},{cmd:"git reset --hard HEAD~1",desc:"Hard reset (discard)"},{cmd:"git restore ",desc:"Discard worktree changes"},{cmd:"git restore --staged ",desc:"Unstage a file"},{cmd:"git clean -n",desc:"Preview untracked cleanup"},{cmd:"git clean -f",desc:"Remove untracked files"},{cmd:"git revert HEAD",desc:"Revert last commit"},{cmd:"git stash",desc:"Stash changes"},{cmd:"git stash pop",desc:"Restore stash"},{cmd:"git stash list",desc:"List stashes"}]},{title:"Inspect & Utilities",commands:[{cmd:"git tag ",desc:"Create a tag"},{cmd:"git tag",desc:"List tags"},{cmd:"git tag -d ",desc:"Delete a tag"},{cmd:"git describe HEAD",desc:"Show closest tag/name"},{cmd:"git reflog",desc:"Show HEAD history"},{cmd:"git config --list",desc:"Show Git config"},{cmd:"git rm ",desc:"Remove and stage deletion"},{cmd:"git mv ",desc:"Rename and stage change"}]}];function Re({onRunCommand:e,disabled:t}){const[s,o]=w.useState(null);return i.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-950/70 p-3 shadow-2xl shadow-black/20 backdrop-blur-sm",children:[i.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[i.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"text-violet-400",children:i.jsx("path",{d:"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20"})}),i.jsx("span",{className:"text-xs font-semibold text-slate-300",children:"Command Reference"})]}),i.jsx("div",{className:"space-y-1",children:Ae.map(n=>i.jsxs("div",{children:[i.jsxs("button",{onClick:()=>o(s===n.title?null:n.title),className:"flex w-full items-center justify-between rounded-lg px-2 py-1.5 text-[10px] font-semibold text-slate-400 uppercase tracking-wider transition-colors hover:bg-slate-800/70",children:[n.title,i.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:`transition-transform ${s===n.title?"rotate-180":""}`,children:i.jsx("path",{d:"m6 9 6 6 6-6"})})]}),s===n.title&&i.jsx("div",{className:"ml-2 space-y-0.5 pb-1",children:n.commands.map(({cmd:r,desc:c})=>{const a=!r.includes("<")&&!r.includes("[");return i.jsxs("button",{onClick:()=>a&&!t&&e(r),disabled:t||!a,className:`
+import{r as w,j as i}from"./index-DBkLeWDs.js";import{g as je}from"./audioContext-NbgqvQGz.js";const V=["#818cf8","#34d399","#fb923c","#f472b6","#38bdf8","#a78bfa","#fbbf24","#2dd4bf","#f87171","#c084fc"],H=16,ne=64,ie=40,re=50,oe=50,Ce=28;function ve({state:e}){const{commits:t,branches:s,tags:o,head:n,detachedHead:r,commitOrder:c}=e,a=w.useMemo(()=>{if(c.length===0)return{nodes:[],edges:[],labels:[],width:400,height:300};const m=new Map;s.forEach((k,C)=>{m.set(k.name,V[C%V.length])});const l=new Map;let g=0;const u=[...c].reverse(),x=new Map;for(const k of u){const C=t[k];if(!C)continue;const v=C.branch;l.has(v)||l.set(v,g++),x.set(k,l.get(v))}const b=u.map((k,C)=>{const v=t[k],E=x.get(k)??0;return{id:k,x:re+E*ie,y:oe+C*ne,commit:v,color:m.get(v.branch)??V[0],col:E}}),p=new Map(b.map(k=>[k.id,k])),h=[];for(const k of b)for(let C=0;C0})}const y=r?n:s.find(k=>k.name===n)?.commitId,$=r?null:n,N=[];for(const k of s){const C=p.get(k.commitId);if(!C)continue;const v=k.name===$,E=N.filter(_=>_.commitId===k.commitId).length;N.push({text:k.name,commitId:k.commitId,x:C.x+H+12,y:C.y-6+E*22,color:m.get(k.name)??V[0],isHead:v,isTag:!1})}for(const k of o){const C=p.get(k.commitId);if(!C)continue;const v=N.filter(E=>E.commitId===k.commitId).length;N.push({text:k.name,commitId:k.commitId,x:C.x+H+12,y:C.y-6+v*22,color:"#fbbf24",isHead:!1,isTag:!0})}const O=g,P=Math.max(400,re*2+O*ie+200),M=Math.max(300,oe*2+u.length*ne);return{nodes:b,edges:h,labels:N,width:P,height:M,headCommitId:y}},[t,s,o,n,r,c]);return c.length===0?i.jsx("div",{className:"flex flex-1 items-center justify-center rounded-2xl border border-slate-700/50 bg-slate-950/70 shadow-2xl shadow-black/30 backdrop-blur-sm",children:i.jsxs("div",{className:"text-center px-6",children:[i.jsx("div",{className:"mb-3 text-4xl opacity-40",children:i.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",className:"mx-auto text-slate-500",children:[i.jsx("circle",{cx:"12",cy:"12",r:"3"}),i.jsx("line",{x1:"12",y1:"3",x2:"12",y2:"9"}),i.jsx("line",{x1:"12",y1:"15",x2:"12",y2:"21"})]})}),i.jsx("p",{className:"text-sm text-slate-400",children:"No commits yet"}),i.jsxs("p",{className:"text-xs text-slate-600 mt-1",children:["Run ",i.jsx("code",{className:"text-indigo-400",children:"git init"}),", then create and commit files"]})]})}):i.jsxs("div",{className:"flex flex-1 flex-col overflow-hidden rounded-2xl border border-slate-700/50 bg-slate-950/70 shadow-2xl shadow-black/30 backdrop-blur-sm",children:[i.jsxs("div",{className:"flex items-center gap-2 border-b border-slate-700/50 bg-slate-900/80 px-4 py-2.5",children:[i.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"text-indigo-400",children:[i.jsx("circle",{cx:"18",cy:"18",r:"3"}),i.jsx("circle",{cx:"6",cy:"6",r:"3"}),i.jsx("path",{d:"M6 21V9a9 9 0 0 0 9 9"})]}),i.jsx("span",{className:"text-xs font-semibold text-slate-300",children:"Commit Graph"}),i.jsx("span",{className:"rounded bg-indigo-500/10 px-2 py-0.5 text-[9px] font-semibold uppercase tracking-wide text-indigo-300 ring-1 ring-indigo-500/20",children:"live history"}),i.jsxs("span",{className:"ml-auto text-[10px] text-slate-500",children:[c.length," commit",c.length!==1?"s":""]})]}),i.jsx("div",{className:"flex-1 overflow-auto bg-[radial-gradient(circle_at_1px_1px,rgba(148,163,184,0.12)_1px,transparent_0)] bg-[length:24px_24px] p-2",children:i.jsxs("svg",{width:a.width,height:a.height,className:"block",style:{minWidth:a.width,minHeight:a.height},children:[a.edges.map((m,l)=>{if(m.from.x===m.to.x)return i.jsx("line",{x1:m.from.x,y1:m.from.y,x2:m.to.x,y2:m.to.y,stroke:m.color,strokeWidth:3,opacity:m.isMerge?.5:.7,strokeDasharray:m.isMerge?"6,3":void 0},`e${l}`);const g=(m.from.y+m.to.y)/2;return i.jsx("path",{d:`M${m.from.x},${m.from.y} C${m.from.x},${g} ${m.to.x},${g} ${m.to.x},${m.to.y}`,stroke:m.color,strokeWidth:3,fill:"none",opacity:m.isMerge?.5:.7,strokeDasharray:m.isMerge?"6,3":void 0},`e${l}`)}),a.nodes.map(m=>{const l=m.id===a.headCommitId;return i.jsxs("g",{children:[l&&i.jsxs("circle",{cx:m.x,cy:m.y,r:H+4,fill:"none",stroke:m.color,strokeWidth:2,opacity:.4,children:[i.jsx("animate",{attributeName:"r",values:`${H+3};${H+6};${H+3}`,dur:"2s",repeatCount:"indefinite"}),i.jsx("animate",{attributeName:"opacity",values:"0.4;0.15;0.4",dur:"2s",repeatCount:"indefinite"})]}),i.jsx("circle",{cx:m.x,cy:m.y,r:H,fill:l?m.color:`${m.color}33`,stroke:m.color,strokeWidth:l?3:2,filter:"drop-shadow(0 6px 8px rgba(0,0,0,0.35))",className:"transition-all duration-300"}),i.jsx("text",{x:m.x,y:m.y+1,textAnchor:"middle",dominantBaseline:"central",className:"select-none pointer-events-none",fill:l?"#0f172a":m.color,fontSize:8,fontWeight:700,fontFamily:"monospace",children:m.id.slice(0,4)}),i.jsx("text",{x:m.x,y:m.y+Ce,textAnchor:"middle",fill:"#94a3b8",fontSize:9,className:"select-none pointer-events-none",children:m.commit.message.length>22?m.commit.message.slice(0,20)+"...":m.commit.message})]},m.id)}),a.labels.map((m,l)=>i.jsxs("g",{children:[i.jsx("rect",{x:m.x-2,y:m.y-8,width:m.text.length*7.5+(m.isHead?40:8)+(m.isTag?10:0),height:18,rx:4,fill:`${m.color}22`,stroke:m.color,strokeWidth:1,opacity:.8}),m.isTag&&i.jsx("text",{x:m.x+4,y:m.y+4,fill:m.color,fontSize:8,children:"tag"}),m.isHead&&i.jsx("text",{x:m.x+4,y:m.y+4,fill:"#fbbf24",fontSize:9,fontWeight:700,fontFamily:"monospace",children:"HEAD→"}),i.jsx("text",{x:m.x+(m.isHead?44:m.isTag?18:4),y:m.y+4,fill:m.color,fontSize:10,fontWeight:600,fontFamily:"monospace",children:m.text})]},`l${l}`))]})})]})}const $e=w.memo(ve);function Ne({history:e,commandHistory:t,onExecute:s,disabled:o,promptBranch:n="main"}){const[r,c]=w.useState(""),[a,m]=w.useState(-1),l=w.useRef(null),g=w.useRef(null);w.useEffect(()=>{l.current?.scrollIntoView({behavior:"smooth"})},[e]),w.useEffect(()=>{o||g.current?.focus()},[o]);const u=w.useCallback(p=>{p.preventDefault(),!(!r.trim()||o)&&(s(r),c(""),m(-1))},[r,o,s]),x=w.useCallback(p=>{if(p.key==="ArrowUp"){if(p.preventDefault(),t.length===0)return;const h=a===-1?t.length-1:Math.max(0,a-1);m(h),c(t[h])}else if(p.key==="ArrowDown"){if(p.preventDefault(),a===-1)return;const h=a+1;h>=t.length?(m(-1),c("")):(m(h),c(t[h]))}},[t,a]),b=p=>{switch(p){case"input":return"text-emerald-400";case"error":return"text-red-400";case"info":return"text-indigo-400";case"hint":return"text-amber-400/90";default:return"text-slate-300"}};return i.jsxs("div",{className:"flex flex-col overflow-hidden rounded-2xl border border-slate-700/50 bg-slate-950/90 font-mono text-xs shadow-2xl shadow-black/30 backdrop-blur-sm",onClick:()=>g.current?.focus(),children:[i.jsxs("div",{className:"flex items-center gap-2 border-b border-slate-700/50 bg-slate-900/80 px-4 py-2.5",children:[i.jsxs("div",{className:"flex gap-1.5",children:[i.jsx("div",{className:"h-2.5 w-2.5 rounded-full bg-red-500/70"}),i.jsx("div",{className:"h-2.5 w-2.5 rounded-full bg-yellow-500/70"}),i.jsx("div",{className:"h-2.5 w-2.5 rounded-full bg-green-500/70"})]}),i.jsx("span",{className:"ml-2 text-[10px] font-semibold text-slate-400",children:"Git Terminal"}),i.jsx("span",{className:"ml-auto rounded bg-slate-950/80 px-2 py-0.5 text-[9px] text-slate-500 ring-1 ring-slate-800",children:"~/visual-repo"})]}),i.jsxs("div",{className:"min-h-[240px] flex-1 space-y-0.5 overflow-y-auto bg-[linear-gradient(rgba(148,163,184,0.03)_1px,transparent_1px)] bg-[length:100%_22px] p-3",children:[e.map((p,h)=>i.jsx("div",{className:`whitespace-pre-wrap leading-relaxed ${b(p.type)}`,children:p.text},h)),i.jsx("div",{ref:l})]}),i.jsxs("form",{onSubmit:u,className:"flex items-center gap-2 border-t border-slate-800/60 bg-slate-900/70 px-3 py-2",children:[i.jsx("span",{className:"select-none text-sky-400",children:"visual-repo"}),i.jsxs("span",{className:"select-none text-slate-600",children:["git:(",n,")"]}),i.jsx("span",{className:"select-none font-bold text-emerald-500",children:"$"}),i.jsx("input",{ref:g,type:"text",value:r,onChange:p=>c(p.target.value),onKeyDown:x,disabled:o,placeholder:o?"Demo running...":"Type a git command...",className:"flex-1 bg-transparent text-slate-200 placeholder-slate-600 outline-none caret-emerald-400",autoComplete:"off",spellCheck:!1})]})]})}const De=w.memo(Ne);function Se({state:e}){const{workingDirectory:t,stagingArea:s,commits:o,head:n,detachedHead:r,branches:c}=e,a=r?n:c.find(h=>h.name===n)?.commitId??null,l=(a?o[a]:null)?.files??{},g=Object.keys(t),u=Object.keys(s),x=h=>h in s?"staged":h in l?t[h]!==l[h]?"modified":"clean":"untracked",b=h=>{switch(h){case"staged":return"text-emerald-400 bg-emerald-500/10";case"modified":return"text-amber-400 bg-amber-500/10";case"untracked":return"text-red-400 bg-red-500/10";default:return"text-slate-500 bg-slate-500/10"}},p=h=>{switch(h){case"staged":return"S";case"modified":return"M";case"untracked":return"U";default:return"✓"}};return i.jsxs("div",{className:"grid grid-cols-1 gap-3 sm:grid-cols-3",children:[i.jsxs("div",{className:"rounded-2xl border border-amber-500/20 bg-slate-950/70 p-3 shadow-xl shadow-black/20 backdrop-blur-sm",children:[i.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[i.jsx("div",{className:"flex h-7 w-7 items-center justify-center rounded-lg bg-amber-500/10 text-amber-300 ring-1 ring-amber-500/20",children:i.jsxs("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("path",{d:"M3 7h5l2 3h11v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"}),i.jsx("path",{d:"M3 7V5a2 2 0 0 1 2-2h4l2 3h5"})]})}),i.jsx("span",{className:"text-[10px] font-semibold text-slate-300 uppercase tracking-wider",children:"Working Dir"}),i.jsx("span",{className:"ml-auto text-[10px] text-slate-600",children:g.length})]}),i.jsx("div",{className:"space-y-1 max-h-32 overflow-y-auto",children:g.length===0?i.jsx("p",{className:"text-[10px] text-slate-600 italic",children:"empty"}):g.map(h=>{const y=x(h);return i.jsxs("div",{className:"flex items-center gap-1.5 rounded-lg bg-slate-900/50 px-1.5 py-1 ring-1 ring-slate-800/50",children:[i.jsx("span",{className:`inline-flex h-4 w-4 items-center justify-center rounded text-[8px] font-bold ${b(y)}`,children:p(y)}),i.jsx("span",{className:"text-[10px] text-slate-400 truncate",children:h})]},h)})})]}),i.jsxs("div",{className:"rounded-2xl border border-emerald-500/20 bg-slate-950/70 p-3 shadow-xl shadow-black/20 backdrop-blur-sm",children:[i.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[i.jsx("div",{className:"flex h-7 w-7 items-center justify-center rounded-lg bg-emerald-500/10 text-emerald-300 ring-1 ring-emerald-500/20",children:i.jsxs("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("path",{d:"M12 5v14"}),i.jsx("path",{d:"M5 12h14"})]})}),i.jsx("span",{className:"text-[10px] font-semibold text-slate-300 uppercase tracking-wider",children:"Staging"}),i.jsx("span",{className:"ml-auto text-[10px] text-slate-600",children:u.length})]}),i.jsx("div",{className:"space-y-1 max-h-32 overflow-y-auto",children:u.length===0?i.jsx("p",{className:"text-[10px] text-slate-600 italic",children:"empty"}):u.map(h=>i.jsxs("div",{className:"flex items-center gap-1.5 rounded-lg bg-slate-900/50 px-1.5 py-1 ring-1 ring-slate-800/50",children:[i.jsx("span",{className:"inline-flex h-4 w-4 items-center justify-center rounded text-[8px] font-bold text-emerald-400 bg-emerald-500/10",children:"+"}),i.jsx("span",{className:"text-[10px] text-slate-400 truncate",children:h})]},h))})]}),i.jsxs("div",{className:"rounded-2xl border border-indigo-500/20 bg-slate-950/70 p-3 shadow-xl shadow-black/20 backdrop-blur-sm",children:[i.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[i.jsx("div",{className:"flex h-7 w-7 items-center justify-center rounded-lg bg-indigo-500/10 text-indigo-300 ring-1 ring-indigo-500/20",children:i.jsxs("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("path",{d:"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"}),i.jsx("path",{d:"m3.3 7 8.7 5 8.7-5"}),i.jsx("path",{d:"M12 22V12"})]})}),i.jsx("span",{className:"text-[10px] font-semibold text-slate-300 uppercase tracking-wider",children:"Repository"}),i.jsx("span",{className:"ml-auto text-[10px] text-slate-600",children:Object.keys(l).length})]}),i.jsx("div",{className:"space-y-1 max-h-32 overflow-y-auto",children:Object.keys(l).length===0?i.jsx("p",{className:"text-[10px] text-slate-600 italic",children:"no commits"}):Object.keys(l).map(h=>i.jsxs("div",{className:"flex items-center gap-1.5 rounded-lg bg-slate-900/50 px-1.5 py-1 ring-1 ring-slate-800/50",children:[i.jsx("span",{className:"inline-flex h-4 w-4 items-center justify-center rounded text-[8px] font-bold text-indigo-400 bg-indigo-500/10",children:"✓"}),i.jsx("span",{className:"text-[10px] text-slate-400 truncate",children:h})]},h))})]})]})}const Ie=w.memo(Se),Ae=[{title:"Setup",commands:[{cmd:"git init",desc:"Initialize a new repository"},{cmd:"git clone ",desc:"Clone a remote repository"}]},{title:"File Ops",commands:[{cmd:"touch [content]",desc:"Create a new file"},{cmd:"edit ",desc:"Modify a file"},{cmd:"cat ",desc:"View file content"},{cmd:"mv ",desc:"Move/rename a file"},{cmd:"rm ",desc:"Delete a file"},{cmd:"ls",desc:"List files"}]},{title:"Staging & Committing",commands:[{cmd:"git add ",desc:"Stage changes"},{cmd:'git commit -m "msg"',desc:"Create a commit"},{cmd:'git commit -am "msg"',desc:"Stage tracked & commit"},{cmd:"git status",desc:"Show status"},{cmd:"git diff",desc:"Show unstaged changes"},{cmd:"git diff --staged",desc:"Show staged changes"},{cmd:"git status --short",desc:"Compact porcelain view"},{cmd:"git log --oneline --all",desc:"View history"},{cmd:"git show HEAD",desc:"Inspect a commit"},{cmd:"git blame ",desc:"Line attribution"}]},{title:"Branching",commands:[{cmd:"git branch ",desc:"Create branch"},{cmd:"git branch",desc:"List branches"},{cmd:"git branch -r",desc:"List remote branches"},{cmd:"git branch -d ",desc:"Delete a branch"},{cmd:"git checkout ",desc:"Switch branches"},{cmd:"git checkout -b ",desc:"Create & switch"},{cmd:"git switch ",desc:"Modern branch switch"},{cmd:"git switch -c ",desc:"Create & switch"}]},{title:"Merging & Rebasing",commands:[{cmd:"git merge ",desc:"Merge a branch"},{cmd:"git rebase ",desc:"Rebase onto branch"},{cmd:"git cherry-pick ",desc:"Apply a commit"}]},{title:"Remote Sync",commands:[{cmd:"git remote add ",desc:"Add a remote"},{cmd:"git remote -v",desc:"List remotes"},{cmd:"git remote rename ",desc:"Rename a remote"},{cmd:"git remote set-url ",desc:"Change remote URL"},{cmd:"git push -u ",desc:"Push & set upstream"},{cmd:"git push",desc:"Push to tracked remote"},{cmd:"git pull",desc:"Fetch & merge"},{cmd:"git fetch",desc:"Download remote changes"}]},{title:"Undo & Stash",commands:[{cmd:"git reset --soft HEAD~1",desc:"Soft reset (keep staged)"},{cmd:"git reset --mixed HEAD~1",desc:"Mixed reset (unstage)"},{cmd:"git reset --hard HEAD~1",desc:"Hard reset (discard)"},{cmd:"git restore ",desc:"Discard worktree changes"},{cmd:"git restore --staged ",desc:"Unstage a file"},{cmd:"git clean -n",desc:"Preview untracked cleanup"},{cmd:"git clean -f",desc:"Remove untracked files"},{cmd:"git revert HEAD",desc:"Revert last commit"},{cmd:"git stash",desc:"Stash changes"},{cmd:"git stash pop",desc:"Restore stash"},{cmd:"git stash list",desc:"List stashes"}]},{title:"Inspect & Utilities",commands:[{cmd:"git tag ",desc:"Create a tag"},{cmd:"git tag",desc:"List tags"},{cmd:"git tag -d ",desc:"Delete a tag"},{cmd:"git describe HEAD",desc:"Show closest tag/name"},{cmd:"git reflog",desc:"Show HEAD history"},{cmd:"git config --list",desc:"Show Git config"},{cmd:"git rm ",desc:"Remove and stage deletion"},{cmd:"git mv ",desc:"Rename and stage change"}]}];function Re({onRunCommand:e,disabled:t}){const[s,o]=w.useState(null);return i.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-950/70 p-3 shadow-2xl shadow-black/20 backdrop-blur-sm",children:[i.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[i.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"text-violet-400",children:i.jsx("path",{d:"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20"})}),i.jsx("span",{className:"text-xs font-semibold text-slate-300",children:"Command Reference"})]}),i.jsx("div",{className:"space-y-1",children:Ae.map(n=>i.jsxs("div",{children:[i.jsxs("button",{onClick:()=>o(s===n.title?null:n.title),className:"flex w-full items-center justify-between rounded-lg px-2 py-1.5 text-[10px] font-semibold text-slate-400 uppercase tracking-wider transition-colors hover:bg-slate-800/70",children:[n.title,i.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:`transition-transform ${s===n.title?"rotate-180":""}`,children:i.jsx("path",{d:"m6 9 6 6 6-6"})})]}),s===n.title&&i.jsx("div",{className:"ml-2 space-y-0.5 pb-1",children:n.commands.map(({cmd:r,desc:c})=>{const a=!r.includes("<")&&!r.includes("[");return i.jsxs("button",{onClick:()=>a&&!t&&e(r),disabled:t||!a,className:`
flex w-full items-start gap-2 rounded px-2 py-1 text-left transition-colors
${a&&!t?"hover:bg-indigo-500/10 hover:ring-1 hover:ring-indigo-500/20 cursor-pointer":"cursor-default opacity-75"}
`,children:[i.jsx("code",{className:"text-[10px] text-emerald-400 font-mono whitespace-nowrap",children:r}),i.jsx("span",{className:"text-[9px] text-slate-500 mt-px",children:c})]},r)})})]},n.title))})]})}const Ee=w.memo(Re);function Te({state:e}){const t=e.detachedHead?null:e.head,s=e.detachedHead?e.head:e.branches.find(a=>a.name===e.head)?.commitId??"",o=s?e.commits[s]?.files??{}:{},n=Object.keys(e.stagingArea).length,r=Object.keys(e.workingDirectory).filter(a=>a in o&&e.workingDirectory[a]!==o[a]&&!(a in e.stagingArea)).length,c=Object.keys(e.workingDirectory).filter(a=>!(a in o)).length;return i.jsxs("aside",{className:"flex flex-col gap-3 rounded-2xl border border-slate-700/50 bg-slate-950/70 p-3 shadow-2xl shadow-black/30 backdrop-blur-sm lg:w-64 lg:shrink-0",children:[i.jsxs("div",{className:"rounded-xl border border-slate-700/40 bg-[radial-gradient(circle_at_top_left,rgba(249,115,22,0.18),transparent_38%),rgba(15,23,42,0.8)] p-3",children:[i.jsxs("div",{className:"flex items-center gap-2",children:[i.jsx("div",{className:"flex h-9 w-9 items-center justify-center rounded-xl bg-orange-500/15 text-orange-300 ring-1 ring-orange-500/30",children:i.jsxs("svg",{width:"17",height:"17",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[i.jsx("circle",{cx:"18",cy:"18",r:"3"}),i.jsx("circle",{cx:"6",cy:"6",r:"3"}),i.jsx("path",{d:"M6 21V9a9 9 0 0 0 9 9"})]})}),i.jsxs("div",{className:"min-w-0",children:[i.jsx("div",{className:"truncate text-sm font-bold text-white",children:"visual-repo"}),i.jsx("div",{className:"text-[10px] text-slate-500",children:e.initialized?"Git repository":"No repository"})]})]}),i.jsxs("div",{className:"mt-3 grid grid-cols-3 gap-1.5",children:[i.jsx(Z,{label:"Commits",value:e.commitOrder.length}),i.jsx(Z,{label:"Files",value:Object.keys(e.workingDirectory).length}),i.jsx(Z,{label:"Stash",value:e.stash.length})]})]}),i.jsxs(Y,{title:"Working Tree",children:[i.jsx(Q,{label:"Staged",value:n,color:"emerald"}),i.jsx(Q,{label:"Modified",value:r,color:"amber"}),i.jsx(Q,{label:"Untracked",value:c,color:"rose"})]}),i.jsx(Y,{title:"Branches",children:e.branches.length===0?i.jsx(X,{children:"No branches"}):i.jsx("div",{className:"space-y-1",children:e.branches.map(a=>i.jsxs("div",{className:`flex items-center gap-2 rounded-lg px-2 py-1.5 text-[11px] ${a.name===t?"bg-indigo-500/15 text-indigo-200 ring-1 ring-indigo-500/25":"text-slate-400 hover:bg-slate-800/50"}`,children:[i.jsx("span",{className:`h-2 w-2 rounded-full ${a.name===t?"bg-indigo-400":"bg-slate-600"}`}),i.jsx("span",{className:"truncate font-mono",children:a.name}),i.jsx("span",{className:"ml-auto font-mono text-[9px] text-slate-600",children:a.commitId.slice(0,4)||"-"})]},a.name))})}),i.jsx(Y,{title:"Remotes",children:e.remotes.length===0?i.jsx(X,{children:"No remotes configured"}):i.jsx("div",{className:"space-y-1",children:e.remotes.map(a=>i.jsxs("div",{className:"rounded-lg bg-slate-900/60 px-2 py-1.5 ring-1 ring-slate-800/70",children:[i.jsx("div",{className:"font-mono text-[11px] text-sky-300",children:a.name}),i.jsx("div",{className:"truncate text-[9px] text-slate-600",children:a.url})]},a.name))})}),i.jsx(Y,{title:"Tags & Stash",children:i.jsxs("div",{className:"space-y-1.5",children:[e.tags.length===0?i.jsx(X,{children:"No tags"}):e.tags.map(a=>i.jsxs("div",{className:"rounded-lg bg-amber-500/10 px-2 py-1 text-[11px] font-mono text-amber-300 ring-1 ring-amber-500/20",children:["tag: ",a.name]},a.name)),e.stash.length>0&&e.stash.map((a,m)=>i.jsxs("div",{className:"rounded-lg bg-violet-500/10 px-2 py-1 text-[11px] text-violet-300 ring-1 ring-violet-500/20",children:["stash@","{",m,"}"," ",a.message]},a.id))]})})]})}function Y({title:e,children:t}){return i.jsxs("section",{className:"rounded-xl border border-slate-800/80 bg-slate-900/55 p-3",children:[i.jsx("h3",{className:"mb-2 text-[10px] font-semibold uppercase tracking-wider text-slate-500",children:e}),t]})}function Z({label:e,value:t}){return i.jsxs("div",{className:"rounded-lg bg-slate-950/55 px-2 py-1.5 text-center ring-1 ring-slate-800/80",children:[i.jsx("div",{className:"text-[9px] text-slate-600",children:e}),i.jsx("div",{className:"font-mono text-xs font-bold text-slate-200",children:t})]})}function Q({label:e,value:t,color:s}){const o={emerald:"bg-emerald-500/10 text-emerald-300 ring-emerald-500/25",amber:"bg-amber-500/10 text-amber-300 ring-amber-500/25",rose:"bg-rose-500/10 text-rose-300 ring-rose-500/25"};return i.jsxs("div",{className:`mb-1 flex items-center justify-between rounded-lg px-2 py-1.5 text-[11px] ring-1 ${o[s]}`,children:[i.jsx("span",{children:e}),i.jsx("span",{className:"font-mono font-bold",children:t})]})}function X({children:e}){return i.jsx("p",{className:"text-[11px] italic text-slate-600",children:e})}const Ue=w.memo(Te);function Oe({lessons:e,completedLessons:t,activeLessonId:s,onSelect:o}){const n=r=>{switch(r){case"beginner":return"text-emerald-400 bg-emerald-500/10 ring-emerald-500/30";case"intermediate":return"text-amber-400 bg-amber-500/10 ring-amber-500/30";case"advanced":return"text-rose-400 bg-rose-500/10 ring-rose-500/30"}};return i.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-3 backdrop-blur-sm",children:[i.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[i.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"text-amber-400",children:[i.jsx("path",{d:"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"}),i.jsx("path",{d:"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"})]}),i.jsx("span",{className:"text-xs font-semibold text-slate-300",children:"Guided Lessons"}),i.jsxs("span",{className:"ml-auto text-[10px] text-slate-500",children:[t.size,"/",e.length]})]}),i.jsx("div",{className:"space-y-1.5",children:e.map(r=>{const c=t.has(r.id),a=r.id===s;return i.jsxs("button",{onClick:()=>o(r.id),className:`
diff --git a/docs/assets/GraphTraversalPage-B_xobZ-f.js b/docs/assets/GraphTraversalPage-B_xobZ-f.js
new file mode 100644
index 0000000..149a232
--- /dev/null
+++ b/docs/assets/GraphTraversalPage-B_xobZ-f.js
@@ -0,0 +1,18 @@
+import{c as W,r,j as e,F as Q}from"./index-DBkLeWDs.js";import{N as a,A as D,r as Z,S as ee}from"./index-DrhCNtmA.js";import{V as te,a as se}from"./volume-x-BSx9gxSg.js";import{S as ae}from"./sparkles-3Zw4K66N.js";import{S as ne}from"./square-Bc_q5e3l.js";import{P as oe}from"./play-mcIZClKO.js";import{R as re}from"./rotate-ccw-7GTUOPy4.js";import{S as le}from"./shuffle-Dlr-c52A.js";import{g as ie}from"./audioContext-NbgqvQGz.js";const ce=[["path",{d:"M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21",key:"g5wo59"}],["path",{d:"m5.082 11.09 8.828 8.828",key:"1wx5vj"}]],de=W("eraser",ce);const ue=[["path",{d:"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",key:"1r0f0z"}],["circle",{cx:"12",cy:"10",r:"3",key:"ilqhr7"}]],me=W("map-pin",ue);const pe=[["path",{d:"m14.622 17.897-10.68-2.913",key:"vj2p1u"}],["path",{d:"M18.376 2.622a1 1 0 1 1 3.002 3.002L17.36 9.643a.5.5 0 0 0 0 .707l.944.944a2.41 2.41 0 0 1 0 3.408l-.944.944a.5.5 0 0 1-.707 0L8.354 7.348a.5.5 0 0 1 0-.707l.944-.944a2.41 2.41 0 0 1 3.408 0l.944.944a.5.5 0 0 0 .707 0z",key:"18tc5c"}],["path",{d:"M9 8c-1.804 2.71-3.97 3.46-6.583 3.948a.507.507 0 0 0-.302.819l7.32 8.883a1 1 0 0 0 1.185.204C12.735 20.405 16 16.792 16 15",key:"ytzfxy"}]],xe=W("paintbrush",pe),fe={[a.EMPTY]:"bg-slate-900/40 hover:bg-slate-700/60",[a.WALL]:"bg-slate-300 animate-wall",[a.START]:"bg-emerald-500 shadow-lg shadow-emerald-500/30",[a.END]:"bg-rose-500 shadow-lg shadow-rose-500/30",[a.VISITED]:"bg-indigo-500/70 animate-visited",[a.PATH]:"bg-amber-400 animate-path shadow-md shadow-amber-400/30",[a.EXPLORING]:"bg-cyan-400 animate-pulse"};function he({row:l,col:n,type:y,onMouseDown:x,onMouseEnter:g,onMouseUp:b}){return e.jsx("div",{className:`
+ w-[22px] h-[22px] border border-slate-800/30 transition-colors duration-100
+ cursor-pointer select-none ${fe[y]}
+ `,onMouseDown:()=>x(l,n),onMouseEnter:()=>g(l,n),onMouseUp:b,role:"button","aria-label":`Node ${l},${n} - ${y}`})}const ge=r.memo(he,(l,n)=>l.type===n.type&&l.row===n.row&&l.col===n.col);function be({grid:l,isRunning:n,isDrawing:y,setIsDrawing:x,handleNodeInteraction:g}){const b=r.useCallback((f,s)=>{n||(x(!0),g(f,s))},[n,x,g]),T=r.useCallback((f,s)=>{!y||n||g(f,s)},[y,n,g]),m=r.useCallback(()=>{x(!1)},[x]),t=r.useRef(null),u=r.useRef(null),[i,w]=r.useState(1),[h,N]=r.useState("auto");return r.useEffect(()=>{const f=t.current,s=u.current;if(!f||!s)return;const o=()=>{const c=f.clientWidth,p=s.scrollWidth;p>c?w(c/p):w(1)};o();const d=new ResizeObserver(o);return d.observe(f),()=>d.disconnect()},[l]),r.useLayoutEffect(()=>{const f=u.current;f&&N(f.scrollHeight*i)},[i,l]),e.jsx("div",{ref:t,className:"w-full overflow-hidden",children:e.jsx("div",{style:{transform:`scale(${i})`,transformOrigin:"top left",height:h},children:e.jsx("div",{ref:u,className:"inline-block rounded-xl border border-slate-700/50 bg-slate-950/80 p-2 shadow-2xl backdrop-blur-sm",onMouseLeave:()=>x(!1),children:l.map((f,s)=>e.jsx("div",{className:"flex",children:f.map(o=>e.jsx(ge,{row:o.row,col:o.col,type:o.type,onMouseDown:b,onMouseEnter:T,onMouseUp:m},`${o.row}-${o.col}`))},s))})})})}const ye=["bfs","dfs","dijkstra","astar"],Te=["slow","medium","fast","instant"],we=[{mode:"wall",label:"Wall",icon:xe},{mode:"eraser",label:"Eraser",icon:de},{mode:"start",label:"Start",icon:me},{mode:"end",label:"End",icon:Q}];function je({algorithm:l,setAlgorithm:n,speed:y,setSpeed:x,drawMode:g,setDrawMode:b,isRunning:T,isFinished:m,visitedCount:t,pathLength:u,onVisualize:i,onStop:w,onReset:h,onClearVisualization:N,onGenerateMaze:f,soundEnabled:s,onToggleSound:o}){const d=D[l];return e.jsxs("div",{className:"flex flex-col gap-5 w-full md:w-72 shrink-0 overflow-y-auto max-h-full pr-1",children:[e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Algorithm"}),e.jsx("div",{className:"grid grid-cols-2 gap-2",children:ye.map(c=>e.jsx("button",{onClick:()=>!T&&n(c),disabled:T,className:`
+ rounded-lg px-3 py-2 text-sm font-medium transition-all duration-200
+ ${l===c?"bg-indigo-500/20 text-indigo-300 ring-1 ring-indigo-500/40 shadow-lg shadow-indigo-500/10":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50 hover:text-slate-300"}
+ disabled:opacity-50 disabled:cursor-not-allowed
+ `,children:D[c].name.split(" ").length>2?D[c].name.split(" ").slice(0,-1).join(" "):D[c].name},c))}),e.jsxs("div",{className:"mt-3 rounded-lg bg-slate-800/40 p-3",children:[e.jsx("p",{className:"text-xs text-slate-400 leading-relaxed",children:d.description}),e.jsxs("div",{className:"mt-2 flex gap-2",children:[d.guaranteesShortestPath&&e.jsx("span",{className:"inline-flex items-center rounded-full bg-emerald-500/10 px-2 py-0.5 text-[10px] font-medium text-emerald-400 ring-1 ring-emerald-500/20",children:"Shortest Path"}),d.weighted&&e.jsx("span",{className:"inline-flex items-center rounded-full bg-amber-500/10 px-2 py-0.5 text-[10px] font-medium text-amber-400 ring-1 ring-amber-500/20",children:"Weighted"})]})]})]}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400",children:"Speed"}),e.jsxs("button",{onClick:()=>o(!s),className:`
+ flex items-center gap-1.5 rounded-lg px-2 py-1 text-xs font-medium transition-all duration-200
+ ${s?"bg-emerald-500/15 text-emerald-400 ring-1 ring-emerald-500/30":"bg-slate-800/50 text-slate-500 hover:text-slate-400"}
+ `,title:s?"Mute sound":"Unmute sound",children:[s?e.jsx(te,{size:12}):e.jsx(se,{size:12}),s?"Sound On":"Sound Off"]})]}),e.jsx("div",{className:"flex gap-1",children:Te.map(c=>e.jsx("button",{onClick:()=>x(c),className:`
+ flex-1 rounded-lg px-2 py-1.5 text-xs font-medium capitalize transition-all duration-200
+ ${y===c?"bg-violet-500/20 text-violet-300 ring-1 ring-violet-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50 hover:text-slate-300"}
+ `,children:c},c))})]}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Tools"}),e.jsx("div",{className:"grid grid-cols-2 gap-2",children:we.map(({mode:c,label:p,icon:v})=>e.jsxs("button",{onClick:()=>b(c),disabled:T,className:`
+ flex items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-all duration-200
+ ${g===c?"bg-cyan-500/20 text-cyan-300 ring-1 ring-cyan-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50 hover:text-slate-300"}
+ disabled:opacity-50 disabled:cursor-not-allowed
+ `,children:[e.jsx(v,{size:14}),p]},c))})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[T?e.jsxs("button",{onClick:w,className:"flex items-center justify-center gap-2 rounded-xl bg-gradient-to-r from-rose-500 to-pink-500 px-4 py-3 text-sm font-semibold text-white shadow-lg shadow-rose-500/25 transition-all duration-200 hover:brightness-110 active:scale-[0.98]",children:[e.jsx(ne,{size:16}),"Stop"]}):e.jsxs("button",{onClick:i,className:"flex items-center justify-center gap-2 rounded-xl bg-gradient-to-r from-indigo-500 to-violet-500 px-4 py-3 text-sm font-semibold text-white shadow-lg shadow-indigo-500/25 transition-all duration-200 hover:shadow-xl hover:shadow-indigo-500/30 hover:brightness-110 active:scale-[0.98]",children:[e.jsx(ae,{size:16}),"Visualize ",d.name]}),e.jsxs("div",{className:"grid grid-cols-3 gap-2",children:[e.jsxs("button",{onClick:N,disabled:T,className:"flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2 text-xs font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300 disabled:opacity-50 disabled:cursor-not-allowed",children:[e.jsx(oe,{size:12}),"Clear"]}),e.jsxs("button",{onClick:h,disabled:T,className:"flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2 text-xs font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300 disabled:opacity-50 disabled:cursor-not-allowed",children:[e.jsx(re,{size:12}),"Reset"]}),e.jsxs("button",{onClick:f,disabled:T,className:"flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2 text-xs font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300 disabled:opacity-50 disabled:cursor-not-allowed",children:[e.jsx(le,{size:12}),"Maze"]})]})]}),(T||m)&&e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Statistics"}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-xs text-slate-500",children:"Nodes Visited"}),e.jsx("span",{className:"text-sm font-mono font-semibold text-indigo-400",children:t})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-xs text-slate-500",children:"Path Length"}),e.jsx("span",{className:"text-sm font-mono font-semibold text-amber-400",children:u>0?u:m?"No path":"—"})]})]})]})]})}const Ne=[{label:"Start",color:"bg-emerald-500"},{label:"End",color:"bg-rose-500"},{label:"Wall",color:"bg-slate-300"},{label:"Visited",color:"bg-indigo-500/70"},{label:"Path",color:"bg-amber-400"},{label:"Empty",color:"bg-slate-900/40 ring-1 ring-slate-700"}];function ve(){return e.jsx("div",{className:"flex items-center justify-center gap-6 py-3",children:Ne.map(({label:l,color:n})=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:`h-4 w-4 rounded-sm ${n}`}),e.jsx("span",{className:"text-xs text-slate-400",children:l})]},l))})}const I=25,O=50,M={row:12,col:10},z={row:12,col:39};function Se(l,n){return{row:l,col:n,type:a.EMPTY,distance:1/0,heuristic:0,totalCost:1/0,parent:null,isVisited:!1}}function $(l,n,y,x){const g=[];for(let b=0;b$(I,O,M,z)),[y,x]=r.useState(M),[g,b]=r.useState(z),[T,m]=r.useState(!1),[t,u]=r.useState("wall"),i=r.useCallback(()=>{n($(I,O,M,z)),x(M),b(z)},[]),w=r.useCallback(()=>{n(s=>s.map(o=>o.map(d=>({...d,type:d.type===a.VISITED||d.type===a.PATH||d.type===a.EXPLORING?a.EMPTY:d.type,isVisited:!1,distance:1/0,heuristic:0,totalCost:1/0,parent:null}))))},[]),h=r.useCallback((s,o)=>{n(d=>{const c=d.map(v=>v.map(S=>({...S}))),p=c[s][o];return t==="start"?p.type===a.END?d:(c[y.row][y.col].type=a.EMPTY,p.type=a.START,x({row:s,col:o}),c):t==="end"?p.type===a.START?d:(c[g.row][g.col].type=a.EMPTY,p.type=a.END,b({row:s,col:o}),c):p.type===a.START||p.type===a.END?d:(t==="wall"?p.type=a.WALL:t==="eraser"&&(p.type=a.EMPTY),c)})},[t,y,g]),N=r.useCallback((s,o,d)=>{n(c=>{const p=c.map(v=>v.map(S=>({...S})));return p[s][o].type=d,p})},[]),f=r.useCallback(()=>{const s=$(I,O,M,z);for(let o=0;oie(),[]),y=r.useCallback((m,t,u,i,w)=>{if(!l.current||w==="instant")return;const h=n();if(!h)return;const N=F[w],f=H[w],s=(m*i+t)/(u*i),o=Math.floor(s*(q.length-1)),d=q[Math.min(o,q.length-1)],c=h.createOscillator(),p=h.createGain();c.type="sine",c.frequency.setValueAtTime(d,h.currentTime),p.gain.setValueAtTime(f,h.currentTime),p.gain.exponentialRampToValueAtTime(.001,h.currentTime+N),c.connect(p),p.connect(h.destination),c.start(h.currentTime),c.stop(h.currentTime+N)},[n]),x=r.useCallback((m,t,u)=>{if(!l.current||u==="instant")return;const i=n();if(!i)return;const w=F[u]*3,h=H[u]*1.5,f=440+m/Math.max(t-1,1)*440,s=i.createOscillator(),o=i.createGain();s.type="triangle",s.frequency.setValueAtTime(f,i.currentTime),o.gain.setValueAtTime(h,i.currentTime),o.gain.exponentialRampToValueAtTime(.001,i.currentTime+w),s.connect(o),o.connect(i.destination),s.start(i.currentTime),s.stop(i.currentTime+w)},[n]),g=r.useCallback(m=>{if(!l.current)return;const t=n();if(!t)return;const u=t.createOscillator(),i=t.createGain();u.type="sine",i.gain.setValueAtTime(.1,t.currentTime),m?(u.frequency.setValueAtTime(523.25,t.currentTime),u.frequency.setValueAtTime(659.25,t.currentTime+.15),u.frequency.setValueAtTime(783.99,t.currentTime+.3),i.gain.exponentialRampToValueAtTime(.001,t.currentTime+.5),u.connect(i),i.connect(t.destination),u.start(t.currentTime),u.stop(t.currentTime+.5)):(u.frequency.setValueAtTime(392,t.currentTime),u.frequency.setValueAtTime(293.66,t.currentTime+.2),i.gain.exponentialRampToValueAtTime(.001,t.currentTime+.4),u.connect(i),i.connect(t.destination),u.start(t.currentTime),u.stop(t.currentTime+.4))},[n]),b=r.useCallback(m=>{l.current=m},[]),T=r.useCallback(()=>l.current,[]);return{playVisitedTone:y,playPathTone:x,playCompleteTone:g,setEnabled:b,isEnabled:T}}function Ae({grid:l,startPos:n,endPos:y,setNodeType:x,clearVisualization:g}){const[b,T]=r.useState("bfs"),[m,t]=r.useState("fast"),[u,i]=r.useState(!1),[w,h]=r.useState(!1),[N,f]=r.useState(0),[s,o]=r.useState(0),[d,c]=r.useState(!0),p=r.useRef([]),{playVisitedTone:v,playPathTone:S,playCompleteTone:A,setEnabled:R}=ke(),U=r.useCallback(C=>{c(C),R(C)},[R]),G=r.useCallback(()=>{p.current.forEach(C=>clearTimeout(C)),p.current=[],i(!1)},[]),Y=r.useCallback(()=>{G(),g(),h(!1),f(0),o(0);const C=Z(b,l,n,y),{visitedNodesInOrder:V,shortestPath:E}=C,_=ee[m],X=l.length,B=l[0].length;if(i(!0),_===0){for(const j of V)j.type!==a.START&&j.type!==a.END&&x(j.row,j.col,a.VISITED);for(const j of E)j.type!==a.START&&j.type!==a.END&&x(j.row,j.col,a.PATH);f(V.length),o(E.length),i(!1),h(!0),A(E.length>0);return}for(let j=0;j{const P=V[j];if(P.type!==a.START&&P.type!==a.END&&x(P.row,P.col,a.VISITED),v(P.row,P.col,X,B,m),f(j+1),j===V.length-1){for(let k=0;k{const L=E[k];L.type!==a.START&&L.type!==a.END&&x(L.row,L.col,a.PATH),S(k,E.length,m),o(k+1),k===E.length-1&&(i(!1),h(!0),A(!0))},_*3*k);p.current.push(K)}E.length===0&&(i(!1),h(!0),A(!1))}},_*j);p.current.push(J)}V.length===0&&(i(!1),h(!0))},[b,l,n,y,m,x,g,G,v,S,A]);return{algorithm:b,setAlgorithm:T,speed:m,setSpeed:t,isRunning:u,isFinished:w,visitedCount:N,pathLength:s,soundEnabled:d,toggleSound:U,visualize:Y,stopVisualization:G}}function Oe(){const{grid:l,startPos:n,endPos:y,isDrawing:x,drawMode:g,setDrawMode:b,setIsDrawing:T,resetGrid:m,clearVisualization:t,handleNodeInteraction:u,setNodeType:i,generateMaze:w}=Ee(),{algorithm:h,setAlgorithm:N,speed:f,setSpeed:s,isRunning:o,isFinished:d,visitedCount:c,pathLength:p,soundEnabled:v,toggleSound:S,visualize:A,stopVisualization:R}=Ae({grid:l,startPos:n,endPos:y,setNodeType:i,clearVisualization:t});return e.jsxs("div",{className:"flex flex-1 flex-col md:flex-row gap-4 md:gap-6 overflow-auto p-4 md:p-6",children:[e.jsxs("div",{className:"order-last md:order-first flex md:flex-1 flex-col items-center justify-center gap-3 min-h-[40vh] md:min-h-0 max-h-[50vh] md:max-h-none overflow-auto",children:[e.jsx(be,{grid:l,isRunning:o,isDrawing:x,drawMode:g,setIsDrawing:T,handleNodeInteraction:u}),e.jsx(ve,{})]}),e.jsx(je,{algorithm:h,setAlgorithm:N,speed:f,setSpeed:s,drawMode:g,setDrawMode:b,isRunning:o,isFinished:d,visitedCount:c,pathLength:p,onVisualize:A,onStop:R,onReset:m,onClearVisualization:t,onGenerateMaze:w,soundEnabled:v,onToggleSound:S})]})}export{Oe as default};
diff --git a/docs/assets/GraphTraversalPage-Ck5aejUZ.js b/docs/assets/GraphTraversalPage-Ck5aejUZ.js
deleted file mode 100644
index 3b4214b..0000000
--- a/docs/assets/GraphTraversalPage-Ck5aejUZ.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import{c as W,r,j as e,F as Q,d as Z}from"./index-eCXyAnHs.js";import{N as a,A as D,r as ee,S as te}from"./index-DrhCNtmA.js";import{V as se,a as ae}from"./volume-x-CTbtCvt-.js";import{S as ne}from"./square-CEHTCuQK.js";import{P as oe}from"./play-BqZilH6N.js";import{R as re}from"./rotate-ccw-B8GZP3d7.js";import{S as le}from"./shuffle-CdKU4ZYx.js";import{g as ie}from"./audioContext-NbgqvQGz.js";const ce=[["path",{d:"M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21",key:"g5wo59"}],["path",{d:"m5.082 11.09 8.828 8.828",key:"1wx5vj"}]],de=W("eraser",ce);const ue=[["path",{d:"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",key:"1r0f0z"}],["circle",{cx:"12",cy:"10",r:"3",key:"ilqhr7"}]],me=W("map-pin",ue);const pe=[["path",{d:"m14.622 17.897-10.68-2.913",key:"vj2p1u"}],["path",{d:"M18.376 2.622a1 1 0 1 1 3.002 3.002L17.36 9.643a.5.5 0 0 0 0 .707l.944.944a2.41 2.41 0 0 1 0 3.408l-.944.944a.5.5 0 0 1-.707 0L8.354 7.348a.5.5 0 0 1 0-.707l.944-.944a2.41 2.41 0 0 1 3.408 0l.944.944a.5.5 0 0 0 .707 0z",key:"18tc5c"}],["path",{d:"M9 8c-1.804 2.71-3.97 3.46-6.583 3.948a.507.507 0 0 0-.302.819l7.32 8.883a1 1 0 0 0 1.185.204C12.735 20.405 16 16.792 16 15",key:"ytzfxy"}]],xe=W("paintbrush",pe),fe={[a.EMPTY]:"bg-slate-900/40 hover:bg-slate-700/60",[a.WALL]:"bg-slate-300 animate-wall",[a.START]:"bg-emerald-500 shadow-lg shadow-emerald-500/30",[a.END]:"bg-rose-500 shadow-lg shadow-rose-500/30",[a.VISITED]:"bg-indigo-500/70 animate-visited",[a.PATH]:"bg-amber-400 animate-path shadow-md shadow-amber-400/30",[a.EXPLORING]:"bg-cyan-400 animate-pulse"};function he({row:l,col:n,type:y,onMouseDown:x,onMouseEnter:g,onMouseUp:b}){return e.jsx("div",{className:`
- w-[22px] h-[22px] border border-slate-800/30 transition-colors duration-100
- cursor-pointer select-none ${fe[y]}
- `,onMouseDown:()=>x(l,n),onMouseEnter:()=>g(l,n),onMouseUp:b,role:"button","aria-label":`Node ${l},${n} - ${y}`})}const ge=r.memo(he,(l,n)=>l.type===n.type&&l.row===n.row&&l.col===n.col);function be({grid:l,isRunning:n,isDrawing:y,setIsDrawing:x,handleNodeInteraction:g}){const b=r.useCallback((f,s)=>{n||(x(!0),g(f,s))},[n,x,g]),T=r.useCallback((f,s)=>{!y||n||g(f,s)},[y,n,g]),m=r.useCallback(()=>{x(!1)},[x]),t=r.useRef(null),u=r.useRef(null),[i,w]=r.useState(1),[h,N]=r.useState("auto");return r.useEffect(()=>{const f=t.current,s=u.current;if(!f||!s)return;const o=()=>{const c=f.clientWidth,p=s.scrollWidth;p>c?w(c/p):w(1)};o();const d=new ResizeObserver(o);return d.observe(f),()=>d.disconnect()},[l]),r.useLayoutEffect(()=>{const f=u.current;f&&N(f.scrollHeight*i)},[i,l]),e.jsx("div",{ref:t,className:"w-full overflow-hidden",children:e.jsx("div",{style:{transform:`scale(${i})`,transformOrigin:"top left",height:h},children:e.jsx("div",{ref:u,className:"inline-block rounded-xl border border-slate-700/50 bg-slate-950/80 p-2 shadow-2xl backdrop-blur-sm",onMouseLeave:()=>x(!1),children:l.map((f,s)=>e.jsx("div",{className:"flex",children:f.map(o=>e.jsx(ge,{row:o.row,col:o.col,type:o.type,onMouseDown:b,onMouseEnter:T,onMouseUp:m},`${o.row}-${o.col}`))},s))})})})}const ye=["bfs","dfs","dijkstra","astar"],Te=["slow","medium","fast","instant"],we=[{mode:"wall",label:"Wall",icon:xe},{mode:"eraser",label:"Eraser",icon:de},{mode:"start",label:"Start",icon:me},{mode:"end",label:"End",icon:Q}];function je({algorithm:l,setAlgorithm:n,speed:y,setSpeed:x,drawMode:g,setDrawMode:b,isRunning:T,isFinished:m,visitedCount:t,pathLength:u,onVisualize:i,onStop:w,onReset:h,onClearVisualization:N,onGenerateMaze:f,soundEnabled:s,onToggleSound:o}){const d=D[l];return e.jsxs("div",{className:"flex flex-col gap-5 w-full md:w-72 shrink-0 overflow-y-auto max-h-full pr-1",children:[e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Algorithm"}),e.jsx("div",{className:"grid grid-cols-2 gap-2",children:ye.map(c=>e.jsx("button",{onClick:()=>!T&&n(c),disabled:T,className:`
- rounded-lg px-3 py-2 text-sm font-medium transition-all duration-200
- ${l===c?"bg-indigo-500/20 text-indigo-300 ring-1 ring-indigo-500/40 shadow-lg shadow-indigo-500/10":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50 hover:text-slate-300"}
- disabled:opacity-50 disabled:cursor-not-allowed
- `,children:D[c].name.split(" ").length>2?D[c].name.split(" ").slice(0,-1).join(" "):D[c].name},c))}),e.jsxs("div",{className:"mt-3 rounded-lg bg-slate-800/40 p-3",children:[e.jsx("p",{className:"text-xs text-slate-400 leading-relaxed",children:d.description}),e.jsxs("div",{className:"mt-2 flex gap-2",children:[d.guaranteesShortestPath&&e.jsx("span",{className:"inline-flex items-center rounded-full bg-emerald-500/10 px-2 py-0.5 text-[10px] font-medium text-emerald-400 ring-1 ring-emerald-500/20",children:"Shortest Path"}),d.weighted&&e.jsx("span",{className:"inline-flex items-center rounded-full bg-amber-500/10 px-2 py-0.5 text-[10px] font-medium text-amber-400 ring-1 ring-amber-500/20",children:"Weighted"})]})]})]}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400",children:"Speed"}),e.jsxs("button",{onClick:()=>o(!s),className:`
- flex items-center gap-1.5 rounded-lg px-2 py-1 text-xs font-medium transition-all duration-200
- ${s?"bg-emerald-500/15 text-emerald-400 ring-1 ring-emerald-500/30":"bg-slate-800/50 text-slate-500 hover:text-slate-400"}
- `,title:s?"Mute sound":"Unmute sound",children:[s?e.jsx(se,{size:12}):e.jsx(ae,{size:12}),s?"Sound On":"Sound Off"]})]}),e.jsx("div",{className:"flex gap-1",children:Te.map(c=>e.jsx("button",{onClick:()=>x(c),className:`
- flex-1 rounded-lg px-2 py-1.5 text-xs font-medium capitalize transition-all duration-200
- ${y===c?"bg-violet-500/20 text-violet-300 ring-1 ring-violet-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50 hover:text-slate-300"}
- `,children:c},c))})]}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Tools"}),e.jsx("div",{className:"grid grid-cols-2 gap-2",children:we.map(({mode:c,label:p,icon:v})=>e.jsxs("button",{onClick:()=>b(c),disabled:T,className:`
- flex items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium transition-all duration-200
- ${g===c?"bg-cyan-500/20 text-cyan-300 ring-1 ring-cyan-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50 hover:text-slate-300"}
- disabled:opacity-50 disabled:cursor-not-allowed
- `,children:[e.jsx(v,{size:14}),p]},c))})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[T?e.jsxs("button",{onClick:w,className:"flex items-center justify-center gap-2 rounded-xl bg-gradient-to-r from-rose-500 to-pink-500 px-4 py-3 text-sm font-semibold text-white shadow-lg shadow-rose-500/25 transition-all duration-200 hover:brightness-110 active:scale-[0.98]",children:[e.jsx(ne,{size:16}),"Stop"]}):e.jsxs("button",{onClick:i,className:"flex items-center justify-center gap-2 rounded-xl bg-gradient-to-r from-indigo-500 to-violet-500 px-4 py-3 text-sm font-semibold text-white shadow-lg shadow-indigo-500/25 transition-all duration-200 hover:shadow-xl hover:shadow-indigo-500/30 hover:brightness-110 active:scale-[0.98]",children:[e.jsx(Z,{size:16}),"Visualize ",d.name]}),e.jsxs("div",{className:"grid grid-cols-3 gap-2",children:[e.jsxs("button",{onClick:N,disabled:T,className:"flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2 text-xs font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300 disabled:opacity-50 disabled:cursor-not-allowed",children:[e.jsx(oe,{size:12}),"Clear"]}),e.jsxs("button",{onClick:h,disabled:T,className:"flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2 text-xs font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300 disabled:opacity-50 disabled:cursor-not-allowed",children:[e.jsx(re,{size:12}),"Reset"]}),e.jsxs("button",{onClick:f,disabled:T,className:"flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2 text-xs font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300 disabled:opacity-50 disabled:cursor-not-allowed",children:[e.jsx(le,{size:12}),"Maze"]})]})]}),(T||m)&&e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Statistics"}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-xs text-slate-500",children:"Nodes Visited"}),e.jsx("span",{className:"text-sm font-mono font-semibold text-indigo-400",children:t})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-xs text-slate-500",children:"Path Length"}),e.jsx("span",{className:"text-sm font-mono font-semibold text-amber-400",children:u>0?u:m?"No path":"—"})]})]})]})]})}const Ne=[{label:"Start",color:"bg-emerald-500"},{label:"End",color:"bg-rose-500"},{label:"Wall",color:"bg-slate-300"},{label:"Visited",color:"bg-indigo-500/70"},{label:"Path",color:"bg-amber-400"},{label:"Empty",color:"bg-slate-900/40 ring-1 ring-slate-700"}];function ve(){return e.jsx("div",{className:"flex items-center justify-center gap-6 py-3",children:Ne.map(({label:l,color:n})=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:`h-4 w-4 rounded-sm ${n}`}),e.jsx("span",{className:"text-xs text-slate-400",children:l})]},l))})}const I=25,O=50,M={row:12,col:10},z={row:12,col:39};function Se(l,n){return{row:l,col:n,type:a.EMPTY,distance:1/0,heuristic:0,totalCost:1/0,parent:null,isVisited:!1}}function $(l,n,y,x){const g=[];for(let b=0;b$(I,O,M,z)),[y,x]=r.useState(M),[g,b]=r.useState(z),[T,m]=r.useState(!1),[t,u]=r.useState("wall"),i=r.useCallback(()=>{n($(I,O,M,z)),x(M),b(z)},[]),w=r.useCallback(()=>{n(s=>s.map(o=>o.map(d=>({...d,type:d.type===a.VISITED||d.type===a.PATH||d.type===a.EXPLORING?a.EMPTY:d.type,isVisited:!1,distance:1/0,heuristic:0,totalCost:1/0,parent:null}))))},[]),h=r.useCallback((s,o)=>{n(d=>{const c=d.map(v=>v.map(S=>({...S}))),p=c[s][o];return t==="start"?p.type===a.END?d:(c[y.row][y.col].type=a.EMPTY,p.type=a.START,x({row:s,col:o}),c):t==="end"?p.type===a.START?d:(c[g.row][g.col].type=a.EMPTY,p.type=a.END,b({row:s,col:o}),c):p.type===a.START||p.type===a.END?d:(t==="wall"?p.type=a.WALL:t==="eraser"&&(p.type=a.EMPTY),c)})},[t,y,g]),N=r.useCallback((s,o,d)=>{n(c=>{const p=c.map(v=>v.map(S=>({...S})));return p[s][o].type=d,p})},[]),f=r.useCallback(()=>{const s=$(I,O,M,z);for(let o=0;oie(),[]),y=r.useCallback((m,t,u,i,w)=>{if(!l.current||w==="instant")return;const h=n();if(!h)return;const N=F[w],f=H[w],s=(m*i+t)/(u*i),o=Math.floor(s*(q.length-1)),d=q[Math.min(o,q.length-1)],c=h.createOscillator(),p=h.createGain();c.type="sine",c.frequency.setValueAtTime(d,h.currentTime),p.gain.setValueAtTime(f,h.currentTime),p.gain.exponentialRampToValueAtTime(.001,h.currentTime+N),c.connect(p),p.connect(h.destination),c.start(h.currentTime),c.stop(h.currentTime+N)},[n]),x=r.useCallback((m,t,u)=>{if(!l.current||u==="instant")return;const i=n();if(!i)return;const w=F[u]*3,h=H[u]*1.5,f=440+m/Math.max(t-1,1)*440,s=i.createOscillator(),o=i.createGain();s.type="triangle",s.frequency.setValueAtTime(f,i.currentTime),o.gain.setValueAtTime(h,i.currentTime),o.gain.exponentialRampToValueAtTime(.001,i.currentTime+w),s.connect(o),o.connect(i.destination),s.start(i.currentTime),s.stop(i.currentTime+w)},[n]),g=r.useCallback(m=>{if(!l.current)return;const t=n();if(!t)return;const u=t.createOscillator(),i=t.createGain();u.type="sine",i.gain.setValueAtTime(.1,t.currentTime),m?(u.frequency.setValueAtTime(523.25,t.currentTime),u.frequency.setValueAtTime(659.25,t.currentTime+.15),u.frequency.setValueAtTime(783.99,t.currentTime+.3),i.gain.exponentialRampToValueAtTime(.001,t.currentTime+.5),u.connect(i),i.connect(t.destination),u.start(t.currentTime),u.stop(t.currentTime+.5)):(u.frequency.setValueAtTime(392,t.currentTime),u.frequency.setValueAtTime(293.66,t.currentTime+.2),i.gain.exponentialRampToValueAtTime(.001,t.currentTime+.4),u.connect(i),i.connect(t.destination),u.start(t.currentTime),u.stop(t.currentTime+.4))},[n]),b=r.useCallback(m=>{l.current=m},[]),T=r.useCallback(()=>l.current,[]);return{playVisitedTone:y,playPathTone:x,playCompleteTone:g,setEnabled:b,isEnabled:T}}function Ae({grid:l,startPos:n,endPos:y,setNodeType:x,clearVisualization:g}){const[b,T]=r.useState("bfs"),[m,t]=r.useState("fast"),[u,i]=r.useState(!1),[w,h]=r.useState(!1),[N,f]=r.useState(0),[s,o]=r.useState(0),[d,c]=r.useState(!0),p=r.useRef([]),{playVisitedTone:v,playPathTone:S,playCompleteTone:A,setEnabled:R}=ke(),U=r.useCallback(C=>{c(C),R(C)},[R]),G=r.useCallback(()=>{p.current.forEach(C=>clearTimeout(C)),p.current=[],i(!1)},[]),Y=r.useCallback(()=>{G(),g(),h(!1),f(0),o(0);const C=ee(b,l,n,y),{visitedNodesInOrder:V,shortestPath:E}=C,_=te[m],X=l.length,B=l[0].length;if(i(!0),_===0){for(const j of V)j.type!==a.START&&j.type!==a.END&&x(j.row,j.col,a.VISITED);for(const j of E)j.type!==a.START&&j.type!==a.END&&x(j.row,j.col,a.PATH);f(V.length),o(E.length),i(!1),h(!0),A(E.length>0);return}for(let j=0;j{const P=V[j];if(P.type!==a.START&&P.type!==a.END&&x(P.row,P.col,a.VISITED),v(P.row,P.col,X,B,m),f(j+1),j===V.length-1){for(let k=0;k{const L=E[k];L.type!==a.START&&L.type!==a.END&&x(L.row,L.col,a.PATH),S(k,E.length,m),o(k+1),k===E.length-1&&(i(!1),h(!0),A(!0))},_*3*k);p.current.push(K)}E.length===0&&(i(!1),h(!0),A(!1))}},_*j);p.current.push(J)}V.length===0&&(i(!1),h(!0))},[b,l,n,y,m,x,g,G,v,S,A]);return{algorithm:b,setAlgorithm:T,speed:m,setSpeed:t,isRunning:u,isFinished:w,visitedCount:N,pathLength:s,soundEnabled:d,toggleSound:U,visualize:Y,stopVisualization:G}}function Ie(){const{grid:l,startPos:n,endPos:y,isDrawing:x,drawMode:g,setDrawMode:b,setIsDrawing:T,resetGrid:m,clearVisualization:t,handleNodeInteraction:u,setNodeType:i,generateMaze:w}=Ee(),{algorithm:h,setAlgorithm:N,speed:f,setSpeed:s,isRunning:o,isFinished:d,visitedCount:c,pathLength:p,soundEnabled:v,toggleSound:S,visualize:A,stopVisualization:R}=Ae({grid:l,startPos:n,endPos:y,setNodeType:i,clearVisualization:t});return e.jsxs("div",{className:"flex flex-1 flex-col md:flex-row gap-4 md:gap-6 overflow-auto p-4 md:p-6",children:[e.jsxs("div",{className:"order-last md:order-first flex md:flex-1 flex-col items-center justify-center gap-3 min-h-[40vh] md:min-h-0 max-h-[50vh] md:max-h-none overflow-auto",children:[e.jsx(be,{grid:l,isRunning:o,isDrawing:x,drawMode:g,setIsDrawing:T,handleNodeInteraction:u}),e.jsx(ve,{})]}),e.jsx(je,{algorithm:h,setAlgorithm:N,speed:f,setSpeed:s,drawMode:g,setDrawMode:b,isRunning:o,isFinished:d,visitedCount:c,pathLength:p,onVisualize:A,onStop:R,onReset:m,onClearVisualization:t,onGenerateMaze:w,soundEnabled:v,onToggleSound:S})]})}export{Ie as default};
diff --git a/docs/assets/LinkedListAlgoPage-k8JPNHuX.js b/docs/assets/LinkedListAlgoPage-qNeBmS2f.js
similarity index 98%
rename from docs/assets/LinkedListAlgoPage-k8JPNHuX.js
rename to docs/assets/LinkedListAlgoPage-qNeBmS2f.js
index 80ae846..c3b5862 100644
--- a/docs/assets/LinkedListAlgoPage-k8JPNHuX.js
+++ b/docs/assets/LinkedListAlgoPage-qNeBmS2f.js
@@ -1 +1 @@
-import{r as j,j as i,L as Q}from"./index-eCXyAnHs.js";import{P as Z}from"./linkedListAlgo-0_WYfSZm.js";import{u as ee,A as te}from"./AlgorithmCodePanel-DQpanVTO.js";import{S as ne}from"./shuffle-CdKU4ZYx.js";import{C as se,a as oe}from"./chevron-right-BZqZw4c2.js";import{P as ie}from"./pause-nC-0zhw8.js";import{P as re}from"./play-BqZilH6N.js";import{R as le}from"./rotate-ccw-B8GZP3d7.js";import{V as ae,a as de}from"./volume-x-CTbtCvt-.js";import{A as ce}from"./arrow-left-DiyrXoev.js";import"./audioContext-NbgqvQGz.js";let V=1;function _(g){return g.map(t=>({id:V++,value:t}))}function O(g){return g.split(",").map(t=>Number(t.trim())).filter(t=>Number.isFinite(t))}function u(g){return g.map(t=>({...t}))}function q(g,t){switch(g){case"find-middle":return he(O(t));case"reverse-list":return pe(O(t));case"add-two-numbers":return ue(t);case"reverse-k-group":return me(t);case"palindrome":return xe(O(t));case"lru-cache":return ge(t);case"segregate":return fe(O(t));case"detect-cycle":return ve(t);case"sort-list":return ye(O(t));default:return[]}}function he(g){const t=_(g),c=[],x=t.length;if(x===0)return[{description:"List is empty — no middle.",event:"not-found",nodes:[],pointers:[],highlights:[],done:!0}];c.push({description:"Set slow = head (index 0).",event:"visit",nodes:u(t),pointers:[{name:"slow",index:0,color:"green"}],highlights:[{index:0,color:"blue"}],meta:["slow = head"],codeLine:1}),c.push({description:"Set fast = head (index 0). Both pointers start together.",event:"visit",nodes:u(t),pointers:[{name:"slow",index:0,color:"green"},{name:"fast",index:0,color:"red"}],highlights:[{index:0,color:"blue"}],meta:["slow = head","fast = head"],codeLine:2});let e=0,r=0;for(;r+2<=x-1;)c.push({description:`Loop check: fast can move two nodes ahead (fast at index ${r}). Enter the loop.`,event:"compare",nodes:u(t),pointers:[{name:"slow",index:e,color:"green"},{name:"fast",index:r,color:"red"}],highlights:[{index:e,color:"green"},{index:r,color:"red"}],meta:[`slow = ${e}`,`fast = ${r}`],codeLine:3}),e+=1,c.push({description:`slow = slow.next → index ${e} (value ${t[e].value}). slow walks 1 step.`,event:"visit",nodes:u(t),pointers:[{name:"slow",index:e,color:"green"},{name:"fast",index:r,color:"red"}],highlights:[{index:e,color:"green"},{index:r,color:"red"}],meta:[`slow = ${e}`,`fast = ${r}`],codeLine:4}),r+=2,c.push({description:`fast = fast.next.next → index ${r} (value ${t[r].value}). fast walks 2 steps.`,event:"compare",nodes:u(t),pointers:[{name:"slow",index:e,color:"green"},{name:"fast",index:r,color:"red"}],highlights:[{index:e,color:"green"},{index:r,color:"red"}],meta:[`slow = ${e}`,`fast = ${r}`],codeLine:5});return r+1===x-1&&(c.push({description:"Loop check: fast has a single node ahead — take one more paired step.",event:"compare",nodes:u(t),pointers:[{name:"slow",index:e,color:"green"},{name:"fast",index:r,color:"red"}],highlights:[{index:e,color:"green"},{index:r,color:"red"}],meta:[`slow = ${e}`,`fast = ${r}`],codeLine:3}),e+=1,r+=1,c.push({description:`slow → ${e} (${t[e].value}); fast → ${r} (${t[r].value}).`,event:"compare",nodes:u(t),pointers:[{name:"slow",index:e,color:"green"},{name:"fast",index:r,color:"red"}],highlights:[{index:e,color:"green"},{index:r,color:"red"}],meta:[`slow = ${e}`,`fast = ${r}`],codeLine:5})),c.push({description:`fast reached the end, so slow stops at the middle: index ${e}, value ${t[e].value}.`,event:"found",nodes:u(t),pointers:[{name:"middle",index:e,color:"green"}],highlights:[{index:e,color:"green"}],meta:[`middle index = ${e}`,`middle value = ${t[e].value}`],codeLine:6,done:!0}),c}function pe(g){const t=_(g),c=t.length;if(c===0)return[{description:"List is empty — nothing to reverse.",event:"complete",nodes:[],pointers:[],highlights:[],done:!0}];if(c===1)return[{description:"Single node — reversing leaves it unchanged.",event:"complete",nodes:u(t),pointers:[{name:"head",index:0,color:"green"}],highlights:[{index:0,color:"green"}],codeLine:8,done:!0}];const x=[];x.push({description:"Set prev = null. This will become the new head once we finish.",event:"visit",nodes:u(t),pointers:[{name:"curr",index:0,color:"yellow"}],highlights:[{index:0,color:"blue"}],meta:["prev = null"],codeLine:1}),x.push({description:"Set curr = head. We walk the list once, flipping each next pointer to point backwards.",event:"visit",nodes:u(t),pointers:[{name:"curr",index:0,color:"yellow"}],highlights:[{index:0,color:"blue"}],meta:["prev = null","curr = head"],codeLine:2});const e=[];for(let n=0;nh.value).join(", ")}]`],codeLine:3}),x.push({description:`Remember next = ${n+1h.value).join(", ")}]`],codeLine:4}),x.push({description:`Flip curr (${l.value}) → point at prev (${e.length?e[e.length-1].value:"null"}).`,event:"swap",nodes:u(d),pointers:[...p,{name:"curr",index:s,color:"yellow"},...o],highlights:[{index:s,color:"yellow"}],meta:[`reversed = [${[...e].reverse().map(h=>h.value).join(", ")}]`],codeLine:5}),e.push(l);const a=[...e].reverse().concat(t.slice(n+1));x.push({description:`Advance prev = ${l.value}. Reversed prefix is now [${[...e].reverse().map(h=>h.value).join(", ")}].`,event:"visit",nodes:u(a),pointers:[{name:"prev",index:0,color:"green"},...n+1h.value).join(", ")}]`],codeLine:6}),x.push({description:`Advance curr = ${n+1h.value).join(", ")}]`],codeLine:7})}const r=[...e].reverse();return x.push({description:`curr is null → done. prev is the new head. Reversed list: [${r.map(n=>n.value).join(", ")}]. ✓`,event:"complete",nodes:u(r),pointers:[{name:"head",index:0,color:"green"}],highlights:r.map((n,l)=>({index:l,color:"green"})),codeLine:8,done:!0}),x}function ue(g){const[t="0",c="0"]=g.split(";"),x=Math.abs(Math.trunc(Number(t.trim())||0)),e=Math.abs(Math.trunc(Number(c.trim())||0)),r=v=>String(v).split("").map(Number).reverse(),n=r(x),l=r(e),d=[],s=[],p=`A = ${n.join("→")} (=${x})`,o=`B = ${l.join("→")} (=${e})`;d.push({description:`Add ${x} + ${e}. Digits are stored least-significant-first, so we add node by node from the front, carrying overflow.`,event:"visit",nodes:[],pointers:[],highlights:[],meta:[p,o,"carry = 0"],codeLine:1}),d.push({description:"Initialise carry = 0 before walking both digit lists.",event:"visit",nodes:[],pointers:[],highlights:[],meta:[p,o,"carry = 0"],codeLine:2});let a=0;const h=Math.max(n.length,l.length);for(let v=0;v0;v+=1){const y=n[v]??0,$=l[v]??0,f=a,b=v=0?[{name:"tail",index:L,color:"green"}]:[],A=L>=0?[{index:L,color:"blue"}]:[];d.push({description:`Loop check: ${b?"A has a digit":"A exhausted"}, ${R?"B has a digit":"B exhausted"}, carry = ${f}. Continue.`,event:"visit",nodes:u(s),pointers:w,highlights:A,meta:[p,o,`carry = ${f}`],codeLine:3});let k=f;d.push({description:`Start this position's sum with the incoming carry: sum = ${f}.`,event:"visit",nodes:u(s),pointers:w,highlights:A,meta:[p,o,`sum = ${k}`,`carry = ${f}`],codeLine:4}),k+=y,d.push({description:b?`A has digit ${y} at this position → sum += ${y} = ${k}; advance A.`:`A is exhausted at this position → nothing to add. sum = ${k}.`,event:"compare",nodes:u(s),pointers:w,highlights:A,meta:[p,o,`sum = ${k}`,`carry = ${f}`],codeLine:5}),k+=$,d.push({description:R?`B has digit ${$} at this position → sum += ${$} = ${k}; advance B.`:`B is exhausted at this position → nothing to add. sum = ${k}.`,event:"compare",nodes:u(s),pointers:w,highlights:A,meta:[p,o,`sum = ${k}`,`carry = ${f}`],codeLine:6}),a=Math.floor(k/10);const K=k%10;d.push({description:`carry = floor(${k} / 10) = ${a}.`,event:"compare",nodes:u(s),pointers:w,highlights:A,meta:[p,o,`sum = ${k}`,`carry = ${a}`],codeLine:7}),s.push({id:V++,value:K}),d.push({description:`Append a node with digit sum % 10 = ${K}.`,event:"push",nodes:u(s),pointers:[{name:"tail",index:s.length-1,color:"green"}],highlights:[{index:s.length-1,color:"green"}],meta:[p,o,`sum = ${k}`,`carry = ${a}`],codeLine:8}),d.push({description:`Advance tail to the node just appended (digit ${K}).`,event:"visit",nodes:u(s),pointers:[{name:"tail",index:s.length-1,color:"green"}],highlights:[{index:s.length-1,color:"blue"}],meta:[p,o,`carry = ${a}`],codeLine:9})}const m=x+e;return d.push({description:`Done. Result list (least-significant-first): [${s.map(v=>v.value).join(", ")}] = ${m}. ✓`,event:"complete",nodes:u(s),pointers:[{name:"head",index:0,color:"green"}],highlights:s.map((v,y)=>({index:y,color:"green"})),meta:[p,o,`${x} + ${e} = ${m}`],codeLine:10,done:!0}),d}function me(g){const[t="",c="2"]=g.split(";"),x=O(t),e=_(x),r=e.length,n=Math.max(1,Math.trunc(Number(c.trim())||2));if(r===0)return[{description:"List is empty — nothing to reverse.",event:"complete",nodes:[],pointers:[],highlights:[],done:!0}];const l=[],d=e.slice();l.push({description:`Reverse the list in groups of k = ${n}. Each full block of ${n} nodes is reversed; a trailing group with fewer than ${n} nodes is left untouched.`,event:"visit",nodes:u(d),pointers:[],highlights:d.map((o,a)=>({index:a,color:"blue"})),meta:[`k = ${n}`,`length = ${r}`],codeLine:0});let s=0,p=0;for(;s+n<=r;){p+=1,l.push({description:`Group ${p}: look k = ${n} nodes ahead from index ${s}.`,event:"recurse",nodes:u(d),pointers:[{name:"start",index:s,color:"green"}],highlights:I(s,Math.min(s+n,r)).map(h=>({index:h,color:"blue"})),meta:[`group ${p}`],codeLine:3}),l.push({description:`kth node of this group is at index ${s+n-1} (value ${d[s+n-1].value}).`,event:"compare",nodes:u(d),pointers:[{name:"start",index:s,color:"green"},{name:"kth",index:s+n-1,color:"red"}],highlights:I(s,s+n).map(h=>({index:h,color:"yellow"})),meta:[`group ${p}`],codeLine:4}),l.push({description:`Full block of ${n} found → reverse indices ${s}…${s+n-1} in place.`,event:"visit",nodes:u(d),pointers:[{name:"start",index:s,color:"green"},{name:"kth",index:s+n-1,color:"red"}],highlights:I(s,s+n).map(h=>({index:h,color:"yellow"})),codeLine:8});let o=s,a=s+n-1;for(;o({index:m,color:"yellow"})),codeLine:11})}l.push({description:`Group ${p} reversed → [${d.slice(s,s+n).map(h=>h.value).join(", ")}]. Relink it and move groupPrev forward.`,event:"visit",nodes:u(d),pointers:[],highlights:I(s,s+n).map(h=>({index:h,color:"purple"})),codeLine:13}),s+=n}return s({index:o,color:"blue"})),codeLine:4}),l.push({description:`Remaining indices ${s}…${r-1} are fewer than k = ${n} — kth is null, so break and leave them as-is.`,event:"compare",nodes:u(d),pointers:[{name:"rest",index:s,color:"yellow"}],highlights:I(s,r).map(o=>({index:o,color:"blue"})),codeLine:5})),l.push({description:`Done. Result: [${d.map(o=>o.value).join(", ")}]. ✓`,event:"complete",nodes:u(d),pointers:[{name:"head",index:0,color:"green"}],highlights:d.map((o,a)=>({index:a,color:"green"})),codeLine:14,done:!0}),l}function xe(g){const t=_(g),c=[],x=t.length;if(x===0)return[{description:"Empty list is trivially a palindrome.",event:"found",nodes:[],pointers:[],highlights:[],done:!0}];c.push({description:"Phase 1 — find the middle with slow (1×) and fast (2×) pointers.",event:"visit",nodes:u(t),pointers:[{name:"slow",index:0,color:"green"},{name:"fast",index:0,color:"red"}],highlights:[{index:0,color:"blue"}],codeLine:2});let e=0,r=0;for(;r+2<=x-1;)c.push({description:`Loop check: fast can move two nodes ahead (fast at index ${r}). Continue scanning for the middle.`,event:"compare",nodes:u(t),pointers:[{name:"slow",index:e,color:"green"},{name:"fast",index:r,color:"red"}],highlights:[{index:e,color:"green"},{index:r,color:"red"}],codeLine:3}),e+=1,r+=2,c.push({description:`Advance: slow → ${e} (${t[e].value}), fast → ${r} (${t[r].value}).`,event:"compare",nodes:u(t),pointers:[{name:"slow",index:e,color:"green"},{name:"fast",index:r,color:"red"}],highlights:[{index:e,color:"green"},{index:r,color:"red"}],codeLine:4});const n=(x%2===0,e+1);c.push({description:`Middle found at index ${e}. The second half (indices ${n}…${x-1}) will be reversed.`,event:"visit",nodes:u(t),pointers:[{name:"mid",index:e,color:"yellow"}],highlights:Array.from({length:x-n},(m,v)=>({index:n+v,color:"purple"})),meta:["Phase 2 — reverse 2nd half"],codeLine:6});const l=t.slice(0,n),d=t.slice(n).reverse(),s=[...l,...d];c.push({description:"Second half reversed. Set p = head, q = second (start of reversed half). Compare moving inward.",event:"swap",nodes:u(s),pointers:[{name:"p",index:0,color:"green"},{name:"q",index:n,color:"red"}],highlights:Array.from({length:d.length},(m,v)=>({index:l.length+v,color:"purple"})),codeLine:8});let p=0,o=n,a=!0;const h=d.length;for(let m=0;m({index:v,color:a?"green":"red"})),meta:[a?"palindrome = true":"palindrome = false"],codeLine:a?12:10,done:!0}),c}function ge(g){const[t,c=""]=g.split(";"),x=Math.max(1,Number(t.trim())||1),e=c.split(",").map(d=>d.trim()).filter(Boolean),r=[];let n=[];const l=(d,s,p={},o,a=!1)=>{r.push({description:d,event:s,nodes:[],pointers:[],highlights:[],lru:{capacity:x,entries:n.map(h=>({...h})),op:p?.op,hitKey:p?.hitKey??null,missKey:p?.missKey??null,evictKey:p?.evictKey??null},meta:[`capacity = ${x}`,`size = ${n.length}`],codeLine:o,done:a})};l(`Create an LRU cache with capacity ${x}. The front is most-recently-used, the back is least-recently-used.`,"visit",{op:"init"},0);for(const d of e){const s=d.split(/\s+/),p=s[0]?.toLowerCase();if(p==="put"){const o=Number(s[1]),a=Number(s[2]),h=n.findIndex(m=>m.key===o);if(h>=0){const[m]=n.splice(h,1);m.value=a,n.unshift(m),l(`put(${o}, ${a}): key ${o} already exists → update value and move to front (most-recently-used).`,"swap",{op:`put ${o} ${a}`,hitKey:o},11)}else{if(n.length>=x){const m=n[n.length-1];l(`put(${o}, ${a}): cache is full → evict least-recently-used key ${m.key}.`,"pop",{op:`put ${o} ${a}`,evictKey:m.key},13),n=n.slice(0,n.length-1)}n.unshift({key:o,value:a}),l(`put(${o}, ${a}): insert new entry at the front.`,"push",{op:`put ${o} ${a}`,hitKey:o},14)}}else if(p==="get"){const o=Number(s[1]),a=n.findIndex(h=>h.key===o);if(a>=0){const[h]=n.splice(a,1);n.unshift(h),l(`get(${o}) → ${h.value} (HIT). Move key ${o} to the front.`,"found",{op:`get ${o}`,hitKey:o},6)}else l(`get(${o}) → -1 (MISS). Key ${o} is not in the cache.`,"not-found",{op:`get ${o}`,missKey:o},5)}}return l("All operations processed.","complete",{op:"done"},0,!0),r}function fe(g){const t=_(g),c=[],x=t.length;if(x===0)return[{description:"List is empty — nothing to segregate.",event:"complete",nodes:[],pointers:[],highlights:[],done:!0}];c.push({description:"Goal: move all even-valued nodes before all odd-valued nodes, preserving relative order. Scan from the head.",event:"visit",nodes:u(t),pointers:[{name:"curr",index:0,color:"yellow"}],highlights:[{index:0,color:"blue"}],meta:["evens = [ ]","odds = [ ]"],codeLine:0}),c.push({description:"Create an empty evens chain to collect even-valued nodes.",event:"visit",nodes:u(t),pointers:[{name:"curr",index:0,color:"yellow"}],highlights:[{index:0,color:"blue"}],meta:["evens = [ ]"],codeLine:1}),c.push({description:"Create an empty odds chain to collect odd-valued nodes.",event:"visit",nodes:u(t),pointers:[{name:"curr",index:0,color:"yellow"}],highlights:[{index:0,color:"blue"}],meta:["evens = [ ]","odds = [ ]"],codeLine:2}),c.push({description:"Set curr = head and scan the list once.",event:"visit",nodes:u(t),pointers:[{name:"curr",index:0,color:"yellow"}],highlights:[{index:0,color:"blue"}],meta:["evens = [ ]","odds = [ ]"],codeLine:3});const e=[],r=[];for(let l=0;lp.value).join(", ")}]`,`odds = [${r.map(p=>p.value).join(", ")}]`],codeLine:4}),s?e.push(d):r.push(d),c.push({description:`Node ${d.value} is ${s?"EVEN → append to evens chain":"ODD → append to odds chain"}.`,event:"compare",nodes:u(t),pointers:[{name:"curr",index:l,color:"yellow"}],highlights:[{index:l,color:s?"green":"red"}],meta:[`evens = [${e.map(p=>p.value).join(", ")}]`,`odds = [${r.map(p=>p.value).join(", ")}]`],codeLine:s?5:6}),c.push({description:l+1p.value).join(", ")}]`,`odds = [${r.map(p=>p.value).join(", ")}]`],codeLine:7})}const n=[...e,...r];return c.push({description:`Join the chains: evens (${e.length}) followed by odds (${r.length}).`,event:"swap",nodes:u(n),pointers:[],highlights:n.map((l,d)=>({index:d,color:l.value%2===0?"green":"red"})),meta:[`evens = [${e.map(l=>l.value).join(", ")}]`,`odds = [${r.map(l=>l.value).join(", ")}]`],codeLine:8,done:!0}),c}function ve(g){const[t,c="-1"]=g.split(";"),x=O(t),e=_(x),r=e.length,n=Math.trunc(Number(c.trim())),l=n>=0&&n0,d=l?n:null,s=[];if(r===0)return[{description:"List is empty — no cycle.",event:"not-found",nodes:[],pointers:[],highlights:[],cycleTo:null,done:!0}];const p=L=>L===r-1?l?n:-1:L+1;s.push({description:l?`Tail (index ${r-1}) links back to index ${n}. Run Floyd's tortoise & hare from the head.`:"No cycle declared (tail → null). Run Floyd's tortoise & hare to confirm.",event:"visit",nodes:u(e),pointers:[{name:"slow",index:0,color:"green"},{name:"fast",index:0,color:"red"}],highlights:[{index:0,color:"blue"}],cycleTo:d,meta:["Phase 1 — detect"],codeLine:2});let o=0,a=0,h=-1,m=0;const v=r*4+10;for(;m=0?[{name:"slow",index:o,color:"green"}]:[],highlights:[],cycleTo:d,meta:["cycle = false"],codeLine:6,done:!0}),s;if(s.push({description:`slow → ${o} (${e[o].value}), fast → ${a} (${e[a].value}). ${o===a?"They MET — a cycle exists!":"Not equal yet, keep moving."}`,event:o===a?"found":"compare",nodes:u(e),pointers:[{name:"slow",index:o,color:"green"},{name:"fast",index:a,color:"red"}],highlights:o===a?[{index:o,color:"yellow"}]:[{index:o,color:"green"},{index:a,color:"red"}],cycleTo:d,codeLine:o===a?5:4}),o===a){h=o;break}}if(h===-1)return s.push({description:"No cycle detected.",event:"not-found",nodes:u(e),pointers:[],highlights:[],cycleTo:d,codeLine:6,done:!0}),s;let y=1,$=p(h);for(;$!==h;)y+=1,$=p($);s.push({description:`Phase 2 — measure loop length: walk from the meeting node until returning to it → length = ${y}.`,event:"visit",nodes:u(e),pointers:[{name:"meet",index:h,color:"yellow"}],highlights:$e(h,p).map(L=>({index:L,color:"purple"})),cycleTo:d,meta:[`loop length = ${y}`],codeLine:8});let f=0,b=h;for(s.push({description:"Phase 3 — find loop start: reset one pointer to head; advance both one step at a time. They meet at the loop entry.",event:"visit",nodes:u(e),pointers:[{name:"p1",index:f,color:"green"},{name:"p2",index:b,color:"red"}],highlights:[{index:f,color:"green"},{index:b,color:"red"}],cycleTo:d,codeLine:10});f!==b;)f=p(f),b=p(b),s.push({description:`p1 → ${f} (${e[f].value}), p2 → ${b} (${e[b].value}). ${f===b?"Met at the loop start!":"Advance both by one."}`,event:f===b?"found":"compare",nodes:u(e),pointers:[{name:"p1",index:f,color:"green"},{name:"p2",index:b,color:"red"}],highlights:f===b?[{index:f,color:"yellow"}]:[{index:f,color:"green"},{index:b,color:"red"}],cycleTo:d,codeLine:11});const R=f;return s.push({description:`Phase 4 — remove the loop: the node before the loop start (the tail, index ${r-1}) has its next set to null.`,event:"swap",nodes:u(e),pointers:[{name:"start",index:R,color:"yellow"},{name:"tail",index:r-1,color:"red"}],highlights:[{index:R,color:"yellow"},{index:r-1,color:"red"}],cycleTo:d,meta:[`loop start = index ${R}`,`loop length = ${y}`],codeLine:12}),s.push({description:"Loop removed — the list is now a clean acyclic chain ending in null. ✓",event:"complete",nodes:u(e),pointers:[],highlights:e.map((L,w)=>({index:w,color:"green"})),cycleTo:null,meta:["cycle = false",`removed link tail → ${n}`],codeLine:13,done:!0}),s}function $e(g,t){const c=[g];let x=t(g);for(;x!==g;)c.push(x),x=t(x);return c}function ye(g){const t=_(g),c=[],x=t.length;if(x<=1)return[{description:x===0?"Empty list — already sorted.":"Single node — already sorted.",event:"complete",nodes:u(t),pointers:[],highlights:t.map((n,l)=>({index:l,color:"green"})),codeLine:2,done:!0}];c.push({description:"Merge sort: recursively split the list into halves until single nodes remain, then merge sorted runs.",event:"visit",nodes:u(t),pointers:[],highlights:t.map((n,l)=>({index:l,color:"blue"})),meta:["Time O(n log n)"],codeLine:0});const e=t.slice(),r=(n,l)=>{if(l-n<=1){c.push({description:`Base case: indices ${n}…${l-1} is a single node (${e[n].value}) — already sorted, return it.`,event:"visit",nodes:u(e),pointers:[],highlights:n>1;c.push({description:`Split indices ${n}…${l-1} into [${n}…${d-1}] and [${d}…${l-1}].`,event:"recurse",nodes:u(e),pointers:[{name:"mid",index:d,color:"yellow"}],highlights:[...I(n,d).map(m=>({index:m,color:"green"})),...I(d,l).map(m=>({index:m,color:"red"}))],codeLine:3}),c.push({description:`Recurse on the left half: sortList(indices ${n}…${d-1}).`,event:"recurse",nodes:u(e),pointers:[],highlights:I(n,d).map(m=>({index:m,color:"green"})),codeLine:4}),r(n,d),c.push({description:`Recurse on the right half: sortList(indices ${d}…${l-1}).`,event:"recurse",nodes:u(e),pointers:[],highlights:I(d,l).map(m=>({index:m,color:"red"})),codeLine:5}),r(d,l);const s=e.slice(n,d),p=e.slice(d,l),o=[];let a=0,h=0;for(;am.value).join(", ")}] sorted into indices ${n}…${l-1}.`,event:"swap",nodes:u(e),pointers:[],highlights:I(n,l).map(m=>({index:m,color:"purple"})),codeLine:6})};return r(0,x),c.push({description:`Done — list sorted: [${e.map(n=>n.value).join(", ")}]. ✓`,event:"complete",nodes:u(e),pointers:[],highlights:e.map((n,l)=>({index:l,color:"green"})),codeLine:6,done:!0}),c}function I(g,t){const c=[];for(let x=g;xq(g,t.defaultInput)),[n,l]=j.useState(0),[d,s]=j.useState(!1),[p,o]=j.useState(700),a=j.useRef(p),h=j.useRef(null),m=j.useRef(e),{soundEnabled:v,toggleSound:y,playEvent:$}=ee(),f=j.useRef($);j.useEffect(()=>{a.current=p},[p]),j.useEffect(()=>{m.current=e},[e]),j.useEffect(()=>{f.current=$},[$]);const b=j.useCallback(()=>{h.current&&(clearTimeout(h.current),h.current=null)},[]);j.useEffect(()=>()=>b(),[b]);const R=e[n]??e[0]??null,L=e.length>0?(n+1)/e.length*100:0,w=j.useCallback(()=>{s(!1),b()},[b]),A=j.useCallback((S,M=!0)=>{const E=m.current,z=Math.max(0,Math.min(E.length-1,S));if(l(z),M){const D=E[z];D&&f.current(D.event,z,E.length)}},[]),k=j.useCallback(()=>{const S=m.current;if(S.length===0)return;let M=n>=S.length-1?0:n;l(M),s(!0);const E=()=>{if(M>=S.length-1){s(!1),b();return}M+=1,l(M);const D=S[M];D&&f.current(D.event,M,S.length),h.current=setTimeout(E,a.current)},z=S[M];z&&f.current(z.event,M,S.length),h.current=setTimeout(E,a.current)},[n,b]),K=j.useCallback(()=>{d?w():k()},[d,k,w]),H=j.useCallback(()=>{w(),A(n+1)},[w,A,n]),U=j.useCallback(()=>{w(),A(n-1)},[w,A,n]),X=j.useCallback(()=>{w(),A(0,!1)},[w,A]),Y=j.useCallback(S=>{w();const E=q(g,S??c);r(E),m.current=E,l(0),E[0]&&f.current(E[0].event,0,E.length)},[c,g,w]),J=j.useMemo(()=>e.reduce((S,M)=>Math.max(S,M.nodes.length),0),[e]);return{info:t,input:c,setInput:x,steps:e,stepIndex:n,currentStep:R,progress:L,isPlaying:d,speed:p,setSpeed:o,soundEnabled:v,toggleSound:y,maxNodes:J,run:Y,togglePlay:K,next:H,prev:U,reset:X,goToStep:S=>{w(),A(S)},canGoNext:n0}}const we={green:{border:"#34d399",bg:"rgba(52,211,153,0.18)",text:"#6ee7b7"},red:{border:"#f87171",bg:"rgba(248,113,113,0.18)",text:"#fca5a5"},yellow:{border:"#fbbf24",bg:"rgba(251,191,36,0.18)",text:"#fde68a"},blue:{border:"#60a5fa",bg:"rgba(96,165,250,0.18)",text:"#93c5fd"},purple:{border:"#c084fc",bg:"rgba(192,132,252,0.18)",text:"#d8b4fe"}},je={border:"#475569",bg:"rgba(30,41,59,0.7)",text:"#cbd5e1"},Le={green:"#34d399",red:"#f87171",yellow:"#fbbf24",blue:"#60a5fa",purple:"#c084fc"},C=60,N=48,W=40,F=C+W,B=6,G=N+78;function ke({step:g}){return g?g.lru?i.jsx(Se,{step:g}):i.jsx(Ne,{step:g}):null}function Ne({step:g}){const{nodes:t,pointers:c,highlights:x,cycleTo:e}=g,r=new Map(x.map(h=>[h.index,h.color])),n=new Map;for(const h of c){const m=n.get(h.index)??[];m.push(h),n.set(h.index,m)}if(t.length===0)return i.jsx("div",{className:"flex h-full min-h-[260px] w-full items-center justify-center",children:i.jsx("div",{className:"flex h-16 w-48 items-center justify-center rounded-lg border-2 border-dashed border-slate-700 text-xs text-slate-600",children:"Empty list — null"})});const l=Math.ceil(t.length/B),s=Math.min(t.length,B)*F+W,p=l*G+20,o=28,a=h=>{const m=Math.floor(h/B);return{x:h%B*F+W,y:m*G+o}};return i.jsxs("div",{className:"flex h-full w-full flex-col items-center justify-center gap-4 overflow-auto px-2",children:[i.jsxs("svg",{viewBox:`0 0 ${s+20} ${p}`,width:"100%",style:{maxWidth:`${s+20}px`,overflow:"visible"},children:[t.map((h,m)=>{const v=m===t.length-1,{x:y,y:$}=a(m),f=m%B!==B-1;if(v)return null;if(f)return i.jsxs("g",{children:[i.jsx("line",{x1:y+C,y1:$+N/2,x2:y+F,y2:$+N/2,stroke:"#475569",strokeWidth:1.6}),i.jsx("polygon",{points:`${y+F},${$+N/2} ${y+F-7},${$+N/2-4} ${y+F-7},${$+N/2+4}`,fill:"#475569"})]},`edge-${h.id}`);const b=a(m+1);return i.jsx("path",{d:`M ${y+C} ${$+N/2} L ${y+C+14} ${$+N/2} L ${y+C+14} ${$+N+28} L ${b.x-14} ${b.y+N/2} L ${b.x} ${b.y+N/2}`,fill:"none",stroke:"#475569",strokeWidth:1.6,markerEnd:""},`wrap-${h.id}`)}),e==null&&t.length>0&&(()=>{const h=t.length-1,{x:m,y:v}=a(h);return i.jsx("text",{x:m+C+22,y:v+N/2+4,textAnchor:"middle",fontSize:"10",fill:"#64748b",fontFamily:"monospace",children:"null"},"null")})(),e!=null&&t.length>0&&(()=>{const h=a(t.length-1),m=a(e),v=h.x+C/2,y=h.y+N,$=m.x+C/2,f=m.y+N,b=Math.max(y,f)+46;return i.jsxs("g",{children:[i.jsx("path",{d:`M ${v} ${y} C ${v} ${b}, ${$} ${b}, ${$} ${f}`,fill:"none",stroke:"#f59e0b",strokeWidth:1.8,strokeDasharray:"5 4"}),i.jsx("polygon",{points:`${$},${f} ${$-4},${f+8} ${$+4},${f+8}`,fill:"#f59e0b"}),i.jsxs("text",{x:(v+$)/2,y:b+12,textAnchor:"middle",fontSize:"9",fill:"#fbbf24",fontFamily:"monospace",children:["cycle → index ",e]})]})})(),t.map((h,m)=>{const{x:v,y}=a(m),$=r.get(m),f=$?we[$]:je,b=n.get(m)??[];return i.jsxs("g",{children:[m===0&&i.jsx("text",{x:v+C/2,y:y-16,textAnchor:"middle",fontSize:"9",fill:"#818cf8",fontFamily:"monospace",children:"head"}),b.map((R,L)=>i.jsx("g",{children:i.jsxs("text",{x:v+C/2,y:y-6-L*11,textAnchor:"middle",fontSize:"9",fontWeight:"bold",fill:Le[R.color??"blue"],fontFamily:"monospace",children:[R.name,"↓"]})},R.name)),i.jsx("rect",{x:v,y,width:C,height:N,rx:8,fill:f.bg,stroke:f.border,strokeWidth:$?2.2:1.5}),i.jsx("text",{x:v+C/2,y:y+N/2+5,textAnchor:"middle",fontSize:"15",fontWeight:"bold",fill:f.text,fontFamily:"sans-serif",children:h.value}),i.jsxs("text",{x:v+C/2,y:y+N+12,textAnchor:"middle",fontSize:"8",fill:"#475569",fontFamily:"monospace",children:["[",m,"]"]})]},h.id)})]}),g.description&&i.jsx("div",{className:"w-full max-w-xl rounded-lg bg-slate-800/60 px-4 py-2 text-center text-xs leading-relaxed text-indigo-300",children:g.description}),g.meta&&g.meta.length>0&&i.jsx("div",{className:"flex flex-wrap justify-center gap-1.5",children:g.meta.map(h=>i.jsx("span",{className:"rounded-full bg-slate-800/80 px-2.5 py-0.5 text-[10px] font-mono text-slate-300 ring-1 ring-slate-700/50",children:h},h))})]})}function Se({step:g}){const t=g.lru,c=Array.from({length:t.capacity});return i.jsxs("div",{className:"flex h-full w-full flex-col items-center justify-center gap-5 overflow-auto px-2",children:[i.jsxs("div",{className:"flex w-full max-w-2xl items-center justify-between text-[10px] uppercase tracking-wider text-slate-500",children:[i.jsx("span",{className:"text-emerald-400",children:"← Most recently used"}),i.jsx("span",{className:"text-rose-400",children:"Least recently used →"})]}),i.jsx("div",{className:"flex flex-wrap items-center justify-center gap-3",children:c.map((x,e)=>{const r=t.entries[e];if(!r)return i.jsx("div",{className:"flex h-20 w-24 flex-col items-center justify-center rounded-xl border-2 border-dashed border-slate-700 text-[10px] text-slate-600",children:"empty"},`empty-${e}`);const n=t.hitKey===r.key,d=t.evictKey===r.key?"border-rose-400 bg-rose-500/15":n?"border-emerald-400 bg-emerald-500/15":"border-slate-600 bg-slate-800/70";return i.jsxs("div",{className:`flex h-20 w-24 flex-col items-center justify-center rounded-xl border-2 ${d} transition-all`,children:[i.jsxs("span",{className:"text-[9px] font-mono uppercase tracking-wide text-slate-400",children:["key ",r.key]}),i.jsx("span",{className:"mt-0.5 text-xl font-bold text-white",children:r.value}),e===0&&i.jsx("span",{className:"mt-0.5 text-[8px] font-mono text-emerald-400",children:"MRU"}),e===t.entries.length-1&&t.entries.length===t.capacity&&e!==0&&i.jsx("span",{className:"mt-0.5 text-[8px] font-mono text-rose-400",children:"LRU"})]},r.key)})}),t.missKey!=null&&i.jsxs("div",{className:"rounded-lg bg-rose-500/10 px-3 py-1 text-xs font-mono text-rose-300 ring-1 ring-rose-500/30",children:["MISS · key ",t.missKey," not present"]}),g.description&&i.jsx("div",{className:"w-full max-w-xl rounded-lg bg-slate-800/60 px-4 py-2 text-center text-xs leading-relaxed text-indigo-300",children:g.description}),g.meta&&g.meta.length>0&&i.jsx("div",{className:"flex flex-wrap justify-center gap-1.5",children:g.meta.map(x=>i.jsx("span",{className:"rounded-full bg-slate-800/80 px-2.5 py-0.5 text-[10px] font-mono text-slate-300 ring-1 ring-slate-700/50",children:x},x))})]})}const P=(g,t)=>Math.floor(Math.random()*(t-g+1))+g;function T(g,t=1,c=99){return Array.from({length:g},()=>P(t,c))}function Re(g){switch(g){case"find-middle":return T(P(5,9)).join(",");case"palindrome":{const t=T(P(2,3));if(Math.random()<.6){const c=Math.random()<.5?[P(1,9)]:[];return[...t,...c,...[...t].reverse()].join(",")}return T(P(4,7)).join(",")}case"lru-cache":{const t=P(2,3),c=[1,2,3,4,5],x=[];for(let e=0;e{const w=Re(t);e(w),m(w)};return i.jsxs("aside",{className:"w-full space-y-4 xl:w-80 xl:shrink-0",children:[i.jsxs("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[i.jsx("h3",{className:"mb-2 text-xs font-semibold uppercase tracking-wider text-slate-400",children:"Input"}),i.jsx("label",{className:"text-[11px] text-slate-500",children:c.inputLabel}),i.jsx("textarea",{value:x,onChange:w=>e(w.target.value),rows:3,className:"mt-1 w-full resize-none rounded-xl bg-slate-950/70 px-3 py-2 text-xs font-mono text-slate-200 outline-none ring-1 ring-slate-700/50 focus:ring-indigo-500/50"}),i.jsx("p",{className:"mt-2 text-[10px] leading-relaxed text-slate-500",children:c.helper}),i.jsxs("div",{className:"mt-3 grid grid-cols-2 gap-2",children:[i.jsx("button",{onClick:()=>m(),className:"rounded-xl bg-indigo-500/20 px-3 py-2 text-xs font-semibold text-indigo-300 ring-1 ring-indigo-500/40 hover:bg-indigo-500/30",children:"Build Steps"}),i.jsxs("button",{onClick:L,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-3 py-2 text-xs font-semibold text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/70",children:[i.jsx(ne,{size:13})," Random"]})]})]}),i.jsxs("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[i.jsxs("div",{className:"mb-3 flex items-center justify-between",children:[i.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400",children:"Playback"}),i.jsxs("span",{className:"font-mono text-xs text-indigo-300",children:[Math.min(n+1,r.length)," / ",r.length]})]}),i.jsx("div",{className:"h-2 overflow-hidden rounded-full bg-slate-800",children:i.jsx("div",{className:"h-full rounded-full bg-indigo-400 transition-all",style:{width:`${d}%`}})}),i.jsxs("div",{className:"mt-3 rounded-xl border border-slate-700/40 bg-slate-950/40 p-3",children:[i.jsxs("div",{className:"mb-2 flex items-center justify-between",children:[i.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-wider text-slate-500",children:"Animation Speed"}),i.jsxs("span",{className:"font-mono text-[10px] text-indigo-300",children:[(p/1e3).toFixed(2),"s"]})]}),i.jsx("input",{type:"range",min:120,max:3e3,step:20,value:3120-p,onChange:w=>o(3120-Number(w.target.value)),className:"w-full accent-indigo-400","aria-label":"Animation speed"}),i.jsxs("div",{className:"mt-1 flex justify-between text-[9px] uppercase tracking-wide text-slate-600",children:[i.jsx("span",{children:"Slow"}),i.jsx("span",{children:"Fast"})]})]}),i.jsxs("div",{className:"mt-3 grid grid-cols-3 gap-2",children:[i.jsxs("button",{onClick:$,disabled:!R,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-2 py-2 text-xs text-slate-300 ring-1 ring-slate-700/50 disabled:opacity-30",children:[i.jsx(se,{size:13})," Back"]}),i.jsx("button",{onClick:v,className:`inline-flex items-center justify-center gap-1 rounded-xl px-2 py-2 text-xs font-semibold ring-1 ${s?"bg-amber-500/15 text-amber-300 ring-amber-500/30":"bg-emerald-500/15 text-emerald-300 ring-emerald-500/30"}`,children:s?i.jsxs(i.Fragment,{children:[i.jsx(ie,{size:13})," Pause"]}):i.jsxs(i.Fragment,{children:[i.jsx(re,{size:13})," Play"]})}),i.jsxs("button",{onClick:y,disabled:!b,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-2 py-2 text-xs text-slate-300 ring-1 ring-slate-700/50 disabled:opacity-30",children:["Next ",i.jsx(oe,{size:13})]})]}),i.jsxs("button",{onClick:f,className:"mt-2 inline-flex w-full items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-3 py-2 text-xs text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/70",children:[i.jsx(le,{size:13})," Reset"]}),i.jsx("p",{className:"mt-3 min-h-10 text-xs leading-relaxed text-slate-300",children:l?.description})]}),i.jsxs("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[i.jsxs("button",{onClick:()=>h(!a),className:`inline-flex w-full items-center justify-center gap-2 rounded-xl px-3 py-2 text-xs font-semibold ring-1 ${a?"bg-indigo-500/15 text-indigo-300 ring-indigo-500/30":"bg-slate-800/70 text-slate-400 ring-slate-700/40"}`,children:[a?i.jsx(ae,{size:14}):i.jsx(de,{size:14}),a?"Sound On":"Sound Off"]}),i.jsx("div",{className:"mt-3 flex flex-wrap gap-1.5",children:c.tags.map(w=>i.jsx("span",{className:"rounded-full bg-violet-500/10 px-2 py-0.5 text-[10px] font-medium text-violet-300 ring-1 ring-violet-500/20",children:w},w))}),i.jsx("p",{className:"mt-2 text-[10px] font-mono text-slate-500",children:c.complexity})]})]})}function Ke({problem:g}){const t=be(g),{info:c}=t;return i.jsxs("div",{className:"flex flex-1 flex-col gap-4 overflow-auto p-4 md:p-6 xl:flex-row",children:[i.jsxs("main",{className:"order-last flex min-h-[520px] flex-1 flex-col gap-4 xl:order-first",children:[i.jsxs("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-5 backdrop-blur-sm",children:[i.jsxs(Q,{to:"/algorithms/linked-list",className:"mb-3 inline-flex items-center gap-1.5 text-xs font-medium text-slate-400 transition-colors hover:text-indigo-300",children:[i.jsx(ce,{size:13})," Linked List Algorithms"]}),i.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-[0.24em] text-indigo-300",children:"Linked List Algorithms"}),i.jsx("h2",{className:"mt-1 text-xl font-bold text-white",children:c.title}),i.jsx("p",{className:"mt-1 text-sm text-slate-400",children:c.subtitle})]}),i.jsx("section",{className:"flex flex-1 items-center justify-center rounded-2xl border border-slate-700/50 bg-slate-900/40 p-4 backdrop-blur-sm",children:i.jsx(ke,{step:t.currentStep})}),i.jsx(te,{pseudocode:c.pseudocode,activeLine:t.currentStep?.codeLine??null})]}),i.jsx(Ae,{hook:t,problem:g})]})}export{Ke as default};
+import{r as j,j as i,L as Q}from"./index-DBkLeWDs.js";import{P as Z}from"./linkedListAlgo-0_WYfSZm.js";import{u as ee,A as te}from"./AlgorithmCodePanel-CE3r0DXd.js";import{S as ne}from"./shuffle-Dlr-c52A.js";import{C as se,a as oe}from"./chevron-right-CFBAUJsk.js";import{P as ie}from"./pause-CG1snUW9.js";import{P as re}from"./play-mcIZClKO.js";import{R as le}from"./rotate-ccw-7GTUOPy4.js";import{V as ae,a as de}from"./volume-x-BSx9gxSg.js";import{A as ce}from"./arrow-left-CTMPG6pL.js";import"./audioContext-NbgqvQGz.js";let V=1;function _(g){return g.map(t=>({id:V++,value:t}))}function O(g){return g.split(",").map(t=>Number(t.trim())).filter(t=>Number.isFinite(t))}function u(g){return g.map(t=>({...t}))}function q(g,t){switch(g){case"find-middle":return he(O(t));case"reverse-list":return pe(O(t));case"add-two-numbers":return ue(t);case"reverse-k-group":return me(t);case"palindrome":return xe(O(t));case"lru-cache":return ge(t);case"segregate":return fe(O(t));case"detect-cycle":return ve(t);case"sort-list":return ye(O(t));default:return[]}}function he(g){const t=_(g),c=[],x=t.length;if(x===0)return[{description:"List is empty — no middle.",event:"not-found",nodes:[],pointers:[],highlights:[],done:!0}];c.push({description:"Set slow = head (index 0).",event:"visit",nodes:u(t),pointers:[{name:"slow",index:0,color:"green"}],highlights:[{index:0,color:"blue"}],meta:["slow = head"],codeLine:1}),c.push({description:"Set fast = head (index 0). Both pointers start together.",event:"visit",nodes:u(t),pointers:[{name:"slow",index:0,color:"green"},{name:"fast",index:0,color:"red"}],highlights:[{index:0,color:"blue"}],meta:["slow = head","fast = head"],codeLine:2});let e=0,r=0;for(;r+2<=x-1;)c.push({description:`Loop check: fast can move two nodes ahead (fast at index ${r}). Enter the loop.`,event:"compare",nodes:u(t),pointers:[{name:"slow",index:e,color:"green"},{name:"fast",index:r,color:"red"}],highlights:[{index:e,color:"green"},{index:r,color:"red"}],meta:[`slow = ${e}`,`fast = ${r}`],codeLine:3}),e+=1,c.push({description:`slow = slow.next → index ${e} (value ${t[e].value}). slow walks 1 step.`,event:"visit",nodes:u(t),pointers:[{name:"slow",index:e,color:"green"},{name:"fast",index:r,color:"red"}],highlights:[{index:e,color:"green"},{index:r,color:"red"}],meta:[`slow = ${e}`,`fast = ${r}`],codeLine:4}),r+=2,c.push({description:`fast = fast.next.next → index ${r} (value ${t[r].value}). fast walks 2 steps.`,event:"compare",nodes:u(t),pointers:[{name:"slow",index:e,color:"green"},{name:"fast",index:r,color:"red"}],highlights:[{index:e,color:"green"},{index:r,color:"red"}],meta:[`slow = ${e}`,`fast = ${r}`],codeLine:5});return r+1===x-1&&(c.push({description:"Loop check: fast has a single node ahead — take one more paired step.",event:"compare",nodes:u(t),pointers:[{name:"slow",index:e,color:"green"},{name:"fast",index:r,color:"red"}],highlights:[{index:e,color:"green"},{index:r,color:"red"}],meta:[`slow = ${e}`,`fast = ${r}`],codeLine:3}),e+=1,r+=1,c.push({description:`slow → ${e} (${t[e].value}); fast → ${r} (${t[r].value}).`,event:"compare",nodes:u(t),pointers:[{name:"slow",index:e,color:"green"},{name:"fast",index:r,color:"red"}],highlights:[{index:e,color:"green"},{index:r,color:"red"}],meta:[`slow = ${e}`,`fast = ${r}`],codeLine:5})),c.push({description:`fast reached the end, so slow stops at the middle: index ${e}, value ${t[e].value}.`,event:"found",nodes:u(t),pointers:[{name:"middle",index:e,color:"green"}],highlights:[{index:e,color:"green"}],meta:[`middle index = ${e}`,`middle value = ${t[e].value}`],codeLine:6,done:!0}),c}function pe(g){const t=_(g),c=t.length;if(c===0)return[{description:"List is empty — nothing to reverse.",event:"complete",nodes:[],pointers:[],highlights:[],done:!0}];if(c===1)return[{description:"Single node — reversing leaves it unchanged.",event:"complete",nodes:u(t),pointers:[{name:"head",index:0,color:"green"}],highlights:[{index:0,color:"green"}],codeLine:8,done:!0}];const x=[];x.push({description:"Set prev = null. This will become the new head once we finish.",event:"visit",nodes:u(t),pointers:[{name:"curr",index:0,color:"yellow"}],highlights:[{index:0,color:"blue"}],meta:["prev = null"],codeLine:1}),x.push({description:"Set curr = head. We walk the list once, flipping each next pointer to point backwards.",event:"visit",nodes:u(t),pointers:[{name:"curr",index:0,color:"yellow"}],highlights:[{index:0,color:"blue"}],meta:["prev = null","curr = head"],codeLine:2});const e=[];for(let n=0;nh.value).join(", ")}]`],codeLine:3}),x.push({description:`Remember next = ${n+1h.value).join(", ")}]`],codeLine:4}),x.push({description:`Flip curr (${l.value}) → point at prev (${e.length?e[e.length-1].value:"null"}).`,event:"swap",nodes:u(d),pointers:[...p,{name:"curr",index:s,color:"yellow"},...o],highlights:[{index:s,color:"yellow"}],meta:[`reversed = [${[...e].reverse().map(h=>h.value).join(", ")}]`],codeLine:5}),e.push(l);const a=[...e].reverse().concat(t.slice(n+1));x.push({description:`Advance prev = ${l.value}. Reversed prefix is now [${[...e].reverse().map(h=>h.value).join(", ")}].`,event:"visit",nodes:u(a),pointers:[{name:"prev",index:0,color:"green"},...n+1h.value).join(", ")}]`],codeLine:6}),x.push({description:`Advance curr = ${n+1h.value).join(", ")}]`],codeLine:7})}const r=[...e].reverse();return x.push({description:`curr is null → done. prev is the new head. Reversed list: [${r.map(n=>n.value).join(", ")}]. ✓`,event:"complete",nodes:u(r),pointers:[{name:"head",index:0,color:"green"}],highlights:r.map((n,l)=>({index:l,color:"green"})),codeLine:8,done:!0}),x}function ue(g){const[t="0",c="0"]=g.split(";"),x=Math.abs(Math.trunc(Number(t.trim())||0)),e=Math.abs(Math.trunc(Number(c.trim())||0)),r=v=>String(v).split("").map(Number).reverse(),n=r(x),l=r(e),d=[],s=[],p=`A = ${n.join("→")} (=${x})`,o=`B = ${l.join("→")} (=${e})`;d.push({description:`Add ${x} + ${e}. Digits are stored least-significant-first, so we add node by node from the front, carrying overflow.`,event:"visit",nodes:[],pointers:[],highlights:[],meta:[p,o,"carry = 0"],codeLine:1}),d.push({description:"Initialise carry = 0 before walking both digit lists.",event:"visit",nodes:[],pointers:[],highlights:[],meta:[p,o,"carry = 0"],codeLine:2});let a=0;const h=Math.max(n.length,l.length);for(let v=0;v0;v+=1){const y=n[v]??0,$=l[v]??0,f=a,b=v=0?[{name:"tail",index:L,color:"green"}]:[],A=L>=0?[{index:L,color:"blue"}]:[];d.push({description:`Loop check: ${b?"A has a digit":"A exhausted"}, ${R?"B has a digit":"B exhausted"}, carry = ${f}. Continue.`,event:"visit",nodes:u(s),pointers:w,highlights:A,meta:[p,o,`carry = ${f}`],codeLine:3});let k=f;d.push({description:`Start this position's sum with the incoming carry: sum = ${f}.`,event:"visit",nodes:u(s),pointers:w,highlights:A,meta:[p,o,`sum = ${k}`,`carry = ${f}`],codeLine:4}),k+=y,d.push({description:b?`A has digit ${y} at this position → sum += ${y} = ${k}; advance A.`:`A is exhausted at this position → nothing to add. sum = ${k}.`,event:"compare",nodes:u(s),pointers:w,highlights:A,meta:[p,o,`sum = ${k}`,`carry = ${f}`],codeLine:5}),k+=$,d.push({description:R?`B has digit ${$} at this position → sum += ${$} = ${k}; advance B.`:`B is exhausted at this position → nothing to add. sum = ${k}.`,event:"compare",nodes:u(s),pointers:w,highlights:A,meta:[p,o,`sum = ${k}`,`carry = ${f}`],codeLine:6}),a=Math.floor(k/10);const K=k%10;d.push({description:`carry = floor(${k} / 10) = ${a}.`,event:"compare",nodes:u(s),pointers:w,highlights:A,meta:[p,o,`sum = ${k}`,`carry = ${a}`],codeLine:7}),s.push({id:V++,value:K}),d.push({description:`Append a node with digit sum % 10 = ${K}.`,event:"push",nodes:u(s),pointers:[{name:"tail",index:s.length-1,color:"green"}],highlights:[{index:s.length-1,color:"green"}],meta:[p,o,`sum = ${k}`,`carry = ${a}`],codeLine:8}),d.push({description:`Advance tail to the node just appended (digit ${K}).`,event:"visit",nodes:u(s),pointers:[{name:"tail",index:s.length-1,color:"green"}],highlights:[{index:s.length-1,color:"blue"}],meta:[p,o,`carry = ${a}`],codeLine:9})}const m=x+e;return d.push({description:`Done. Result list (least-significant-first): [${s.map(v=>v.value).join(", ")}] = ${m}. ✓`,event:"complete",nodes:u(s),pointers:[{name:"head",index:0,color:"green"}],highlights:s.map((v,y)=>({index:y,color:"green"})),meta:[p,o,`${x} + ${e} = ${m}`],codeLine:10,done:!0}),d}function me(g){const[t="",c="2"]=g.split(";"),x=O(t),e=_(x),r=e.length,n=Math.max(1,Math.trunc(Number(c.trim())||2));if(r===0)return[{description:"List is empty — nothing to reverse.",event:"complete",nodes:[],pointers:[],highlights:[],done:!0}];const l=[],d=e.slice();l.push({description:`Reverse the list in groups of k = ${n}. Each full block of ${n} nodes is reversed; a trailing group with fewer than ${n} nodes is left untouched.`,event:"visit",nodes:u(d),pointers:[],highlights:d.map((o,a)=>({index:a,color:"blue"})),meta:[`k = ${n}`,`length = ${r}`],codeLine:0});let s=0,p=0;for(;s+n<=r;){p+=1,l.push({description:`Group ${p}: look k = ${n} nodes ahead from index ${s}.`,event:"recurse",nodes:u(d),pointers:[{name:"start",index:s,color:"green"}],highlights:I(s,Math.min(s+n,r)).map(h=>({index:h,color:"blue"})),meta:[`group ${p}`],codeLine:3}),l.push({description:`kth node of this group is at index ${s+n-1} (value ${d[s+n-1].value}).`,event:"compare",nodes:u(d),pointers:[{name:"start",index:s,color:"green"},{name:"kth",index:s+n-1,color:"red"}],highlights:I(s,s+n).map(h=>({index:h,color:"yellow"})),meta:[`group ${p}`],codeLine:4}),l.push({description:`Full block of ${n} found → reverse indices ${s}…${s+n-1} in place.`,event:"visit",nodes:u(d),pointers:[{name:"start",index:s,color:"green"},{name:"kth",index:s+n-1,color:"red"}],highlights:I(s,s+n).map(h=>({index:h,color:"yellow"})),codeLine:8});let o=s,a=s+n-1;for(;o({index:m,color:"yellow"})),codeLine:11})}l.push({description:`Group ${p} reversed → [${d.slice(s,s+n).map(h=>h.value).join(", ")}]. Relink it and move groupPrev forward.`,event:"visit",nodes:u(d),pointers:[],highlights:I(s,s+n).map(h=>({index:h,color:"purple"})),codeLine:13}),s+=n}return s({index:o,color:"blue"})),codeLine:4}),l.push({description:`Remaining indices ${s}…${r-1} are fewer than k = ${n} — kth is null, so break and leave them as-is.`,event:"compare",nodes:u(d),pointers:[{name:"rest",index:s,color:"yellow"}],highlights:I(s,r).map(o=>({index:o,color:"blue"})),codeLine:5})),l.push({description:`Done. Result: [${d.map(o=>o.value).join(", ")}]. ✓`,event:"complete",nodes:u(d),pointers:[{name:"head",index:0,color:"green"}],highlights:d.map((o,a)=>({index:a,color:"green"})),codeLine:14,done:!0}),l}function xe(g){const t=_(g),c=[],x=t.length;if(x===0)return[{description:"Empty list is trivially a palindrome.",event:"found",nodes:[],pointers:[],highlights:[],done:!0}];c.push({description:"Phase 1 — find the middle with slow (1×) and fast (2×) pointers.",event:"visit",nodes:u(t),pointers:[{name:"slow",index:0,color:"green"},{name:"fast",index:0,color:"red"}],highlights:[{index:0,color:"blue"}],codeLine:2});let e=0,r=0;for(;r+2<=x-1;)c.push({description:`Loop check: fast can move two nodes ahead (fast at index ${r}). Continue scanning for the middle.`,event:"compare",nodes:u(t),pointers:[{name:"slow",index:e,color:"green"},{name:"fast",index:r,color:"red"}],highlights:[{index:e,color:"green"},{index:r,color:"red"}],codeLine:3}),e+=1,r+=2,c.push({description:`Advance: slow → ${e} (${t[e].value}), fast → ${r} (${t[r].value}).`,event:"compare",nodes:u(t),pointers:[{name:"slow",index:e,color:"green"},{name:"fast",index:r,color:"red"}],highlights:[{index:e,color:"green"},{index:r,color:"red"}],codeLine:4});const n=(x%2===0,e+1);c.push({description:`Middle found at index ${e}. The second half (indices ${n}…${x-1}) will be reversed.`,event:"visit",nodes:u(t),pointers:[{name:"mid",index:e,color:"yellow"}],highlights:Array.from({length:x-n},(m,v)=>({index:n+v,color:"purple"})),meta:["Phase 2 — reverse 2nd half"],codeLine:6});const l=t.slice(0,n),d=t.slice(n).reverse(),s=[...l,...d];c.push({description:"Second half reversed. Set p = head, q = second (start of reversed half). Compare moving inward.",event:"swap",nodes:u(s),pointers:[{name:"p",index:0,color:"green"},{name:"q",index:n,color:"red"}],highlights:Array.from({length:d.length},(m,v)=>({index:l.length+v,color:"purple"})),codeLine:8});let p=0,o=n,a=!0;const h=d.length;for(let m=0;m({index:v,color:a?"green":"red"})),meta:[a?"palindrome = true":"palindrome = false"],codeLine:a?12:10,done:!0}),c}function ge(g){const[t,c=""]=g.split(";"),x=Math.max(1,Number(t.trim())||1),e=c.split(",").map(d=>d.trim()).filter(Boolean),r=[];let n=[];const l=(d,s,p={},o,a=!1)=>{r.push({description:d,event:s,nodes:[],pointers:[],highlights:[],lru:{capacity:x,entries:n.map(h=>({...h})),op:p?.op,hitKey:p?.hitKey??null,missKey:p?.missKey??null,evictKey:p?.evictKey??null},meta:[`capacity = ${x}`,`size = ${n.length}`],codeLine:o,done:a})};l(`Create an LRU cache with capacity ${x}. The front is most-recently-used, the back is least-recently-used.`,"visit",{op:"init"},0);for(const d of e){const s=d.split(/\s+/),p=s[0]?.toLowerCase();if(p==="put"){const o=Number(s[1]),a=Number(s[2]),h=n.findIndex(m=>m.key===o);if(h>=0){const[m]=n.splice(h,1);m.value=a,n.unshift(m),l(`put(${o}, ${a}): key ${o} already exists → update value and move to front (most-recently-used).`,"swap",{op:`put ${o} ${a}`,hitKey:o},11)}else{if(n.length>=x){const m=n[n.length-1];l(`put(${o}, ${a}): cache is full → evict least-recently-used key ${m.key}.`,"pop",{op:`put ${o} ${a}`,evictKey:m.key},13),n=n.slice(0,n.length-1)}n.unshift({key:o,value:a}),l(`put(${o}, ${a}): insert new entry at the front.`,"push",{op:`put ${o} ${a}`,hitKey:o},14)}}else if(p==="get"){const o=Number(s[1]),a=n.findIndex(h=>h.key===o);if(a>=0){const[h]=n.splice(a,1);n.unshift(h),l(`get(${o}) → ${h.value} (HIT). Move key ${o} to the front.`,"found",{op:`get ${o}`,hitKey:o},6)}else l(`get(${o}) → -1 (MISS). Key ${o} is not in the cache.`,"not-found",{op:`get ${o}`,missKey:o},5)}}return l("All operations processed.","complete",{op:"done"},0,!0),r}function fe(g){const t=_(g),c=[],x=t.length;if(x===0)return[{description:"List is empty — nothing to segregate.",event:"complete",nodes:[],pointers:[],highlights:[],done:!0}];c.push({description:"Goal: move all even-valued nodes before all odd-valued nodes, preserving relative order. Scan from the head.",event:"visit",nodes:u(t),pointers:[{name:"curr",index:0,color:"yellow"}],highlights:[{index:0,color:"blue"}],meta:["evens = [ ]","odds = [ ]"],codeLine:0}),c.push({description:"Create an empty evens chain to collect even-valued nodes.",event:"visit",nodes:u(t),pointers:[{name:"curr",index:0,color:"yellow"}],highlights:[{index:0,color:"blue"}],meta:["evens = [ ]"],codeLine:1}),c.push({description:"Create an empty odds chain to collect odd-valued nodes.",event:"visit",nodes:u(t),pointers:[{name:"curr",index:0,color:"yellow"}],highlights:[{index:0,color:"blue"}],meta:["evens = [ ]","odds = [ ]"],codeLine:2}),c.push({description:"Set curr = head and scan the list once.",event:"visit",nodes:u(t),pointers:[{name:"curr",index:0,color:"yellow"}],highlights:[{index:0,color:"blue"}],meta:["evens = [ ]","odds = [ ]"],codeLine:3});const e=[],r=[];for(let l=0;lp.value).join(", ")}]`,`odds = [${r.map(p=>p.value).join(", ")}]`],codeLine:4}),s?e.push(d):r.push(d),c.push({description:`Node ${d.value} is ${s?"EVEN → append to evens chain":"ODD → append to odds chain"}.`,event:"compare",nodes:u(t),pointers:[{name:"curr",index:l,color:"yellow"}],highlights:[{index:l,color:s?"green":"red"}],meta:[`evens = [${e.map(p=>p.value).join(", ")}]`,`odds = [${r.map(p=>p.value).join(", ")}]`],codeLine:s?5:6}),c.push({description:l+1p.value).join(", ")}]`,`odds = [${r.map(p=>p.value).join(", ")}]`],codeLine:7})}const n=[...e,...r];return c.push({description:`Join the chains: evens (${e.length}) followed by odds (${r.length}).`,event:"swap",nodes:u(n),pointers:[],highlights:n.map((l,d)=>({index:d,color:l.value%2===0?"green":"red"})),meta:[`evens = [${e.map(l=>l.value).join(", ")}]`,`odds = [${r.map(l=>l.value).join(", ")}]`],codeLine:8,done:!0}),c}function ve(g){const[t,c="-1"]=g.split(";"),x=O(t),e=_(x),r=e.length,n=Math.trunc(Number(c.trim())),l=n>=0&&n0,d=l?n:null,s=[];if(r===0)return[{description:"List is empty — no cycle.",event:"not-found",nodes:[],pointers:[],highlights:[],cycleTo:null,done:!0}];const p=L=>L===r-1?l?n:-1:L+1;s.push({description:l?`Tail (index ${r-1}) links back to index ${n}. Run Floyd's tortoise & hare from the head.`:"No cycle declared (tail → null). Run Floyd's tortoise & hare to confirm.",event:"visit",nodes:u(e),pointers:[{name:"slow",index:0,color:"green"},{name:"fast",index:0,color:"red"}],highlights:[{index:0,color:"blue"}],cycleTo:d,meta:["Phase 1 — detect"],codeLine:2});let o=0,a=0,h=-1,m=0;const v=r*4+10;for(;m=0?[{name:"slow",index:o,color:"green"}]:[],highlights:[],cycleTo:d,meta:["cycle = false"],codeLine:6,done:!0}),s;if(s.push({description:`slow → ${o} (${e[o].value}), fast → ${a} (${e[a].value}). ${o===a?"They MET — a cycle exists!":"Not equal yet, keep moving."}`,event:o===a?"found":"compare",nodes:u(e),pointers:[{name:"slow",index:o,color:"green"},{name:"fast",index:a,color:"red"}],highlights:o===a?[{index:o,color:"yellow"}]:[{index:o,color:"green"},{index:a,color:"red"}],cycleTo:d,codeLine:o===a?5:4}),o===a){h=o;break}}if(h===-1)return s.push({description:"No cycle detected.",event:"not-found",nodes:u(e),pointers:[],highlights:[],cycleTo:d,codeLine:6,done:!0}),s;let y=1,$=p(h);for(;$!==h;)y+=1,$=p($);s.push({description:`Phase 2 — measure loop length: walk from the meeting node until returning to it → length = ${y}.`,event:"visit",nodes:u(e),pointers:[{name:"meet",index:h,color:"yellow"}],highlights:$e(h,p).map(L=>({index:L,color:"purple"})),cycleTo:d,meta:[`loop length = ${y}`],codeLine:8});let f=0,b=h;for(s.push({description:"Phase 3 — find loop start: reset one pointer to head; advance both one step at a time. They meet at the loop entry.",event:"visit",nodes:u(e),pointers:[{name:"p1",index:f,color:"green"},{name:"p2",index:b,color:"red"}],highlights:[{index:f,color:"green"},{index:b,color:"red"}],cycleTo:d,codeLine:10});f!==b;)f=p(f),b=p(b),s.push({description:`p1 → ${f} (${e[f].value}), p2 → ${b} (${e[b].value}). ${f===b?"Met at the loop start!":"Advance both by one."}`,event:f===b?"found":"compare",nodes:u(e),pointers:[{name:"p1",index:f,color:"green"},{name:"p2",index:b,color:"red"}],highlights:f===b?[{index:f,color:"yellow"}]:[{index:f,color:"green"},{index:b,color:"red"}],cycleTo:d,codeLine:11});const R=f;return s.push({description:`Phase 4 — remove the loop: the node before the loop start (the tail, index ${r-1}) has its next set to null.`,event:"swap",nodes:u(e),pointers:[{name:"start",index:R,color:"yellow"},{name:"tail",index:r-1,color:"red"}],highlights:[{index:R,color:"yellow"},{index:r-1,color:"red"}],cycleTo:d,meta:[`loop start = index ${R}`,`loop length = ${y}`],codeLine:12}),s.push({description:"Loop removed — the list is now a clean acyclic chain ending in null. ✓",event:"complete",nodes:u(e),pointers:[],highlights:e.map((L,w)=>({index:w,color:"green"})),cycleTo:null,meta:["cycle = false",`removed link tail → ${n}`],codeLine:13,done:!0}),s}function $e(g,t){const c=[g];let x=t(g);for(;x!==g;)c.push(x),x=t(x);return c}function ye(g){const t=_(g),c=[],x=t.length;if(x<=1)return[{description:x===0?"Empty list — already sorted.":"Single node — already sorted.",event:"complete",nodes:u(t),pointers:[],highlights:t.map((n,l)=>({index:l,color:"green"})),codeLine:2,done:!0}];c.push({description:"Merge sort: recursively split the list into halves until single nodes remain, then merge sorted runs.",event:"visit",nodes:u(t),pointers:[],highlights:t.map((n,l)=>({index:l,color:"blue"})),meta:["Time O(n log n)"],codeLine:0});const e=t.slice(),r=(n,l)=>{if(l-n<=1){c.push({description:`Base case: indices ${n}…${l-1} is a single node (${e[n].value}) — already sorted, return it.`,event:"visit",nodes:u(e),pointers:[],highlights:n>1;c.push({description:`Split indices ${n}…${l-1} into [${n}…${d-1}] and [${d}…${l-1}].`,event:"recurse",nodes:u(e),pointers:[{name:"mid",index:d,color:"yellow"}],highlights:[...I(n,d).map(m=>({index:m,color:"green"})),...I(d,l).map(m=>({index:m,color:"red"}))],codeLine:3}),c.push({description:`Recurse on the left half: sortList(indices ${n}…${d-1}).`,event:"recurse",nodes:u(e),pointers:[],highlights:I(n,d).map(m=>({index:m,color:"green"})),codeLine:4}),r(n,d),c.push({description:`Recurse on the right half: sortList(indices ${d}…${l-1}).`,event:"recurse",nodes:u(e),pointers:[],highlights:I(d,l).map(m=>({index:m,color:"red"})),codeLine:5}),r(d,l);const s=e.slice(n,d),p=e.slice(d,l),o=[];let a=0,h=0;for(;am.value).join(", ")}] sorted into indices ${n}…${l-1}.`,event:"swap",nodes:u(e),pointers:[],highlights:I(n,l).map(m=>({index:m,color:"purple"})),codeLine:6})};return r(0,x),c.push({description:`Done — list sorted: [${e.map(n=>n.value).join(", ")}]. ✓`,event:"complete",nodes:u(e),pointers:[],highlights:e.map((n,l)=>({index:l,color:"green"})),codeLine:6,done:!0}),c}function I(g,t){const c=[];for(let x=g;xq(g,t.defaultInput)),[n,l]=j.useState(0),[d,s]=j.useState(!1),[p,o]=j.useState(700),a=j.useRef(p),h=j.useRef(null),m=j.useRef(e),{soundEnabled:v,toggleSound:y,playEvent:$}=ee(),f=j.useRef($);j.useEffect(()=>{a.current=p},[p]),j.useEffect(()=>{m.current=e},[e]),j.useEffect(()=>{f.current=$},[$]);const b=j.useCallback(()=>{h.current&&(clearTimeout(h.current),h.current=null)},[]);j.useEffect(()=>()=>b(),[b]);const R=e[n]??e[0]??null,L=e.length>0?(n+1)/e.length*100:0,w=j.useCallback(()=>{s(!1),b()},[b]),A=j.useCallback((S,M=!0)=>{const E=m.current,z=Math.max(0,Math.min(E.length-1,S));if(l(z),M){const D=E[z];D&&f.current(D.event,z,E.length)}},[]),k=j.useCallback(()=>{const S=m.current;if(S.length===0)return;let M=n>=S.length-1?0:n;l(M),s(!0);const E=()=>{if(M>=S.length-1){s(!1),b();return}M+=1,l(M);const D=S[M];D&&f.current(D.event,M,S.length),h.current=setTimeout(E,a.current)},z=S[M];z&&f.current(z.event,M,S.length),h.current=setTimeout(E,a.current)},[n,b]),K=j.useCallback(()=>{d?w():k()},[d,k,w]),H=j.useCallback(()=>{w(),A(n+1)},[w,A,n]),U=j.useCallback(()=>{w(),A(n-1)},[w,A,n]),X=j.useCallback(()=>{w(),A(0,!1)},[w,A]),Y=j.useCallback(S=>{w();const E=q(g,S??c);r(E),m.current=E,l(0),E[0]&&f.current(E[0].event,0,E.length)},[c,g,w]),J=j.useMemo(()=>e.reduce((S,M)=>Math.max(S,M.nodes.length),0),[e]);return{info:t,input:c,setInput:x,steps:e,stepIndex:n,currentStep:R,progress:L,isPlaying:d,speed:p,setSpeed:o,soundEnabled:v,toggleSound:y,maxNodes:J,run:Y,togglePlay:K,next:H,prev:U,reset:X,goToStep:S=>{w(),A(S)},canGoNext:n0}}const we={green:{border:"#34d399",bg:"rgba(52,211,153,0.18)",text:"#6ee7b7"},red:{border:"#f87171",bg:"rgba(248,113,113,0.18)",text:"#fca5a5"},yellow:{border:"#fbbf24",bg:"rgba(251,191,36,0.18)",text:"#fde68a"},blue:{border:"#60a5fa",bg:"rgba(96,165,250,0.18)",text:"#93c5fd"},purple:{border:"#c084fc",bg:"rgba(192,132,252,0.18)",text:"#d8b4fe"}},je={border:"#475569",bg:"rgba(30,41,59,0.7)",text:"#cbd5e1"},Le={green:"#34d399",red:"#f87171",yellow:"#fbbf24",blue:"#60a5fa",purple:"#c084fc"},C=60,N=48,W=40,F=C+W,B=6,G=N+78;function ke({step:g}){return g?g.lru?i.jsx(Se,{step:g}):i.jsx(Ne,{step:g}):null}function Ne({step:g}){const{nodes:t,pointers:c,highlights:x,cycleTo:e}=g,r=new Map(x.map(h=>[h.index,h.color])),n=new Map;for(const h of c){const m=n.get(h.index)??[];m.push(h),n.set(h.index,m)}if(t.length===0)return i.jsx("div",{className:"flex h-full min-h-[260px] w-full items-center justify-center",children:i.jsx("div",{className:"flex h-16 w-48 items-center justify-center rounded-lg border-2 border-dashed border-slate-700 text-xs text-slate-600",children:"Empty list — null"})});const l=Math.ceil(t.length/B),s=Math.min(t.length,B)*F+W,p=l*G+20,o=28,a=h=>{const m=Math.floor(h/B);return{x:h%B*F+W,y:m*G+o}};return i.jsxs("div",{className:"flex h-full w-full flex-col items-center justify-center gap-4 overflow-auto px-2",children:[i.jsxs("svg",{viewBox:`0 0 ${s+20} ${p}`,width:"100%",style:{maxWidth:`${s+20}px`,overflow:"visible"},children:[t.map((h,m)=>{const v=m===t.length-1,{x:y,y:$}=a(m),f=m%B!==B-1;if(v)return null;if(f)return i.jsxs("g",{children:[i.jsx("line",{x1:y+C,y1:$+N/2,x2:y+F,y2:$+N/2,stroke:"#475569",strokeWidth:1.6}),i.jsx("polygon",{points:`${y+F},${$+N/2} ${y+F-7},${$+N/2-4} ${y+F-7},${$+N/2+4}`,fill:"#475569"})]},`edge-${h.id}`);const b=a(m+1);return i.jsx("path",{d:`M ${y+C} ${$+N/2} L ${y+C+14} ${$+N/2} L ${y+C+14} ${$+N+28} L ${b.x-14} ${b.y+N/2} L ${b.x} ${b.y+N/2}`,fill:"none",stroke:"#475569",strokeWidth:1.6,markerEnd:""},`wrap-${h.id}`)}),e==null&&t.length>0&&(()=>{const h=t.length-1,{x:m,y:v}=a(h);return i.jsx("text",{x:m+C+22,y:v+N/2+4,textAnchor:"middle",fontSize:"10",fill:"#64748b",fontFamily:"monospace",children:"null"},"null")})(),e!=null&&t.length>0&&(()=>{const h=a(t.length-1),m=a(e),v=h.x+C/2,y=h.y+N,$=m.x+C/2,f=m.y+N,b=Math.max(y,f)+46;return i.jsxs("g",{children:[i.jsx("path",{d:`M ${v} ${y} C ${v} ${b}, ${$} ${b}, ${$} ${f}`,fill:"none",stroke:"#f59e0b",strokeWidth:1.8,strokeDasharray:"5 4"}),i.jsx("polygon",{points:`${$},${f} ${$-4},${f+8} ${$+4},${f+8}`,fill:"#f59e0b"}),i.jsxs("text",{x:(v+$)/2,y:b+12,textAnchor:"middle",fontSize:"9",fill:"#fbbf24",fontFamily:"monospace",children:["cycle → index ",e]})]})})(),t.map((h,m)=>{const{x:v,y}=a(m),$=r.get(m),f=$?we[$]:je,b=n.get(m)??[];return i.jsxs("g",{children:[m===0&&i.jsx("text",{x:v+C/2,y:y-16,textAnchor:"middle",fontSize:"9",fill:"#818cf8",fontFamily:"monospace",children:"head"}),b.map((R,L)=>i.jsx("g",{children:i.jsxs("text",{x:v+C/2,y:y-6-L*11,textAnchor:"middle",fontSize:"9",fontWeight:"bold",fill:Le[R.color??"blue"],fontFamily:"monospace",children:[R.name,"↓"]})},R.name)),i.jsx("rect",{x:v,y,width:C,height:N,rx:8,fill:f.bg,stroke:f.border,strokeWidth:$?2.2:1.5}),i.jsx("text",{x:v+C/2,y:y+N/2+5,textAnchor:"middle",fontSize:"15",fontWeight:"bold",fill:f.text,fontFamily:"sans-serif",children:h.value}),i.jsxs("text",{x:v+C/2,y:y+N+12,textAnchor:"middle",fontSize:"8",fill:"#475569",fontFamily:"monospace",children:["[",m,"]"]})]},h.id)})]}),g.description&&i.jsx("div",{className:"w-full max-w-xl rounded-lg bg-slate-800/60 px-4 py-2 text-center text-xs leading-relaxed text-indigo-300",children:g.description}),g.meta&&g.meta.length>0&&i.jsx("div",{className:"flex flex-wrap justify-center gap-1.5",children:g.meta.map(h=>i.jsx("span",{className:"rounded-full bg-slate-800/80 px-2.5 py-0.5 text-[10px] font-mono text-slate-300 ring-1 ring-slate-700/50",children:h},h))})]})}function Se({step:g}){const t=g.lru,c=Array.from({length:t.capacity});return i.jsxs("div",{className:"flex h-full w-full flex-col items-center justify-center gap-5 overflow-auto px-2",children:[i.jsxs("div",{className:"flex w-full max-w-2xl items-center justify-between text-[10px] uppercase tracking-wider text-slate-500",children:[i.jsx("span",{className:"text-emerald-400",children:"← Most recently used"}),i.jsx("span",{className:"text-rose-400",children:"Least recently used →"})]}),i.jsx("div",{className:"flex flex-wrap items-center justify-center gap-3",children:c.map((x,e)=>{const r=t.entries[e];if(!r)return i.jsx("div",{className:"flex h-20 w-24 flex-col items-center justify-center rounded-xl border-2 border-dashed border-slate-700 text-[10px] text-slate-600",children:"empty"},`empty-${e}`);const n=t.hitKey===r.key,d=t.evictKey===r.key?"border-rose-400 bg-rose-500/15":n?"border-emerald-400 bg-emerald-500/15":"border-slate-600 bg-slate-800/70";return i.jsxs("div",{className:`flex h-20 w-24 flex-col items-center justify-center rounded-xl border-2 ${d} transition-all`,children:[i.jsxs("span",{className:"text-[9px] font-mono uppercase tracking-wide text-slate-400",children:["key ",r.key]}),i.jsx("span",{className:"mt-0.5 text-xl font-bold text-white",children:r.value}),e===0&&i.jsx("span",{className:"mt-0.5 text-[8px] font-mono text-emerald-400",children:"MRU"}),e===t.entries.length-1&&t.entries.length===t.capacity&&e!==0&&i.jsx("span",{className:"mt-0.5 text-[8px] font-mono text-rose-400",children:"LRU"})]},r.key)})}),t.missKey!=null&&i.jsxs("div",{className:"rounded-lg bg-rose-500/10 px-3 py-1 text-xs font-mono text-rose-300 ring-1 ring-rose-500/30",children:["MISS · key ",t.missKey," not present"]}),g.description&&i.jsx("div",{className:"w-full max-w-xl rounded-lg bg-slate-800/60 px-4 py-2 text-center text-xs leading-relaxed text-indigo-300",children:g.description}),g.meta&&g.meta.length>0&&i.jsx("div",{className:"flex flex-wrap justify-center gap-1.5",children:g.meta.map(x=>i.jsx("span",{className:"rounded-full bg-slate-800/80 px-2.5 py-0.5 text-[10px] font-mono text-slate-300 ring-1 ring-slate-700/50",children:x},x))})]})}const P=(g,t)=>Math.floor(Math.random()*(t-g+1))+g;function T(g,t=1,c=99){return Array.from({length:g},()=>P(t,c))}function Re(g){switch(g){case"find-middle":return T(P(5,9)).join(",");case"palindrome":{const t=T(P(2,3));if(Math.random()<.6){const c=Math.random()<.5?[P(1,9)]:[];return[...t,...c,...[...t].reverse()].join(",")}return T(P(4,7)).join(",")}case"lru-cache":{const t=P(2,3),c=[1,2,3,4,5],x=[];for(let e=0;e{const w=Re(t);e(w),m(w)};return i.jsxs("aside",{className:"w-full space-y-4 xl:w-80 xl:shrink-0",children:[i.jsxs("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[i.jsx("h3",{className:"mb-2 text-xs font-semibold uppercase tracking-wider text-slate-400",children:"Input"}),i.jsx("label",{className:"text-[11px] text-slate-500",children:c.inputLabel}),i.jsx("textarea",{value:x,onChange:w=>e(w.target.value),rows:3,className:"mt-1 w-full resize-none rounded-xl bg-slate-950/70 px-3 py-2 text-xs font-mono text-slate-200 outline-none ring-1 ring-slate-700/50 focus:ring-indigo-500/50"}),i.jsx("p",{className:"mt-2 text-[10px] leading-relaxed text-slate-500",children:c.helper}),i.jsxs("div",{className:"mt-3 grid grid-cols-2 gap-2",children:[i.jsx("button",{onClick:()=>m(),className:"rounded-xl bg-indigo-500/20 px-3 py-2 text-xs font-semibold text-indigo-300 ring-1 ring-indigo-500/40 hover:bg-indigo-500/30",children:"Build Steps"}),i.jsxs("button",{onClick:L,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-3 py-2 text-xs font-semibold text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/70",children:[i.jsx(ne,{size:13})," Random"]})]})]}),i.jsxs("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[i.jsxs("div",{className:"mb-3 flex items-center justify-between",children:[i.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400",children:"Playback"}),i.jsxs("span",{className:"font-mono text-xs text-indigo-300",children:[Math.min(n+1,r.length)," / ",r.length]})]}),i.jsx("div",{className:"h-2 overflow-hidden rounded-full bg-slate-800",children:i.jsx("div",{className:"h-full rounded-full bg-indigo-400 transition-all",style:{width:`${d}%`}})}),i.jsxs("div",{className:"mt-3 rounded-xl border border-slate-700/40 bg-slate-950/40 p-3",children:[i.jsxs("div",{className:"mb-2 flex items-center justify-between",children:[i.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-wider text-slate-500",children:"Animation Speed"}),i.jsxs("span",{className:"font-mono text-[10px] text-indigo-300",children:[(p/1e3).toFixed(2),"s"]})]}),i.jsx("input",{type:"range",min:120,max:3e3,step:20,value:3120-p,onChange:w=>o(3120-Number(w.target.value)),className:"w-full accent-indigo-400","aria-label":"Animation speed"}),i.jsxs("div",{className:"mt-1 flex justify-between text-[9px] uppercase tracking-wide text-slate-600",children:[i.jsx("span",{children:"Slow"}),i.jsx("span",{children:"Fast"})]})]}),i.jsxs("div",{className:"mt-3 grid grid-cols-3 gap-2",children:[i.jsxs("button",{onClick:$,disabled:!R,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-2 py-2 text-xs text-slate-300 ring-1 ring-slate-700/50 disabled:opacity-30",children:[i.jsx(se,{size:13})," Back"]}),i.jsx("button",{onClick:v,className:`inline-flex items-center justify-center gap-1 rounded-xl px-2 py-2 text-xs font-semibold ring-1 ${s?"bg-amber-500/15 text-amber-300 ring-amber-500/30":"bg-emerald-500/15 text-emerald-300 ring-emerald-500/30"}`,children:s?i.jsxs(i.Fragment,{children:[i.jsx(ie,{size:13})," Pause"]}):i.jsxs(i.Fragment,{children:[i.jsx(re,{size:13})," Play"]})}),i.jsxs("button",{onClick:y,disabled:!b,className:"inline-flex items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-2 py-2 text-xs text-slate-300 ring-1 ring-slate-700/50 disabled:opacity-30",children:["Next ",i.jsx(oe,{size:13})]})]}),i.jsxs("button",{onClick:f,className:"mt-2 inline-flex w-full items-center justify-center gap-1 rounded-xl bg-slate-800/70 px-3 py-2 text-xs text-slate-300 ring-1 ring-slate-700/50 hover:bg-slate-700/70",children:[i.jsx(le,{size:13})," Reset"]}),i.jsx("p",{className:"mt-3 min-h-10 text-xs leading-relaxed text-slate-300",children:l?.description})]}),i.jsxs("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[i.jsxs("button",{onClick:()=>h(!a),className:`inline-flex w-full items-center justify-center gap-2 rounded-xl px-3 py-2 text-xs font-semibold ring-1 ${a?"bg-indigo-500/15 text-indigo-300 ring-indigo-500/30":"bg-slate-800/70 text-slate-400 ring-slate-700/40"}`,children:[a?i.jsx(ae,{size:14}):i.jsx(de,{size:14}),a?"Sound On":"Sound Off"]}),i.jsx("div",{className:"mt-3 flex flex-wrap gap-1.5",children:c.tags.map(w=>i.jsx("span",{className:"rounded-full bg-violet-500/10 px-2 py-0.5 text-[10px] font-medium text-violet-300 ring-1 ring-violet-500/20",children:w},w))}),i.jsx("p",{className:"mt-2 text-[10px] font-mono text-slate-500",children:c.complexity})]})]})}function Ke({problem:g}){const t=be(g),{info:c}=t;return i.jsxs("div",{className:"flex flex-1 flex-col gap-4 overflow-auto p-4 md:p-6 xl:flex-row",children:[i.jsxs("main",{className:"order-last flex min-h-[520px] flex-1 flex-col gap-4 xl:order-first",children:[i.jsxs("section",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/60 p-5 backdrop-blur-sm",children:[i.jsxs(Q,{to:"/algorithms/linked-list",className:"mb-3 inline-flex items-center gap-1.5 text-xs font-medium text-slate-400 transition-colors hover:text-indigo-300",children:[i.jsx(ce,{size:13})," Linked List Algorithms"]}),i.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-[0.24em] text-indigo-300",children:"Linked List Algorithms"}),i.jsx("h2",{className:"mt-1 text-xl font-bold text-white",children:c.title}),i.jsx("p",{className:"mt-1 text-sm text-slate-400",children:c.subtitle})]}),i.jsx("section",{className:"flex flex-1 items-center justify-center rounded-2xl border border-slate-700/50 bg-slate-900/40 p-4 backdrop-blur-sm",children:i.jsx(ke,{step:t.currentStep})}),i.jsx(te,{pseudocode:c.pseudocode,activeLine:t.currentStep?.codeLine??null})]}),i.jsx(Ae,{hook:t,problem:g})]})}export{Ke as default};
diff --git a/docs/assets/LinkedListAlgorithmsPage-bVyDUoFQ.js b/docs/assets/LinkedListAlgorithmsPage-CUxv2ABR.js
similarity index 95%
rename from docs/assets/LinkedListAlgorithmsPage-bVyDUoFQ.js
rename to docs/assets/LinkedListAlgorithmsPage-CUxv2ABR.js
index feed259..723e38d 100644
--- a/docs/assets/LinkedListAlgorithmsPage-bVyDUoFQ.js
+++ b/docs/assets/LinkedListAlgorithmsPage-CUxv2ABR.js
@@ -1 +1 @@
-import{c as a,j as e,L as r,N as c,G as d,a as x,S as m,b as h,A as p}from"./index-eCXyAnHs.js";import{P as g}from"./linkedListAlgo-0_WYfSZm.js";import{A as f}from"./arrow-left-DiyrXoev.js";import{R as u}from"./rotate-ccw-B8GZP3d7.js";const k=[["path",{d:"m17 2 4 4-4 4",key:"nntrym"}],["path",{d:"M3 11v-1a4 4 0 0 1 4-4h14",key:"84bu3i"}],["path",{d:"m7 22-4-4 4-4",key:"1wqhfi"}],["path",{d:"M21 13v1a4 4 0 0 1-4 4H3",key:"1rx37r"}]],w=a("repeat",k);const y=[["circle",{cx:"6",cy:"6",r:"3",key:"1lh9wr"}],["path",{d:"M8.12 8.12 12 12",key:"1alkpv"}],["path",{d:"M20 4 8.12 15.88",key:"xgtan2"}],["circle",{cx:"6",cy:"18",r:"3",key:"fqmcym"}],["path",{d:"M14.8 14.8 20 20",key:"ptml3r"}]],b=a("scissors",y);const j=[["path",{d:"M17.971 4.285A2 2 0 0 1 21 6v12a2 2 0 0 1-3.029 1.715l-9.997-5.998a2 2 0 0 1-.003-3.432z",key:"15892j"}],["path",{d:"M3 20V4",key:"1ptbpl"}]],N=a("skip-back",j);const v=[["circle",{cx:"19",cy:"5",r:"2",key:"mhkx31"}],["circle",{cx:"5",cy:"19",r:"2",key:"v8kfzx"}],["path",{d:"M5 17A12 12 0 0 1 17 5",key:"1okkup"}]],L=a("spline",v),C={"find-middle":{gradient:"from-sky-500 to-cyan-500",shadowColor:"shadow-sky-500/20",icon:h},"reverse-list":{gradient:"from-rose-500 to-pink-500",shadowColor:"shadow-rose-500/20",icon:u},"add-two-numbers":{gradient:"from-blue-500 to-indigo-500",shadowColor:"shadow-blue-500/20",icon:m},"reverse-k-group":{gradient:"from-purple-500 to-fuchsia-500",shadowColor:"shadow-purple-500/20",icon:N},palindrome:{gradient:"from-fuchsia-500 to-pink-500",shadowColor:"shadow-fuchsia-500/20",icon:L},"lru-cache":{gradient:"from-emerald-500 to-teal-500",shadowColor:"shadow-emerald-500/20",icon:x},segregate:{gradient:"from-lime-500 to-green-500",shadowColor:"shadow-lime-500/20",icon:b},"detect-cycle":{gradient:"from-amber-500 to-orange-500",shadowColor:"shadow-amber-500/20",icon:w},"sort-list":{gradient:"from-indigo-500 to-violet-500",shadowColor:"shadow-indigo-500/20",icon:d}},R=["find-middle","reverse-list","add-two-numbers","reverse-k-group","palindrome","lru-cache","segregate","detect-cycle","sort-list"];function z(){return e.jsxs("div",{className:"flex-1 overflow-y-auto",children:[e.jsxs("section",{className:"flex flex-col items-center justify-center px-6 pt-12 pb-8 text-center",children:[e.jsxs(r,{to:"/algorithms",className:"mb-4 inline-flex items-center gap-1.5 rounded-full bg-slate-800/60 px-3 py-1.5 text-xs font-medium text-slate-400 ring-1 ring-slate-700/50 transition-colors hover:text-indigo-300",children:[e.jsx(f,{size:13})," Back to Algorithms"]}),e.jsxs("div",{className:"mb-4 inline-flex items-center gap-2 rounded-full bg-indigo-500/10 px-4 py-1.5 ring-1 ring-indigo-500/20",children:[e.jsx(c,{size:14,className:"text-indigo-400"}),e.jsx("span",{className:"text-xs font-medium text-indigo-300",children:"Linked List Algorithms"})]}),e.jsxs("h2",{className:"text-3xl font-extrabold tracking-tight text-white",children:["Linked ",e.jsx("span",{className:"bg-gradient-to-r from-indigo-400 to-fuchsia-400 bg-clip-text text-transparent",children:"List"})]}),e.jsx("p",{className:"mt-3 max-w-2xl mx-auto text-sm text-slate-400 leading-relaxed",children:"Two-pointer tricks, Floyd's cycle detection, merge sort, and an LRU cache — each with step playback, a speed slider, and audio feedback."})]}),e.jsx("section",{className:"px-6 pb-12",children:e.jsx("div",{className:"mx-auto grid max-w-6xl grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3",children:R.map(t=>{const s=g[t],{gradient:l,shadowColor:o,icon:n}=C[t];return e.jsxs(r,{to:`/algorithms/linked-list/${t}`,className:`group relative flex flex-col rounded-2xl border border-slate-700/40 bg-slate-900/50 p-6 shadow-lg backdrop-blur-sm transition-all duration-300 hover:scale-[1.01] hover:border-slate-600/60 hover:bg-slate-900/70 ${o}`,children:[e.jsx("div",{className:`mb-3 flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br ${l} shadow-lg ${o}`,children:e.jsx(n,{size:20,className:"text-white"})}),e.jsx("h4",{className:"text-base font-bold text-white",children:s.title}),e.jsx("p",{className:"text-[10px] text-slate-500 italic",children:s.subtitle}),e.jsx("p",{className:"mt-2 flex-1 text-xs leading-relaxed text-slate-400",children:s.helper}),e.jsx("div",{className:"mt-3 flex flex-wrap gap-1.5",children:s.tags.map(i=>e.jsx("span",{className:"rounded-full bg-slate-800/60 px-2 py-0.5 text-[10px] font-medium text-slate-400",children:i},i))}),e.jsxs("div",{className:"mt-3 flex items-center gap-1 text-xs font-medium text-indigo-400 opacity-0 transition-opacity group-hover:opacity-100",children:["Explore ",e.jsx(p,{size:12})]})]},t)})})})]})}export{z as default};
+import{c as a,j as e,L as r,N as c,G as d,a as x,S as m,b as h,A as p}from"./index-DBkLeWDs.js";import{P as g}from"./linkedListAlgo-0_WYfSZm.js";import{A as f}from"./arrow-left-CTMPG6pL.js";import{R as u}from"./rotate-ccw-7GTUOPy4.js";const k=[["path",{d:"m17 2 4 4-4 4",key:"nntrym"}],["path",{d:"M3 11v-1a4 4 0 0 1 4-4h14",key:"84bu3i"}],["path",{d:"m7 22-4-4 4-4",key:"1wqhfi"}],["path",{d:"M21 13v1a4 4 0 0 1-4 4H3",key:"1rx37r"}]],w=a("repeat",k);const y=[["circle",{cx:"6",cy:"6",r:"3",key:"1lh9wr"}],["path",{d:"M8.12 8.12 12 12",key:"1alkpv"}],["path",{d:"M20 4 8.12 15.88",key:"xgtan2"}],["circle",{cx:"6",cy:"18",r:"3",key:"fqmcym"}],["path",{d:"M14.8 14.8 20 20",key:"ptml3r"}]],b=a("scissors",y);const j=[["path",{d:"M17.971 4.285A2 2 0 0 1 21 6v12a2 2 0 0 1-3.029 1.715l-9.997-5.998a2 2 0 0 1-.003-3.432z",key:"15892j"}],["path",{d:"M3 20V4",key:"1ptbpl"}]],N=a("skip-back",j);const v=[["circle",{cx:"19",cy:"5",r:"2",key:"mhkx31"}],["circle",{cx:"5",cy:"19",r:"2",key:"v8kfzx"}],["path",{d:"M5 17A12 12 0 0 1 17 5",key:"1okkup"}]],L=a("spline",v),C={"find-middle":{gradient:"from-sky-500 to-cyan-500",shadowColor:"shadow-sky-500/20",icon:h},"reverse-list":{gradient:"from-rose-500 to-pink-500",shadowColor:"shadow-rose-500/20",icon:u},"add-two-numbers":{gradient:"from-blue-500 to-indigo-500",shadowColor:"shadow-blue-500/20",icon:m},"reverse-k-group":{gradient:"from-purple-500 to-fuchsia-500",shadowColor:"shadow-purple-500/20",icon:N},palindrome:{gradient:"from-fuchsia-500 to-pink-500",shadowColor:"shadow-fuchsia-500/20",icon:L},"lru-cache":{gradient:"from-emerald-500 to-teal-500",shadowColor:"shadow-emerald-500/20",icon:x},segregate:{gradient:"from-lime-500 to-green-500",shadowColor:"shadow-lime-500/20",icon:b},"detect-cycle":{gradient:"from-amber-500 to-orange-500",shadowColor:"shadow-amber-500/20",icon:w},"sort-list":{gradient:"from-indigo-500 to-violet-500",shadowColor:"shadow-indigo-500/20",icon:d}},R=["find-middle","reverse-list","add-two-numbers","reverse-k-group","palindrome","lru-cache","segregate","detect-cycle","sort-list"];function z(){return e.jsxs("div",{className:"flex-1 overflow-y-auto",children:[e.jsxs("section",{className:"flex flex-col items-center justify-center px-6 pt-12 pb-8 text-center",children:[e.jsxs(r,{to:"/algorithms",className:"mb-4 inline-flex items-center gap-1.5 rounded-full bg-slate-800/60 px-3 py-1.5 text-xs font-medium text-slate-400 ring-1 ring-slate-700/50 transition-colors hover:text-indigo-300",children:[e.jsx(f,{size:13})," Back to Algorithms"]}),e.jsxs("div",{className:"mb-4 inline-flex items-center gap-2 rounded-full bg-indigo-500/10 px-4 py-1.5 ring-1 ring-indigo-500/20",children:[e.jsx(c,{size:14,className:"text-indigo-400"}),e.jsx("span",{className:"text-xs font-medium text-indigo-300",children:"Linked List Algorithms"})]}),e.jsxs("h2",{className:"text-3xl font-extrabold tracking-tight text-white",children:["Linked ",e.jsx("span",{className:"bg-gradient-to-r from-indigo-400 to-fuchsia-400 bg-clip-text text-transparent",children:"List"})]}),e.jsx("p",{className:"mt-3 max-w-2xl mx-auto text-sm text-slate-400 leading-relaxed",children:"Two-pointer tricks, Floyd's cycle detection, merge sort, and an LRU cache — each with step playback, a speed slider, and audio feedback."})]}),e.jsx("section",{className:"px-6 pb-12",children:e.jsx("div",{className:"mx-auto grid max-w-6xl grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3",children:R.map(t=>{const s=g[t],{gradient:l,shadowColor:o,icon:n}=C[t];return e.jsxs(r,{to:`/algorithms/linked-list/${t}`,className:`group relative flex flex-col rounded-2xl border border-slate-700/40 bg-slate-900/50 p-6 shadow-lg backdrop-blur-sm transition-all duration-300 hover:scale-[1.01] hover:border-slate-600/60 hover:bg-slate-900/70 ${o}`,children:[e.jsx("div",{className:`mb-3 flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br ${l} shadow-lg ${o}`,children:e.jsx(n,{size:20,className:"text-white"})}),e.jsx("h4",{className:"text-base font-bold text-white",children:s.title}),e.jsx("p",{className:"text-[10px] text-slate-500 italic",children:s.subtitle}),e.jsx("p",{className:"mt-2 flex-1 text-xs leading-relaxed text-slate-400",children:s.helper}),e.jsx("div",{className:"mt-3 flex flex-wrap gap-1.5",children:s.tags.map(i=>e.jsx("span",{className:"rounded-full bg-slate-800/60 px-2 py-0.5 text-[10px] font-medium text-slate-400",children:i},i))}),e.jsxs("div",{className:"mt-3 flex items-center gap-1 text-xs font-medium text-indigo-400 opacity-0 transition-opacity group-hover:opacity-100",children:["Explore ",e.jsx(p,{size:12})]})]},t)})})})]})}export{z as default};
diff --git a/docs/assets/LinkedListPage-DDic5oaj.js b/docs/assets/LinkedListPage-CPh-u55R.js
similarity index 97%
rename from docs/assets/LinkedListPage-DDic5oaj.js
rename to docs/assets/LinkedListPage-CPh-u55R.js
index 6b9cb0f..261e517 100644
--- a/docs/assets/LinkedListPage-DDic5oaj.js
+++ b/docs/assets/LinkedListPage-CPh-u55R.js
@@ -1 +1 @@
-import{r as a,j as e,e as de}from"./index-eCXyAnHs.js";import{u as ce}from"./useDSSound-CIDAFkgj.js";import{P as K}from"./plus-CffLiizr.js";import{T as xe}from"./trash-2-DQ8BZrIf.js";import{R as ue}from"./rotate-ccw-B8GZP3d7.js";import{S as he}from"./shuffle-CdKU4ZYx.js";import{V as ge,a as pe}from"./volume-x-CTbtCvt-.js";import{C as me,a as fe}from"./chevron-right-BZqZw4c2.js";import"./audioContext-NbgqvQGz.js";let U=1;const be=[3,7,1,9].map(p=>({id:U++,value:p}));function je(){const[p,m]=a.useState(be),[c,H]=a.useState("singly"),[h,y]=a.useState([]),[x,r]=a.useState(-1),[S,M]=a.useState(""),[V,X]=a.useState(""),[G,P]=a.useState([]),[j,A]=a.useState(400),[n,C]=a.useState(!1),$=a.useRef(null),R=a.useRef(j),v=a.useRef(!1),{soundEnabled:o,toggleSound:F,playInsert:N,playDelete:I,playTraverse:k,playFound:T,playNotFound:D}=ce(),B=a.useRef(N),Y=a.useRef(I),q=a.useRef(k);a.useEffect(()=>{B.current=N},[N]),a.useEffect(()=>{Y.current=I},[I]),a.useEffect(()=>{q.current=k},[k]),a.useEffect(()=>{R.current=j},[j]),a.useEffect(()=>{if(!v.current||h.length===0)return;v.current=!1,$.current&&clearTimeout($.current),C(!0);let t=0;const s=()=>{if(t>=h.length-1){C(!1);return}t++,r(t);const i=h[t];i&&(i.highlightColor==="green"?B.current():i.highlightColor==="red"?Y.current():i.highlightColor==="yellow"&&q.current(t,h.length)),$.current=setTimeout(s,R.current)};$.current=setTimeout(s,R.current)},[h]);const J=x>=0&&h[x]?h[x].nodes:p,l=x>=0?h[x]:null,E=c==="singly"?"singly linked list":c==="doubly"?"doubly linked list":"circular linked list",O=t=>P(s=>[t,...s].slice(0,20)),Q=a.useCallback(t=>{H(t),y([]),r(-1),C(!1),P(s=>[`Switch to ${t}`,...s].slice(0,20))},[]),w=(t,s,i=[],d=null,u=null)=>({description:t,nodes:s,highlightIds:new Set(i),highlightColor:d,newNodeId:u}),Z=a.useCallback(t=>{const s={id:U++,value:t};m(i=>{const d=[s,...i],u=[w(`Prepend ${t}: creating new node at head in the ${E}...`,i,[],null,s.id),w(`${t} inserted at position 0. Updating ${c==="doubly"?"prev/next pointers":c==="circular"?"tail.next back to head":"head pointer"}.`,d,[s.id],"green",s.id)];return y(u),r(0),v.current=!0,N(),O(`Prepend ${t}`),d})},[N,c,E]),ee=a.useCallback(t=>{const s={id:U++,value:t};m(i=>{const d=[...i,s],u=[];for(let f=0;f{const i={id:U++,value:t};m(d=>{if(s<0||s>d.length)return d;const u=[...d.slice(0,s),i,...d.slice(s)],f=[];for(let W=0;W{m(s=>{if(t<0||t>=s.length)return s;const i=s[t],d=[];for(let f=0;f<=t;f++)d.push(w(`Traversing to index ${t}: at node ${s[f].value}...`,s,[s[f].id],"yellow"));d.push(w(`Deleting node ${i.value} at index ${t}: re-linking ${c==="doubly"?"prev and next pointers":c==="circular"?"cycle pointers":"next pointer"}.`,s,[i.id],"red"));const u=s.filter((f,W)=>W!==t);return d.push(w(`Node ${i.value} removed. List size: ${u.length}`,u,[],null)),y(d),r(0),v.current=!0,I(),O(`Delete [${t}] → ${i.value}`),u})},[I,c]),le=a.useCallback(t=>{m(s=>{const i=[];let d=-1;for(let u=0;u{m([]),y([]),r(-1),O("Clear list")},[]),ae=a.useCallback(()=>{const t=Math.floor(Math.random()*4)+4,s=Array.from({length:t},()=>({id:U++,value:Math.floor(Math.random()*90)+1}));m(s),y([]),r(-1),O("Random list")},[]),ie=a.useCallback(()=>{r(t=>Math.min(t+1,h.length-1))},[h.length]),re=a.useCallback(()=>{r(t=>Math.max(t-1,0))},[]),oe=a.useCallback(()=>{if(n){C(!1),$.current&&clearTimeout($.current);return}if(x>=h.length-1)return;C(!0);let t=x;const s=()=>{if(t>=h.length-1){C(!1);return}t++,r(t),$.current=setTimeout(s,j)};$.current=setTimeout(s,j)},[n,x,h.length,j]);return{nodes:p,variant:c,changeVariant:Q,displayNodes:J,steps:h,stepIndex:x,currentStep:l,inputValue:S,setInputValue:M,indexValue:V,setIndexValue:X,history:G,speed:j,setSpeed:A,isPlaying:n,prepend:Z,append:ee,insertAt:te,deleteAt:se,search:le,clear:ne,generateRandom:ae,nextStep:ie,prevStep:re,autoPlay:oe,canGoNext:x0,soundEnabled:o,toggleSound:F}}const ye={green:{border:"#34d399",bg:"rgba(52,211,153,0.15)",text:"#6ee7b7"},red:{border:"#f87171",bg:"rgba(248,113,113,0.15)",text:"#fca5a5"},yellow:{border:"#fbbf24",bg:"rgba(251,191,36,0.15)",text:"#fde68a"},blue:{border:"#60a5fa",bg:"rgba(96,165,250,0.15)",text:"#93c5fd"}},Ne={border:"#475569",bg:"rgba(30,41,59,0.7)",text:"#cbd5e1"},b=64,g=48,L=36,z=b+L,_=5;function ve({nodes:p,currentStep:m,variant:c}){const H=m?.highlightIds??new Set,h=m?.highlightColor??null,y=[];for(let j=0;j{const n=A*r+20,C=A===y.length-1,$=A*_;return e.jsx("g",{children:j.map((R,v)=>{const o=v*z+L/2,F=H.has(R.id),N=F&&h?ye[h]:Ne,I=$+v,k=I===0,T=I===p.length-1,D=v===j.length-1;return e.jsxs("g",{children:[k&&e.jsx("text",{x:o+b/2,y:n-8,textAnchor:"middle",fontSize:"10",fill:"#818cf8",fontFamily:"monospace",children:"head"}),e.jsx("rect",{x:o,y:n,width:b,height:g,rx:8,fill:N.bg,stroke:N.border,strokeWidth:F?2:1.5}),e.jsx("text",{x:o+b*.38,y:n+g/2+5,textAnchor:"middle",fontSize:"15",fontWeight:"bold",fill:N.text,fontFamily:"sans-serif",children:R.value}),e.jsx("line",{x1:o+b*.62,y1:n+4,x2:o+b*.62,y2:n+g-4,stroke:N.border,strokeWidth:1,opacity:.5}),e.jsx("text",{x:o+b*.82,y:n+g/2+4,textAnchor:"middle",fontSize:"9",fill:"#64748b",fontFamily:"monospace",children:T?c==="circular"?"↺":"null":"→"}),c==="doubly"&&e.jsx("text",{x:o+b*.2,y:n+g-7,textAnchor:"middle",fontSize:"8",fill:"#93c5fd",fontFamily:"monospace",children:k?"null":"←"}),!T&&!D&&e.jsxs("g",{children:[e.jsx("line",{x1:o+b,y1:n+g/2,x2:o+z,y2:n+g/2,stroke:"#475569",strokeWidth:1.5}),e.jsx("polygon",{points:`${o+z},${n+g/2} ${o+z-6},${n+g/2-4} ${o+z-6},${n+g/2+4}`,fill:"#475569"})]}),c==="doubly"&&!T&&!D&&e.jsxs("g",{opacity:.75,children:[e.jsx("line",{x1:o+z,y1:n+g/2+12,x2:o+b,y2:n+g/2+12,stroke:"#60a5fa",strokeWidth:1.2}),e.jsx("polygon",{points:`${o+b},${n+g/2+12} ${o+b+6},${n+g/2+8} ${o+b+6},${n+g/2+16}`,fill:"#60a5fa"})]}),D&&!C&&e.jsxs("g",{children:[e.jsx("path",{d:`M ${o+b} ${n+g/2} L ${o+b+14} ${n+g/2} L ${o+b+14} ${n+g+20} L ${L/2} ${n+g+20} L ${L/2} ${n+r}`,fill:"none",stroke:"#475569",strokeWidth:1.5}),e.jsx("polygon",{points:`${L/2},${n+r} ${L/2-4},${n+r-6} ${L/2+4},${n+r-6}`,fill:"#475569"})]})]},R.id)})},A)}),c==="circular"&&y.length>0&&p.length>1&&e.jsxs("g",{children:[e.jsx("path",{d:`M ${G+b} ${P+g/2} C ${x+40} ${S+16}, -20 ${S+16}, ${L/2+b/2} 78`,fill:"none",stroke:"#f59e0b",strokeDasharray:"5 5",strokeWidth:1.5}),e.jsx("text",{x:x/2,y:S-4,textAnchor:"middle",fontSize:"10",fill:"#fbbf24",fontFamily:"monospace",children:"tail.next → head"})]})]}),m?.description&&e.jsx("div",{className:"w-full max-w-sm rounded-lg bg-slate-800/60 px-4 py-2 text-center text-xs text-indigo-300 leading-relaxed",children:m.description}),e.jsxs("div",{className:"text-xs text-slate-500 font-mono",children:[c," list · length = ",p.length]})]})}const $e=[{label:"Slow",value:700},{label:"Med",value:350},{label:"Fast",value:120}];function ke({hook:p}){const{nodes:m,variant:c,changeVariant:H,steps:h,stepIndex:y,inputValue:x,setInputValue:r,indexValue:S,setIndexValue:M,history:V,speed:X,setSpeed:G,isPlaying:P,prepend:j,append:A,insertAt:n,deleteAt:C,search:$,clear:R,generateRandom:v,nextStep:o,prevStep:F,canGoNext:N,canGoPrev:I,soundEnabled:k,toggleSound:T}=p,D=()=>{const l=parseInt(x);isNaN(l)||(j(l),r(""))},B=()=>{const l=parseInt(x);isNaN(l)||(A(l),r(""))},Y=()=>{const l=parseInt(x),E=parseInt(S);!isNaN(l)&&!isNaN(E)&&(n(l,E),r(""))},q=()=>{const l=parseInt(S);isNaN(l)||C(l)},J=()=>{const l=parseInt(x);isNaN(l)||$(l)};return e.jsxs("div",{className:"flex flex-col gap-4 w-full md:w-72 shrink-0 overflow-y-auto max-h-full pr-1",children:[e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-sm font-bold text-indigo-300 mb-1",children:"Linked List"}),e.jsxs("p",{className:"text-xs text-slate-400 leading-relaxed",children:["A chain of ",e.jsx("strong",{className:"text-slate-300",children:"nodes"}),". Switch between singly, doubly, and circular pointer layouts while keeping the same operations."]}),e.jsx("div",{className:"mt-2 flex flex-wrap gap-1.5",children:["Prepend O(1)","Append O(n)","Insert O(n)","Delete O(n)","Search O(n)"].map(l=>e.jsx("span",{className:"rounded-full bg-violet-500/10 px-2 py-0.5 text-[10px] font-medium text-violet-400 ring-1 ring-violet-500/20",children:l},l))})]}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"List Type"}),e.jsx("div",{className:"grid grid-cols-3 gap-1",children:["singly","doubly","circular"].map(l=>e.jsx("button",{onClick:()=>H(l),className:`rounded-lg px-2 py-2 text-[10px] font-semibold capitalize transition-all ${c===l?"bg-indigo-500/20 text-indigo-300 ring-1 ring-indigo-500/40":"bg-slate-800/60 text-slate-400 hover:bg-slate-700/60"}`,children:l},l))}),e.jsx("p",{className:"mt-2 text-[10px] leading-relaxed text-slate-500",children:"Doubly lists show backward pointers; circular lists connect the tail back to the head."})]}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Operations"}),e.jsxs("div",{className:"grid grid-cols-2 gap-2 mb-3",children:[e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("label",{className:"text-[10px] text-slate-500 uppercase tracking-wider",children:"Value"}),e.jsx("input",{type:"number",value:x,onChange:l=>r(l.target.value),placeholder:"e.g. 42",className:"w-full rounded-lg bg-slate-800/60 px-3 py-2 text-sm text-slate-200 placeholder-slate-600 outline-none ring-1 ring-slate-700/50 focus:ring-indigo-500/50 transition-all"})]}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("label",{className:"text-[10px] text-slate-500 uppercase tracking-wider",children:"Index"}),e.jsx("input",{type:"number",value:S,onChange:l=>M(l.target.value),placeholder:"e.g. 0",min:"0",className:"w-full rounded-lg bg-slate-800/60 px-3 py-2 text-sm text-slate-200 placeholder-slate-600 outline-none ring-1 ring-slate-700/50 focus:ring-indigo-500/50 transition-all"})]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsxs("button",{onClick:D,disabled:m.length>=12,className:"flex items-center justify-center gap-1.5 rounded-lg bg-gradient-to-r from-emerald-500/80 to-green-500/80 px-3 py-2 text-xs font-semibold text-white shadow-lg shadow-emerald-500/15 transition-all hover:brightness-110 active:scale-[0.98] disabled:opacity-40 disabled:cursor-not-allowed",children:[e.jsx(K,{size:13})," Prepend"]}),e.jsxs("button",{onClick:B,disabled:m.length>=12,className:"flex items-center justify-center gap-1.5 rounded-lg bg-indigo-500/20 px-3 py-2 text-xs font-semibold text-indigo-300 ring-1 ring-indigo-500/30 transition-all hover:bg-indigo-500/30 active:scale-[0.98] disabled:opacity-40 disabled:cursor-not-allowed",children:[e.jsx(K,{size:13})," Append"]}),e.jsxs("button",{onClick:Y,disabled:m.length>=12,className:"flex items-center justify-center gap-1.5 rounded-lg bg-violet-500/20 px-3 py-2 text-xs font-semibold text-violet-300 ring-1 ring-violet-500/30 transition-all hover:bg-violet-500/30 active:scale-[0.98] disabled:opacity-40 disabled:cursor-not-allowed",children:[e.jsx(K,{size:13})," Insert at"]}),e.jsxs("button",{onClick:q,disabled:m.length===0,className:"flex items-center justify-center gap-1.5 rounded-lg bg-gradient-to-r from-rose-500/80 to-pink-500/80 px-3 py-2 text-xs font-semibold text-white shadow-lg shadow-rose-500/15 transition-all hover:brightness-110 active:scale-[0.98] disabled:opacity-40 disabled:cursor-not-allowed",children:[e.jsx(xe,{size:13})," Delete at"]}),e.jsxs("button",{onClick:J,disabled:m.length===0,className:"flex items-center justify-center gap-1.5 rounded-lg bg-amber-500/20 px-3 py-2 text-xs font-semibold text-amber-300 ring-1 ring-amber-500/30 transition-all hover:bg-amber-500/30 active:scale-[0.98] disabled:opacity-40 disabled:cursor-not-allowed",children:[e.jsx(de,{size:13})," Search"]}),e.jsxs("button",{onClick:R,disabled:m.length===0,className:"flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2 text-xs font-medium text-slate-400 transition-all hover:bg-slate-700/60 disabled:opacity-40 disabled:cursor-not-allowed",children:[e.jsx(ue,{size:13})," Clear"]})]}),e.jsxs("button",{onClick:v,className:"mt-2 w-full flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2 text-xs font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300",children:[e.jsx(he,{size:12})," Random List"]}),e.jsxs("button",{onClick:()=>T(!k),className:`mt-2 w-full flex items-center justify-center gap-1.5 rounded-lg px-3 py-2 text-xs font-medium transition-all ${k?"bg-indigo-500/15 text-indigo-300 ring-1 ring-indigo-500/30":"bg-slate-800/60 text-slate-400 hover:bg-slate-700/60"}`,children:[k?e.jsx(ge,{size:12}):e.jsx(pe,{size:12}),k?"Sound On":"Sound Off"]})]}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Animation Speed"}),e.jsx("div",{className:"flex gap-1",children:$e.map(l=>e.jsx("button",{onClick:()=>G(l.value),className:`flex-1 rounded-lg px-2 py-1.5 text-xs font-medium transition-all duration-200 ${X===l.value?"bg-violet-500/20 text-violet-300 ring-1 ring-violet-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50 hover:text-slate-300"}`,children:l.label},l.value))})]}),h.length>0&&e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Step Through"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsxs("button",{onClick:F,disabled:!I||P,className:"flex-1 flex items-center justify-center gap-1 rounded-lg bg-slate-800/60 px-3 py-2.5 text-sm font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300 disabled:opacity-30 disabled:cursor-not-allowed",children:[e.jsx(me,{size:16})," Prev"]}),e.jsxs("button",{onClick:o,disabled:!N||P,className:"flex-1 flex items-center justify-center gap-1 rounded-lg bg-slate-800/60 px-3 py-2.5 text-sm font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300 disabled:opacity-30 disabled:cursor-not-allowed",children:["Next ",e.jsx(fe,{size:16})]})]}),e.jsxs("div",{className:"mt-2 flex items-center justify-between",children:[e.jsx("span",{className:"text-xs text-slate-500",children:"Step"}),e.jsxs("span",{className:"text-sm font-mono font-semibold text-indigo-400",children:[Math.max(0,y+1)," / ",h.length]})]})]}),V.length>0&&e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"History"}),e.jsx("div",{className:"max-h-36 overflow-y-auto space-y-1",children:V.map((l,E)=>e.jsxs("div",{className:"flex items-center gap-2 text-xs",children:[e.jsx("span",{className:"font-mono text-slate-600 w-4 text-right",children:E+1}),e.jsx("span",{className:l.startsWith("Prepend")||l.startsWith("Append")||l.startsWith("Insert")?"text-emerald-400":l.startsWith("Delete")?"text-rose-400":l.startsWith("Search")?"text-amber-400":"text-slate-400",children:l})]},E))})]}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Legend"}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"h-3 w-5 rounded-sm bg-emerald-500"}),e.jsx("span",{className:"text-xs text-slate-400",children:"Insert / found"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"h-3 w-5 rounded-sm bg-rose-500"}),e.jsx("span",{className:"text-xs text-slate-400",children:"Delete"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"h-3 w-5 rounded-sm bg-amber-400"}),e.jsx("span",{className:"text-xs text-slate-400",children:"Traversal / search"})]})]})]})]})}function Ee(){const p=je();return e.jsxs("div",{className:"flex flex-1 flex-col md:flex-row gap-4 md:gap-6 overflow-auto p-4 md:p-6",children:[e.jsx("div",{className:"order-last md:order-first flex md:flex-1 flex-col items-center justify-center gap-3 min-h-[40vh] md:min-h-0 max-h-[55vh] md:max-h-none overflow-auto",children:e.jsx(ve,{nodes:p.displayNodes,currentStep:p.currentStep,variant:p.variant})}),e.jsx(ke,{hook:p})]})}export{Ee as default};
+import{r as a,j as e,d as de}from"./index-DBkLeWDs.js";import{u as ce}from"./useDSSound-KKipmh13.js";import{P as K}from"./plus-DVazsZHX.js";import{T as xe}from"./trash-2-C6_cMdiI.js";import{R as ue}from"./rotate-ccw-7GTUOPy4.js";import{S as he}from"./shuffle-Dlr-c52A.js";import{V as ge,a as pe}from"./volume-x-BSx9gxSg.js";import{C as me,a as fe}from"./chevron-right-CFBAUJsk.js";import"./audioContext-NbgqvQGz.js";let U=1;const be=[3,7,1,9].map(p=>({id:U++,value:p}));function je(){const[p,m]=a.useState(be),[c,H]=a.useState("singly"),[h,y]=a.useState([]),[x,r]=a.useState(-1),[S,M]=a.useState(""),[V,X]=a.useState(""),[G,P]=a.useState([]),[j,A]=a.useState(400),[n,C]=a.useState(!1),$=a.useRef(null),R=a.useRef(j),v=a.useRef(!1),{soundEnabled:o,toggleSound:F,playInsert:N,playDelete:I,playTraverse:k,playFound:T,playNotFound:D}=ce(),B=a.useRef(N),Y=a.useRef(I),q=a.useRef(k);a.useEffect(()=>{B.current=N},[N]),a.useEffect(()=>{Y.current=I},[I]),a.useEffect(()=>{q.current=k},[k]),a.useEffect(()=>{R.current=j},[j]),a.useEffect(()=>{if(!v.current||h.length===0)return;v.current=!1,$.current&&clearTimeout($.current),C(!0);let t=0;const s=()=>{if(t>=h.length-1){C(!1);return}t++,r(t);const i=h[t];i&&(i.highlightColor==="green"?B.current():i.highlightColor==="red"?Y.current():i.highlightColor==="yellow"&&q.current(t,h.length)),$.current=setTimeout(s,R.current)};$.current=setTimeout(s,R.current)},[h]);const J=x>=0&&h[x]?h[x].nodes:p,l=x>=0?h[x]:null,E=c==="singly"?"singly linked list":c==="doubly"?"doubly linked list":"circular linked list",O=t=>P(s=>[t,...s].slice(0,20)),Q=a.useCallback(t=>{H(t),y([]),r(-1),C(!1),P(s=>[`Switch to ${t}`,...s].slice(0,20))},[]),w=(t,s,i=[],d=null,u=null)=>({description:t,nodes:s,highlightIds:new Set(i),highlightColor:d,newNodeId:u}),Z=a.useCallback(t=>{const s={id:U++,value:t};m(i=>{const d=[s,...i],u=[w(`Prepend ${t}: creating new node at head in the ${E}...`,i,[],null,s.id),w(`${t} inserted at position 0. Updating ${c==="doubly"?"prev/next pointers":c==="circular"?"tail.next back to head":"head pointer"}.`,d,[s.id],"green",s.id)];return y(u),r(0),v.current=!0,N(),O(`Prepend ${t}`),d})},[N,c,E]),ee=a.useCallback(t=>{const s={id:U++,value:t};m(i=>{const d=[...i,s],u=[];for(let f=0;f{const i={id:U++,value:t};m(d=>{if(s<0||s>d.length)return d;const u=[...d.slice(0,s),i,...d.slice(s)],f=[];for(let W=0;W{m(s=>{if(t<0||t>=s.length)return s;const i=s[t],d=[];for(let f=0;f<=t;f++)d.push(w(`Traversing to index ${t}: at node ${s[f].value}...`,s,[s[f].id],"yellow"));d.push(w(`Deleting node ${i.value} at index ${t}: re-linking ${c==="doubly"?"prev and next pointers":c==="circular"?"cycle pointers":"next pointer"}.`,s,[i.id],"red"));const u=s.filter((f,W)=>W!==t);return d.push(w(`Node ${i.value} removed. List size: ${u.length}`,u,[],null)),y(d),r(0),v.current=!0,I(),O(`Delete [${t}] → ${i.value}`),u})},[I,c]),le=a.useCallback(t=>{m(s=>{const i=[];let d=-1;for(let u=0;u{m([]),y([]),r(-1),O("Clear list")},[]),ae=a.useCallback(()=>{const t=Math.floor(Math.random()*4)+4,s=Array.from({length:t},()=>({id:U++,value:Math.floor(Math.random()*90)+1}));m(s),y([]),r(-1),O("Random list")},[]),ie=a.useCallback(()=>{r(t=>Math.min(t+1,h.length-1))},[h.length]),re=a.useCallback(()=>{r(t=>Math.max(t-1,0))},[]),oe=a.useCallback(()=>{if(n){C(!1),$.current&&clearTimeout($.current);return}if(x>=h.length-1)return;C(!0);let t=x;const s=()=>{if(t>=h.length-1){C(!1);return}t++,r(t),$.current=setTimeout(s,j)};$.current=setTimeout(s,j)},[n,x,h.length,j]);return{nodes:p,variant:c,changeVariant:Q,displayNodes:J,steps:h,stepIndex:x,currentStep:l,inputValue:S,setInputValue:M,indexValue:V,setIndexValue:X,history:G,speed:j,setSpeed:A,isPlaying:n,prepend:Z,append:ee,insertAt:te,deleteAt:se,search:le,clear:ne,generateRandom:ae,nextStep:ie,prevStep:re,autoPlay:oe,canGoNext:x0,soundEnabled:o,toggleSound:F}}const ye={green:{border:"#34d399",bg:"rgba(52,211,153,0.15)",text:"#6ee7b7"},red:{border:"#f87171",bg:"rgba(248,113,113,0.15)",text:"#fca5a5"},yellow:{border:"#fbbf24",bg:"rgba(251,191,36,0.15)",text:"#fde68a"},blue:{border:"#60a5fa",bg:"rgba(96,165,250,0.15)",text:"#93c5fd"}},Ne={border:"#475569",bg:"rgba(30,41,59,0.7)",text:"#cbd5e1"},b=64,g=48,L=36,z=b+L,_=5;function ve({nodes:p,currentStep:m,variant:c}){const H=m?.highlightIds??new Set,h=m?.highlightColor??null,y=[];for(let j=0;j{const n=A*r+20,C=A===y.length-1,$=A*_;return e.jsx("g",{children:j.map((R,v)=>{const o=v*z+L/2,F=H.has(R.id),N=F&&h?ye[h]:Ne,I=$+v,k=I===0,T=I===p.length-1,D=v===j.length-1;return e.jsxs("g",{children:[k&&e.jsx("text",{x:o+b/2,y:n-8,textAnchor:"middle",fontSize:"10",fill:"#818cf8",fontFamily:"monospace",children:"head"}),e.jsx("rect",{x:o,y:n,width:b,height:g,rx:8,fill:N.bg,stroke:N.border,strokeWidth:F?2:1.5}),e.jsx("text",{x:o+b*.38,y:n+g/2+5,textAnchor:"middle",fontSize:"15",fontWeight:"bold",fill:N.text,fontFamily:"sans-serif",children:R.value}),e.jsx("line",{x1:o+b*.62,y1:n+4,x2:o+b*.62,y2:n+g-4,stroke:N.border,strokeWidth:1,opacity:.5}),e.jsx("text",{x:o+b*.82,y:n+g/2+4,textAnchor:"middle",fontSize:"9",fill:"#64748b",fontFamily:"monospace",children:T?c==="circular"?"↺":"null":"→"}),c==="doubly"&&e.jsx("text",{x:o+b*.2,y:n+g-7,textAnchor:"middle",fontSize:"8",fill:"#93c5fd",fontFamily:"monospace",children:k?"null":"←"}),!T&&!D&&e.jsxs("g",{children:[e.jsx("line",{x1:o+b,y1:n+g/2,x2:o+z,y2:n+g/2,stroke:"#475569",strokeWidth:1.5}),e.jsx("polygon",{points:`${o+z},${n+g/2} ${o+z-6},${n+g/2-4} ${o+z-6},${n+g/2+4}`,fill:"#475569"})]}),c==="doubly"&&!T&&!D&&e.jsxs("g",{opacity:.75,children:[e.jsx("line",{x1:o+z,y1:n+g/2+12,x2:o+b,y2:n+g/2+12,stroke:"#60a5fa",strokeWidth:1.2}),e.jsx("polygon",{points:`${o+b},${n+g/2+12} ${o+b+6},${n+g/2+8} ${o+b+6},${n+g/2+16}`,fill:"#60a5fa"})]}),D&&!C&&e.jsxs("g",{children:[e.jsx("path",{d:`M ${o+b} ${n+g/2} L ${o+b+14} ${n+g/2} L ${o+b+14} ${n+g+20} L ${L/2} ${n+g+20} L ${L/2} ${n+r}`,fill:"none",stroke:"#475569",strokeWidth:1.5}),e.jsx("polygon",{points:`${L/2},${n+r} ${L/2-4},${n+r-6} ${L/2+4},${n+r-6}`,fill:"#475569"})]})]},R.id)})},A)}),c==="circular"&&y.length>0&&p.length>1&&e.jsxs("g",{children:[e.jsx("path",{d:`M ${G+b} ${P+g/2} C ${x+40} ${S+16}, -20 ${S+16}, ${L/2+b/2} 78`,fill:"none",stroke:"#f59e0b",strokeDasharray:"5 5",strokeWidth:1.5}),e.jsx("text",{x:x/2,y:S-4,textAnchor:"middle",fontSize:"10",fill:"#fbbf24",fontFamily:"monospace",children:"tail.next → head"})]})]}),m?.description&&e.jsx("div",{className:"w-full max-w-sm rounded-lg bg-slate-800/60 px-4 py-2 text-center text-xs text-indigo-300 leading-relaxed",children:m.description}),e.jsxs("div",{className:"text-xs text-slate-500 font-mono",children:[c," list · length = ",p.length]})]})}const $e=[{label:"Slow",value:700},{label:"Med",value:350},{label:"Fast",value:120}];function ke({hook:p}){const{nodes:m,variant:c,changeVariant:H,steps:h,stepIndex:y,inputValue:x,setInputValue:r,indexValue:S,setIndexValue:M,history:V,speed:X,setSpeed:G,isPlaying:P,prepend:j,append:A,insertAt:n,deleteAt:C,search:$,clear:R,generateRandom:v,nextStep:o,prevStep:F,canGoNext:N,canGoPrev:I,soundEnabled:k,toggleSound:T}=p,D=()=>{const l=parseInt(x);isNaN(l)||(j(l),r(""))},B=()=>{const l=parseInt(x);isNaN(l)||(A(l),r(""))},Y=()=>{const l=parseInt(x),E=parseInt(S);!isNaN(l)&&!isNaN(E)&&(n(l,E),r(""))},q=()=>{const l=parseInt(S);isNaN(l)||C(l)},J=()=>{const l=parseInt(x);isNaN(l)||$(l)};return e.jsxs("div",{className:"flex flex-col gap-4 w-full md:w-72 shrink-0 overflow-y-auto max-h-full pr-1",children:[e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-sm font-bold text-indigo-300 mb-1",children:"Linked List"}),e.jsxs("p",{className:"text-xs text-slate-400 leading-relaxed",children:["A chain of ",e.jsx("strong",{className:"text-slate-300",children:"nodes"}),". Switch between singly, doubly, and circular pointer layouts while keeping the same operations."]}),e.jsx("div",{className:"mt-2 flex flex-wrap gap-1.5",children:["Prepend O(1)","Append O(n)","Insert O(n)","Delete O(n)","Search O(n)"].map(l=>e.jsx("span",{className:"rounded-full bg-violet-500/10 px-2 py-0.5 text-[10px] font-medium text-violet-400 ring-1 ring-violet-500/20",children:l},l))})]}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"List Type"}),e.jsx("div",{className:"grid grid-cols-3 gap-1",children:["singly","doubly","circular"].map(l=>e.jsx("button",{onClick:()=>H(l),className:`rounded-lg px-2 py-2 text-[10px] font-semibold capitalize transition-all ${c===l?"bg-indigo-500/20 text-indigo-300 ring-1 ring-indigo-500/40":"bg-slate-800/60 text-slate-400 hover:bg-slate-700/60"}`,children:l},l))}),e.jsx("p",{className:"mt-2 text-[10px] leading-relaxed text-slate-500",children:"Doubly lists show backward pointers; circular lists connect the tail back to the head."})]}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Operations"}),e.jsxs("div",{className:"grid grid-cols-2 gap-2 mb-3",children:[e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("label",{className:"text-[10px] text-slate-500 uppercase tracking-wider",children:"Value"}),e.jsx("input",{type:"number",value:x,onChange:l=>r(l.target.value),placeholder:"e.g. 42",className:"w-full rounded-lg bg-slate-800/60 px-3 py-2 text-sm text-slate-200 placeholder-slate-600 outline-none ring-1 ring-slate-700/50 focus:ring-indigo-500/50 transition-all"})]}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("label",{className:"text-[10px] text-slate-500 uppercase tracking-wider",children:"Index"}),e.jsx("input",{type:"number",value:S,onChange:l=>M(l.target.value),placeholder:"e.g. 0",min:"0",className:"w-full rounded-lg bg-slate-800/60 px-3 py-2 text-sm text-slate-200 placeholder-slate-600 outline-none ring-1 ring-slate-700/50 focus:ring-indigo-500/50 transition-all"})]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[e.jsxs("button",{onClick:D,disabled:m.length>=12,className:"flex items-center justify-center gap-1.5 rounded-lg bg-gradient-to-r from-emerald-500/80 to-green-500/80 px-3 py-2 text-xs font-semibold text-white shadow-lg shadow-emerald-500/15 transition-all hover:brightness-110 active:scale-[0.98] disabled:opacity-40 disabled:cursor-not-allowed",children:[e.jsx(K,{size:13})," Prepend"]}),e.jsxs("button",{onClick:B,disabled:m.length>=12,className:"flex items-center justify-center gap-1.5 rounded-lg bg-indigo-500/20 px-3 py-2 text-xs font-semibold text-indigo-300 ring-1 ring-indigo-500/30 transition-all hover:bg-indigo-500/30 active:scale-[0.98] disabled:opacity-40 disabled:cursor-not-allowed",children:[e.jsx(K,{size:13})," Append"]}),e.jsxs("button",{onClick:Y,disabled:m.length>=12,className:"flex items-center justify-center gap-1.5 rounded-lg bg-violet-500/20 px-3 py-2 text-xs font-semibold text-violet-300 ring-1 ring-violet-500/30 transition-all hover:bg-violet-500/30 active:scale-[0.98] disabled:opacity-40 disabled:cursor-not-allowed",children:[e.jsx(K,{size:13})," Insert at"]}),e.jsxs("button",{onClick:q,disabled:m.length===0,className:"flex items-center justify-center gap-1.5 rounded-lg bg-gradient-to-r from-rose-500/80 to-pink-500/80 px-3 py-2 text-xs font-semibold text-white shadow-lg shadow-rose-500/15 transition-all hover:brightness-110 active:scale-[0.98] disabled:opacity-40 disabled:cursor-not-allowed",children:[e.jsx(xe,{size:13})," Delete at"]}),e.jsxs("button",{onClick:J,disabled:m.length===0,className:"flex items-center justify-center gap-1.5 rounded-lg bg-amber-500/20 px-3 py-2 text-xs font-semibold text-amber-300 ring-1 ring-amber-500/30 transition-all hover:bg-amber-500/30 active:scale-[0.98] disabled:opacity-40 disabled:cursor-not-allowed",children:[e.jsx(de,{size:13})," Search"]}),e.jsxs("button",{onClick:R,disabled:m.length===0,className:"flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2 text-xs font-medium text-slate-400 transition-all hover:bg-slate-700/60 disabled:opacity-40 disabled:cursor-not-allowed",children:[e.jsx(ue,{size:13})," Clear"]})]}),e.jsxs("button",{onClick:v,className:"mt-2 w-full flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2 text-xs font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300",children:[e.jsx(he,{size:12})," Random List"]}),e.jsxs("button",{onClick:()=>T(!k),className:`mt-2 w-full flex items-center justify-center gap-1.5 rounded-lg px-3 py-2 text-xs font-medium transition-all ${k?"bg-indigo-500/15 text-indigo-300 ring-1 ring-indigo-500/30":"bg-slate-800/60 text-slate-400 hover:bg-slate-700/60"}`,children:[k?e.jsx(ge,{size:12}):e.jsx(pe,{size:12}),k?"Sound On":"Sound Off"]})]}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Animation Speed"}),e.jsx("div",{className:"flex gap-1",children:$e.map(l=>e.jsx("button",{onClick:()=>G(l.value),className:`flex-1 rounded-lg px-2 py-1.5 text-xs font-medium transition-all duration-200 ${X===l.value?"bg-violet-500/20 text-violet-300 ring-1 ring-violet-500/40":"bg-slate-800/50 text-slate-400 hover:bg-slate-700/50 hover:text-slate-300"}`,children:l.label},l.value))})]}),h.length>0&&e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Step Through"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsxs("button",{onClick:F,disabled:!I||P,className:"flex-1 flex items-center justify-center gap-1 rounded-lg bg-slate-800/60 px-3 py-2.5 text-sm font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300 disabled:opacity-30 disabled:cursor-not-allowed",children:[e.jsx(me,{size:16})," Prev"]}),e.jsxs("button",{onClick:o,disabled:!N||P,className:"flex-1 flex items-center justify-center gap-1 rounded-lg bg-slate-800/60 px-3 py-2.5 text-sm font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300 disabled:opacity-30 disabled:cursor-not-allowed",children:["Next ",e.jsx(fe,{size:16})]})]}),e.jsxs("div",{className:"mt-2 flex items-center justify-between",children:[e.jsx("span",{className:"text-xs text-slate-500",children:"Step"}),e.jsxs("span",{className:"text-sm font-mono font-semibold text-indigo-400",children:[Math.max(0,y+1)," / ",h.length]})]})]}),V.length>0&&e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"History"}),e.jsx("div",{className:"max-h-36 overflow-y-auto space-y-1",children:V.map((l,E)=>e.jsxs("div",{className:"flex items-center gap-2 text-xs",children:[e.jsx("span",{className:"font-mono text-slate-600 w-4 text-right",children:E+1}),e.jsx("span",{className:l.startsWith("Prepend")||l.startsWith("Append")||l.startsWith("Insert")?"text-emerald-400":l.startsWith("Delete")?"text-rose-400":l.startsWith("Search")?"text-amber-400":"text-slate-400",children:l})]},E))})]}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Legend"}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"h-3 w-5 rounded-sm bg-emerald-500"}),e.jsx("span",{className:"text-xs text-slate-400",children:"Insert / found"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"h-3 w-5 rounded-sm bg-rose-500"}),e.jsx("span",{className:"text-xs text-slate-400",children:"Delete"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"h-3 w-5 rounded-sm bg-amber-400"}),e.jsx("span",{className:"text-xs text-slate-400",children:"Traversal / search"})]})]})]})]})}function Ee(){const p=je();return e.jsxs("div",{className:"flex flex-1 flex-col md:flex-row gap-4 md:gap-6 overflow-auto p-4 md:p-6",children:[e.jsx("div",{className:"order-last md:order-first flex md:flex-1 flex-col items-center justify-center gap-3 min-h-[40vh] md:min-h-0 max-h-[55vh] md:max-h-none overflow-auto",children:e.jsx(ve,{nodes:p.displayNodes,currentStep:p.currentStep,variant:p.variant})}),e.jsx(ke,{hook:p})]})}export{Ee as default};
diff --git a/docs/assets/MahjongGamePage-D5Ek5nyq.js b/docs/assets/MahjongGamePage-CBqcyOb2.js
similarity index 91%
rename from docs/assets/MahjongGamePage-D5Ek5nyq.js
rename to docs/assets/MahjongGamePage-CBqcyOb2.js
index 8d3aa5e..2a1c5f9 100644
--- a/docs/assets/MahjongGamePage-D5Ek5nyq.js
+++ b/docs/assets/MahjongGamePage-CBqcyOb2.js
@@ -1,8 +1,8 @@
-import{c as U,j as e,d as ve,e as ke,E as we,r as c,A as de}from"./index-eCXyAnHs.js";import{S as Te}from"./shuffle-CdKU4ZYx.js";import{R as K}from"./rotate-ccw-B8GZP3d7.js";import{V as Q,a as ee}from"./volume-x-CTbtCvt-.js";import{E as Ce}from"./eye-off-EsCpy5pU.js";import{C as Se,a as $e}from"./chevron-right-BZqZw4c2.js";import{P as We}from"./pause-nC-0zhw8.js";import{P as Pe}from"./play-BqZilH6N.js";import{T as Y}from"./trophy-DkUzH7jB.js";import{g as _e}from"./audioContext-NbgqvQGz.js";import{L as Me,F as Ae}from"./lightbulb-B7pRWk3f.js";import{S as Re,B as ze}from"./skip-forward-BOek2ZcD.js";import{T as He}from"./timer-DSbfy6P3.js";import{Z as Ee}from"./zap-DNziIfcU.js";const Be=[["path",{d:"M8 3 4 7l4 4",key:"9rb6wj"}],["path",{d:"M4 7h16",key:"6tx8e3"}],["path",{d:"m16 21 4-4-4-4",key:"siv7j2"}],["path",{d:"M20 17H4",key:"h6l3hr"}]],Ie=U("arrow-left-right",Be);const Oe=[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]],V=U("circle-check-big",Oe);const Fe=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m15 9-6 6",key:"1uzhvr"}],["path",{d:"m9 9 6 6",key:"z0biqf"}]],re=U("circle-x",Fe);const Ge=[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["path",{d:"M16 3.128a4 4 0 0 1 0 7.744",key:"16gr8j"}],["path",{d:"M22 21v-2a4 4 0 0 0-3-3.87",key:"kshegd"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}]],pe=U("users",Ge);const Ve=[["path",{d:"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z",key:"1ngwbx"}]],Le=U("wrench",Ve),he={B:"Bamboo",C:"Characters",D:"Dots"},Z={B:"#4ade80",C:"#f87171",D:"#60a5fa"},De={sandbox:{label:"Sandbox",description:"Build any hand and check it freely"},guided:{label:"Guided",description:"Learn to spot pairs & melds step-by-step"},challenge:{label:"Challenge",description:"Speed rounds — Win or Not Win?"},"two-player":{label:"2 Player",description:"Take turns building hands"}},P=14,E=4,O=[1,2,3,4,5,6,7,8,9],B=["B","C","D"],J={title:"Mahjong Hand Solver",subtitle:"Backtracking-based winning hand validator",what:"Build a 14-tile Mahjong hand and check if it forms a valid winning combination — 4 melds (pongs or chows) plus 1 pair. Watch the backtracking solver try every possibility step-by-step.",skills:["Backtracking","Constraint Validation","Combinatorics","Pattern Matching"]},xe={sm:"w-9 h-12 sm:w-10 sm:h-14",md:"w-11 h-14 sm:w-12 sm:h-16 md:w-14 md:h-[4.35rem]",lg:"w-12 h-16 sm:w-14 sm:h-[4.6rem] md:w-16 md:h-20"};function I({code:t,index:s,count:n,size:a="md",selected:l=!1,disabled:r=!1,faded:m=!1,interactive:k=!1,removable:p=!1,placeholder:T=!1,onClick:i}){if(T||!t)return e.jsx("div",{className:`${xe[a]} relative rounded-xl border border-dashed border-emerald-900/30 bg-emerald-950/20 shadow-inner`,children:e.jsx("div",{className:"absolute inset-1 rounded-lg border border-emerald-900/20"})});const o=t[0],x=Number(t[1]),u=Z[o],g=e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"absolute inset-0 rounded-xl bg-gradient-to-br from-stone-50 via-amber-50 to-stone-200"}),e.jsx("div",{className:"absolute inset-x-1 top-1 h-1 rounded-full bg-white/80"}),e.jsx("div",{className:"absolute inset-1 rounded-lg border border-amber-950/10 bg-[radial-gradient(circle_at_30%_15%,rgba(255,255,255,0.8),transparent_38%),linear-gradient(135deg,rgba(255,255,255,0.35),transparent)]"}),e.jsx("div",{className:"absolute inset-y-1 right-0.5 w-1 rounded-r-lg bg-emerald-900/25"}),e.jsx("div",{className:"relative z-10 flex h-full flex-col items-center justify-center px-1 text-center",children:e.jsx(Ue,{suit:o,value:x,color:u,size:a})}),e.jsx("div",{className:"absolute left-1 top-1 text-[8px] font-black leading-none text-slate-900/35",children:x}),e.jsx("div",{className:"absolute bottom-1 right-1 rotate-180 text-[8px] font-black leading-none text-slate-900/35",children:x}),typeof s=="number"&&s>=0&&e.jsx("span",{className:"absolute -bottom-1 left-1/2 z-20 -translate-x-1/2 rounded-full bg-slate-950/80 px-1 text-[7px] font-mono text-slate-400 ring-1 ring-slate-700/50",children:s+1}),typeof n=="number"&&n>0&&e.jsx("span",{className:"absolute -right-1.5 -top-1.5 z-20 flex h-5 w-5 items-center justify-center rounded-full bg-emerald-950 text-[10px] font-bold text-emerald-200 ring-1 ring-emerald-500/50",children:n}),p&&e.jsx("span",{className:"absolute inset-0 z-30 flex items-center justify-center rounded-xl bg-red-950/70 text-sm font-black text-white opacity-0 transition-opacity group-hover:opacity-100",children:"x"})]}),b=`
+import{c as U,j as e,d as ve,E as ke,r as c,A as de,B as we}from"./index-DBkLeWDs.js";import{S as Te}from"./shuffle-Dlr-c52A.js";import{S as Ce}from"./sparkles-3Zw4K66N.js";import{R as K}from"./rotate-ccw-7GTUOPy4.js";import{V as Q,a as ee}from"./volume-x-BSx9gxSg.js";import{E as Se}from"./eye-off-BfEKGZbc.js";import{C as $e,a as We}from"./chevron-right-CFBAUJsk.js";import{P as Pe}from"./pause-CG1snUW9.js";import{P as _e}from"./play-mcIZClKO.js";import{T as Y}from"./trophy-C1QWh03u.js";import{g as Me}from"./audioContext-NbgqvQGz.js";import{L as Ae,F as Re}from"./lightbulb-xA5HFx8I.js";import{S as ze}from"./skip-forward-C79KMIOU.js";import{T as He}from"./timer-e0gb0oZa.js";import{Z as Ee}from"./zap-CUITaKA-.js";const Be=[["path",{d:"M8 3 4 7l4 4",key:"9rb6wj"}],["path",{d:"M4 7h16",key:"6tx8e3"}],["path",{d:"m16 21 4-4-4-4",key:"siv7j2"}],["path",{d:"M20 17H4",key:"h6l3hr"}]],Ie=U("arrow-left-right",Be);const Oe=[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]],V=U("circle-check-big",Oe);const Fe=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m15 9-6 6",key:"1uzhvr"}],["path",{d:"m9 9 6 6",key:"z0biqf"}]],re=U("circle-x",Fe);const Ge=[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["path",{d:"M16 3.128a4 4 0 0 1 0 7.744",key:"16gr8j"}],["path",{d:"M22 21v-2a4 4 0 0 0-3-3.87",key:"kshegd"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}]],pe=U("users",Ge);const Ve=[["path",{d:"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z",key:"1ngwbx"}]],Le=U("wrench",Ve),he={B:"Bamboo",C:"Characters",D:"Dots"},Z={B:"#4ade80",C:"#f87171",D:"#60a5fa"},De={sandbox:{label:"Sandbox",description:"Build any hand and check it freely"},guided:{label:"Guided",description:"Learn to spot pairs & melds step-by-step"},challenge:{label:"Challenge",description:"Speed rounds — Win or Not Win?"},"two-player":{label:"2 Player",description:"Take turns building hands"}},P=14,E=4,O=[1,2,3,4,5,6,7,8,9],B=["B","C","D"],J={title:"Mahjong Hand Solver",subtitle:"Backtracking-based winning hand validator",what:"Build a 14-tile Mahjong hand and check if it forms a valid winning combination — 4 melds (pongs or chows) plus 1 pair. Watch the backtracking solver try every possibility step-by-step.",skills:["Backtracking","Constraint Validation","Combinatorics","Pattern Matching"]},xe={sm:"w-9 h-12 sm:w-10 sm:h-14",md:"w-11 h-14 sm:w-12 sm:h-16 md:w-14 md:h-[4.35rem]",lg:"w-12 h-16 sm:w-14 sm:h-[4.6rem] md:w-16 md:h-20"};function I({code:t,index:s,count:n,size:a="md",selected:l=!1,disabled:r=!1,faded:m=!1,interactive:k=!1,removable:p=!1,placeholder:T=!1,onClick:i}){if(T||!t)return e.jsx("div",{className:`${xe[a]} relative rounded-xl border border-dashed border-emerald-900/30 bg-emerald-950/20 shadow-inner`,children:e.jsx("div",{className:"absolute inset-1 rounded-lg border border-emerald-900/20"})});const o=t[0],x=Number(t[1]),u=Z[o],g=e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"absolute inset-0 rounded-xl bg-gradient-to-br from-stone-50 via-amber-50 to-stone-200"}),e.jsx("div",{className:"absolute inset-x-1 top-1 h-1 rounded-full bg-white/80"}),e.jsx("div",{className:"absolute inset-1 rounded-lg border border-amber-950/10 bg-[radial-gradient(circle_at_30%_15%,rgba(255,255,255,0.8),transparent_38%),linear-gradient(135deg,rgba(255,255,255,0.35),transparent)]"}),e.jsx("div",{className:"absolute inset-y-1 right-0.5 w-1 rounded-r-lg bg-emerald-900/25"}),e.jsx("div",{className:"relative z-10 flex h-full flex-col items-center justify-center px-1 text-center",children:e.jsx(Ue,{suit:o,value:x,color:u,size:a})}),e.jsx("div",{className:"absolute left-1 top-1 text-[8px] font-black leading-none text-slate-900/35",children:x}),e.jsx("div",{className:"absolute bottom-1 right-1 rotate-180 text-[8px] font-black leading-none text-slate-900/35",children:x}),typeof s=="number"&&s>=0&&e.jsx("span",{className:"absolute -bottom-1 left-1/2 z-20 -translate-x-1/2 rounded-full bg-slate-950/80 px-1 text-[7px] font-mono text-slate-400 ring-1 ring-slate-700/50",children:s+1}),typeof n=="number"&&n>0&&e.jsx("span",{className:"absolute -right-1.5 -top-1.5 z-20 flex h-5 w-5 items-center justify-center rounded-full bg-emerald-950 text-[10px] font-bold text-emerald-200 ring-1 ring-emerald-500/50",children:n}),p&&e.jsx("span",{className:"absolute inset-0 z-30 flex items-center justify-center rounded-xl bg-red-950/70 text-sm font-black text-white opacity-0 transition-opacity group-hover:opacity-100",children:"x"})]}),b=`
group relative ${xe[a]} shrink-0 overflow-visible rounded-xl border transition-all duration-200
shadow-[0_10px_18px_rgba(0,0,0,0.35),inset_0_-3px_0_rgba(0,0,0,0.18)]
${l?"z-10 -translate-y-2 rotate-[-1deg] border-amber-300 ring-2 ring-amber-300/50":"border-amber-950/25"}
${r?"cursor-not-allowed opacity-45 grayscale":""}
${m?"opacity-35":""}
${k&&!r?"cursor-pointer hover:-translate-y-2 hover:rotate-1 hover:shadow-[0_18px_28px_rgba(0,0,0,0.45)] active:translate-y-0":""}
- `;return k||i?e.jsx("button",{onClick:i,disabled:r,title:t,className:b,children:g}):e.jsx("div",{className:b,children:g})}function Ue({suit:t,value:s,color:n,size:a}){return t==="C"?e.jsxs("div",{className:"flex flex-col items-center",children:[e.jsx("span",{style:{color:n},className:`${a==="sm"?"text-xl":a==="lg"?"text-3xl":"text-2xl"} font-black leading-none drop-shadow-sm`,children:s}),e.jsx("span",{style:{color:n},className:`${a==="sm"?"text-base":"text-lg"} font-black leading-none`,children:"萬"})]}):t==="B"?e.jsx("div",{className:"grid grid-cols-3 gap-0.5",children:Array.from({length:s}).map((l,r)=>e.jsx("span",{className:"h-3 w-1 rounded-full border border-emerald-950/20 bg-gradient-to-b from-emerald-300 to-emerald-700 shadow-sm"},r))}):e.jsx("div",{className:"grid grid-cols-3 gap-0.5",children:Array.from({length:s}).map((l,r)=>e.jsx("span",{className:"h-2.5 w-2.5 rounded-full border border-blue-950/30 bg-white shadow-sm",style:{boxShadow:`inset 0 0 0 2px ${n}`}},r))})}function Je(t,s){return t.filter(n=>n===s).length}function qe({suit:t,value:s,count:n,disabled:a,onClick:l}){const r=n>=4,m=`${t}${s}`;return e.jsx(I,{code:m,count:n,size:"md",disabled:a||r,interactive:!0,onClick:l})}function Ye({hand:t,handIsFull:s,onAddTile:n}){return e.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/70 p-4 shadow-xl shadow-black/20 backdrop-blur-sm md:p-5",children:[e.jsxs("div",{className:"mb-3 md:mb-4",children:[e.jsx("h3",{className:"text-xs md:text-sm font-semibold uppercase tracking-wider text-slate-300",children:"Tile Wall"}),e.jsx("p",{className:"mt-0.5 text-[10px] text-slate-500",children:"Choose up to four copies of each realistic Mahjong tile"})]}),e.jsx("div",{className:"space-y-4 md:space-y-5",children:B.map(a=>e.jsxs("div",{className:"rounded-xl border border-slate-800/70 bg-slate-950/35 p-3",children:[e.jsxs("div",{className:"mb-2 flex items-center gap-2",children:[e.jsx("span",{className:"h-2 w-2 rounded-full",style:{backgroundColor:Z[a]}}),e.jsx("p",{className:"text-[10px] md:text-xs font-semibold uppercase tracking-wider",style:{color:Z[a]},children:he[a]})]}),e.jsx("div",{className:"flex flex-wrap items-end gap-1.5 md:gap-2",children:O.map(l=>{const r=`${a}${l}`;return e.jsx(qe,{suit:a,value:l,count:Je(t,r),disabled:s,onClick:()=>n(r)},r)})})]},a))})]})}function Ze({hand:t,onRemoveTile:s}){const n=P-t.length;return e.jsxs("div",{className:"relative overflow-hidden rounded-2xl border border-emerald-900/40 bg-[radial-gradient(circle_at_top_left,rgba(16,185,129,0.14),transparent_34%),linear-gradient(135deg,rgba(15,23,42,0.96),rgba(6,78,59,0.36))] p-4 shadow-2xl shadow-black/30 md:p-5",children:[e.jsx("div",{className:"pointer-events-none absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-black/25 to-transparent"}),e.jsxs("div",{className:"flex items-center justify-between mb-3 md:mb-4",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-xs md:text-sm font-semibold uppercase tracking-wider text-emerald-200",children:"Your Hand"}),e.jsx("p",{className:"mt-0.5 text-[10px] text-emerald-100/50",children:"Click a tile to discard it from the rack"})]}),e.jsxs("span",{className:`text-xs md:text-sm font-mono font-bold ${t.length===P?"text-emerald-400":"text-slate-500"}`,children:[t.length," / ",P]})]}),e.jsxs("div",{className:"relative flex min-h-[5.5rem] flex-wrap items-end gap-1.5 rounded-xl border border-emerald-950/40 bg-emerald-950/20 p-3 shadow-inner md:gap-2",children:[t.map((a,l)=>e.jsx(I,{code:a,index:l,size:"lg",interactive:!0,removable:!0,onClick:()=>s(l)},`${a}-${l}`)),n>0&&Array.from({length:n}).map((a,l)=>e.jsx(I,{size:"lg",placeholder:!0},`empty-${l}`))]})]})}function ie({code:t}){return e.jsx(I,{code:t,size:"sm"})}function Xe({meld:t,index:s}){return e.jsxs("div",{className:"flex items-center gap-2 rounded-xl bg-slate-950/35 p-2 ring-1 ring-slate-800/70 md:gap-3",children:[e.jsxs("span",{className:"w-14 shrink-0 text-[10px] font-semibold uppercase tracking-wider text-slate-500 md:w-16 md:text-xs",children:[t.type==="pong"?"Pong":"Chow"," ",s+1]}),e.jsx("div",{className:"flex gap-1 md:gap-1.5",children:t.tiles.map((n,a)=>e.jsx(ie,{code:n},`${n}-${a}`))})]})}function Ke({result:t}){return t?t.isWin?e.jsxs("div",{className:"rounded-2xl border border-emerald-500/30 bg-[radial-gradient(circle_at_top_left,rgba(16,185,129,0.18),transparent_36%),rgba(16,185,129,0.05)] p-4 shadow-xl shadow-emerald-950/20 backdrop-blur-sm md:p-5",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3 md:mb-4",children:[e.jsx("span",{className:"text-lg md:text-2xl",children:"🀄"}),e.jsx("h3",{className:"text-sm md:text-base font-bold text-emerald-300",children:"Winning Hand!"})]}),e.jsxs("div",{className:"mb-3 flex items-center gap-2 rounded-xl bg-slate-950/35 p-2 ring-1 ring-slate-800/70 md:mb-4 md:gap-3",children:[e.jsx("span",{className:"w-14 shrink-0 text-[10px] font-semibold uppercase tracking-wider text-slate-500 md:w-16 md:text-xs",children:"Pair"}),e.jsxs("div",{className:"flex gap-1 md:gap-1.5",children:[e.jsx(ie,{code:t.pair[0]}),e.jsx(ie,{code:t.pair[1]})]})]}),e.jsx("div",{className:"space-y-2 md:space-y-3",children:t.melds.map((s,n)=>e.jsx(Xe,{meld:s,index:n},n))})]}):e.jsxs("div",{className:"rounded-xl border border-red-500/30 bg-red-500/5 p-4 md:p-5 backdrop-blur-sm",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-lg md:text-2xl",children:"❌"}),e.jsx("h3",{className:"text-sm md:text-base font-bold text-red-300",children:"Not a Winning Hand"})]}),e.jsx("p",{className:"mt-2 text-xs md:text-sm text-slate-400",children:"Hand is not a valid winning combination. A winning hand needs 4 melds (pongs or chows) and 1 pair."})]}):null}const Qe=[{label:"Slow",value:800},{label:"Med",value:400},{label:"Fast",value:150}];function et({handIsFull:t,result:s,showAnimation:n,steps:a,stepIndex:l,stepsTotal:r,isAnimating:m,animSpeed:k,currentStep:p,lastError:T,onCheckHand:i,onResetHand:o,onRandomHand:x,onWinningHand:u,onToggleAnimation:g,onStepForward:b,onStepBack:w,onAutoPlay:$,onSetAnimSpeed:N,soundEnabled:f,onToggleSound:C}){return e.jsxs("div",{className:"flex flex-col gap-4 w-full md:w-80 shrink-0 overflow-y-auto max-h-full pr-1",children:[e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 md:p-5 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-sm md:text-base font-bold text-indigo-300 mb-1",children:J.title}),e.jsx("p",{className:"text-[10px] md:text-xs text-slate-500 italic mb-2",children:J.subtitle}),e.jsx("p",{className:"text-xs md:text-sm text-slate-400 leading-relaxed",children:J.what}),e.jsx("div",{className:"mt-2 flex flex-wrap gap-1.5",children:J.skills.map(h=>e.jsx("span",{className:"inline-flex items-center rounded-full bg-violet-500/10 px-2 py-0.5 text-[10px] md:text-xs font-medium text-violet-400 ring-1 ring-violet-500/20",children:h},h))})]}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 md:p-5 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs md:text-sm font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Actions"}),e.jsxs("div",{className:"grid grid-cols-2 gap-2 md:gap-2.5 mb-3",children:[e.jsxs("button",{onClick:x,className:"flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2.5 text-xs md:text-sm font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300",children:[e.jsx(Te,{size:14})," Random"]}),e.jsxs("button",{onClick:u,className:"flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2.5 text-xs md:text-sm font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300",children:[e.jsx(ve,{size:14})," Winning"]}),e.jsxs("button",{onClick:o,className:"flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2.5 text-xs md:text-sm font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300",children:[e.jsx(K,{size:14})," Reset"]}),e.jsxs("button",{onClick:i,disabled:!t,className:`flex items-center justify-center gap-1.5 rounded-lg px-3 py-2.5 text-xs md:text-sm font-medium transition-all ${t?"bg-indigo-500/20 text-indigo-300 ring-1 ring-indigo-500/40 hover:bg-indigo-500/30":"bg-slate-800/40 text-slate-600 cursor-not-allowed"}`,children:[e.jsx(ke,{size:14})," Check"]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-2 md:gap-2.5",children:[e.jsxs("button",{onClick:()=>C(!f),className:`flex items-center justify-center gap-1.5 rounded-lg px-3 py-2.5 text-xs md:text-sm font-medium transition-all ${f?"bg-indigo-500/15 text-indigo-300 ring-1 ring-indigo-500/30":"bg-slate-800/60 text-slate-400 hover:bg-slate-700/60 hover:text-slate-300"}`,children:[f?e.jsx(Q,{size:14}):e.jsx(ee,{size:14})," Sound"]}),e.jsxs("button",{onClick:g,className:`flex items-center justify-center gap-1.5 rounded-lg px-3 py-2.5 text-xs md:text-sm font-medium transition-all ${n?"bg-amber-500/15 text-amber-300 ring-1 ring-amber-500/30":"bg-slate-800/60 text-slate-400 hover:bg-slate-700/60 hover:text-slate-300"}`,children:[n?e.jsx(we,{size:14}):e.jsx(Ce,{size:14}),n?"Anim On":"Anim Off"]})]})]}),n&&a.length>0&&e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 md:p-5 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs md:text-sm font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Solver Steps"}),e.jsxs("div",{className:"flex gap-2 mb-3",children:[e.jsxs("button",{onClick:w,disabled:l<=-1,className:"flex-1 flex items-center justify-center gap-1 rounded-lg bg-slate-800/60 px-2 py-2.5 text-xs md:text-sm font-medium text-slate-400 hover:bg-slate-700/60 hover:text-slate-300 disabled:opacity-30 disabled:cursor-not-allowed",children:[e.jsx(Se,{size:14})," Prev"]}),e.jsx("button",{onClick:$,className:`flex-1 flex items-center justify-center gap-1 rounded-lg px-2 py-2.5 text-xs md:text-sm font-medium transition-all ${m?"bg-amber-500/20 text-amber-300 ring-1 ring-amber-500/30":"bg-indigo-500/20 text-indigo-300 ring-1 ring-indigo-500/30 hover:bg-indigo-500/30"}`,children:m?e.jsxs(e.Fragment,{children:[e.jsx(We,{size:14})," Pause"]}):e.jsxs(e.Fragment,{children:[e.jsx(Pe,{size:14})," Play"]})}),e.jsxs("button",{onClick:b,disabled:l>=r-1,className:"flex-1 flex items-center justify-center gap-1 rounded-lg bg-slate-800/60 px-2 py-2.5 text-xs md:text-sm font-medium text-slate-400 hover:bg-slate-700/60 hover:text-slate-300 disabled:opacity-30 disabled:cursor-not-allowed",children:["Next ",e.jsx($e,{size:14})]})]}),e.jsx("div",{className:"flex gap-1 mb-2",children:Qe.map(h=>e.jsx("button",{onClick:()=>N(h.value),className:`flex-1 rounded-md px-2 py-1.5 text-[10px] md:text-xs font-medium transition-all ${k===h.value?"bg-indigo-500/20 text-indigo-300 ring-1 ring-indigo-500/30":"bg-slate-800/50 text-slate-500 hover:text-slate-400"}`,children:h.label},h.value))}),r>0&&e.jsxs("div",{className:"flex items-center justify-between text-[10px] md:text-xs text-slate-500",children:[e.jsx("span",{children:"Step"}),e.jsxs("span",{className:"font-mono font-semibold text-indigo-300",children:[Math.max(0,l+1)," / ",r]})]})]}),n&&p&&e.jsxs("div",{className:`rounded-xl border p-4 md:p-5 backdrop-blur-sm ${p.action.type==="found_win"?"border-emerald-500/30 bg-emerald-500/5":p.action.type==="backtrack"||p.action.type==="pair_failed"?"border-amber-500/30 bg-amber-500/5":p.action.type==="no_win"?"border-red-500/30 bg-red-500/5":"border-slate-700/50 bg-slate-900/60"}`,children:[e.jsx("h3",{className:"text-xs md:text-sm font-semibold uppercase tracking-wider text-slate-400 mb-2",children:"Current Step"}),e.jsx("p",{className:"text-xs md:text-sm text-slate-300 leading-relaxed",children:p.description})]}),s&&!n&&e.jsx("div",{className:`rounded-xl border p-4 md:p-5 backdrop-blur-sm ${s.isWin?"border-emerald-500/30 bg-emerald-500/5":"border-red-500/30 bg-red-500/5"}`,children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Y,{size:16,className:s.isWin?"text-emerald-400":"text-red-400"}),e.jsx("span",{className:`text-sm md:text-base font-bold ${s.isWin?"text-emerald-300":"text-red-300"}`,children:s.isWin?"Winning Hand!":"Not a Winner"})]})}),T&&e.jsx("div",{className:"rounded-lg border border-red-500/30 bg-red-500/5 px-3 py-2.5 text-center text-xs md:text-sm font-medium text-red-400 animate-pulse",children:T})]})}const oe=B.flatMap(t=>O.map(s=>`${t}${s}`));function fe(t){return{suit:t[0],value:Number(t[1])}}function tt(t){const s={};for(const n of t)s[n]=(s[n]??0)+1;return s}const me={B:0,C:1,D:2};function L(t){return[...t].sort((s,n)=>{const a=me[s[0]],l=me[n[0]];return a!==l?a-l:Number(s[1])-Number(n[1])})}function st(t){if(t.length===0)return"Hand is empty. Add 14 tiles.";if(t.lengthP)return`Hand has ${t.length} tiles. Maximum is ${P}.`;const s=tt(t);for(const[n,a]of Object.entries(s))if(a>E)return`Too many copies of ${n} (${a}). Maximum is ${E}.`;return null}function be(t,s){return t.length>=P?`Hand is full (${P} tiles).`:t.filter(a=>a===s).length>=E?`Already have ${E} copies of ${s}.`:null}function D(){const t={},s=[];for(;s.length(s[r]??0)>=E?!1:(t.push(r),s[r]=(s[r]??0)+1,!0);for(let r=0;r<4;r++){const m=B[Math.floor(Math.random()*B.length)];if(Math.random()<.4){const i=O[Math.floor(Math.random()*O.length)],o=`${m}${i}`;if((s[o]??0)+3<=E){n(o),n(o),n(o);continue}}let p=!1;const T=[...O.filter(i=>i<=7)].sort(()=>Math.random()-.5);for(const i of T){const o=`${m}${i}`,x=`${m}${i+1}`,u=`${m}${i+2}`;if((s[o]??0)Math.random()-.5);for(const r of l)if((s[r]??0)+2<=E){n(r),n(r),a=!0;break}return!a||t.length!==P?L(["B1","B2","B3","C4","C5","C6","D7","D7","D7","B8","B8","B8","C1","C1"]):L(t)}function je(t){const s={B:{},C:{},D:{}};for(const n of t){const{suit:a,value:l}=fe(n);s[a][l]=(s[a][l]??0)+1}return s}function ye(t){const s={B:{},C:{},D:{}};for(const n of B)for(const[a,l]of Object.entries(t[n]))s[n][Number(a)]=l;return s}function F(t){const s={};for(const n of B)for(const[a,l]of Object.entries(t[n]))l>0&&(s[`${n}${a}`]=l);return s}function nt(t){let s=0;for(const n of B)for(const a of Object.values(t[n]))s+=a;return s}function X(t,s,n,a){if(s===0)return nt(t)===0;for(const l of B)for(let r=1;r<=9;r++)if(!((t[l][r]??0)<=0)){if(t[l][r]>=3){const m=[`${l}${r}`,`${l}${r}`,`${l}${r}`];if(t[l][r]-=3,a&&a.push({action:{type:"try_meld",meldType:"pong",tiles:m,success:!0},description:`Try Pong: ${m.join(" ")}`,remaining:F(t)}),n.push({type:"pong",tiles:m}),X(t,s-1,n,a))return!0;n.pop(),t[l][r]+=3,a&&a.push({action:{type:"backtrack",tiles:m},description:`Backtrack: undo Pong ${m.join(" ")}`,remaining:F(t)})}if(r<=7&&(t[l][r]??0)>=1&&(t[l][r+1]??0)>=1&&(t[l][r+2]??0)>=1){const m=[`${l}${r}`,`${l}${r+1}`,`${l}${r+2}`];if(t[l][r]-=1,t[l][r+1]-=1,t[l][r+2]-=1,a&&a.push({action:{type:"try_meld",meldType:"chow",tiles:m,success:!0},description:`Try Chow: ${m.join(" ")}`,remaining:F(t)}),n.push({type:"chow",tiles:m}),X(t,s-1,n,a))return!0;n.pop(),t[l][r]+=1,t[l][r+1]+=1,t[l][r+2]+=1,a&&a.push({action:{type:"backtrack",tiles:m},description:`Backtrack: undo Chow ${m.join(" ")}`,remaining:F(t)})}return!1}return s===0}function G(t){const s=je(t),n=[];for(const a of B)for(let l=1;l<=9;l++)(s[a][l]??0)>=2&&n.push({suit:a,value:l});for(const{suit:a,value:l}of n){const r=ye(s);r[a][l]-=2;const m=[];if(X(r,4,m,null)){const k=`${a}${l}`;return{isWin:!0,pair:[k,k],melds:m}}}return{isWin:!1}}function at(t){const s=je(t),n=[],a=[];for(const l of B)for(let r=1;r<=9;r++)(s[l][r]??0)>=2&&a.push({suit:l,value:r});for(const{suit:l,value:r}of a){const m=`${l}${r}`;n.push({action:{type:"select_pair",pair:m},description:`Try pair: ${m} ${m}`,remaining:F(s)});const k=ye(s);k[l][r]-=2;const p=[];if(X(k,4,p,n)){const T={type:"found_win",pair:[m,m],melds:p.map(i=>({...i,tiles:[...i.tiles]}))};return n.push({action:T,description:`WIN! Pair: ${m} ${m} | Melds: ${p.map(i=>i.tiles.join(" ")).join(" | ")}`,remaining:{}}),{result:{isWin:!0,pair:[m,m],melds:p},steps:n}}n.push({action:{type:"pair_failed",pair:m},description:`Pair ${m} ${m} failed — no valid 4 melds found`,remaining:F(s)})}return n.push({action:{type:"no_win"},description:"No valid winning combination found.",remaining:F(s)}),{result:{isWin:!1},steps:n}}const lt=[261.63,293.66,329.63,392,440,493.88,523.25,587.33,659.25];function te(){const t=c.useRef(!0),s=c.useCallback(()=>_e(),[]),n=c.useCallback(i=>{t.current=i},[]),a=c.useCallback(i=>{if(!t.current)return;const o=s();if(!o)return;const x=lt[Math.max(0,Math.min(i-1,8))],u=o.createOscillator(),g=o.createGain();u.type="sine",u.frequency.setValueAtTime(x,o.currentTime),g.gain.setValueAtTime(.1,o.currentTime),g.gain.exponentialRampToValueAtTime(.001,o.currentTime+.2),u.connect(g),g.connect(o.destination),u.start(),u.stop(o.currentTime+.2);const b=o.createOscillator(),w=o.createGain();b.type="triangle",b.frequency.setValueAtTime(x*2,o.currentTime),w.gain.setValueAtTime(.03,o.currentTime),w.gain.exponentialRampToValueAtTime(.001,o.currentTime+.15),b.connect(w),w.connect(o.destination),b.start(o.currentTime+.02),b.stop(o.currentTime+.17)},[s]),l=c.useCallback(()=>{if(!t.current)return;const i=s();if(!i)return;const o=i.createOscillator(),x=i.createGain();o.type="sine",o.frequency.setValueAtTime(480,i.currentTime),o.frequency.setValueAtTime(320,i.currentTime+.08),x.gain.setValueAtTime(.07,i.currentTime),x.gain.exponentialRampToValueAtTime(.001,i.currentTime+.12),o.connect(x),x.connect(i.destination),o.start(),o.stop(i.currentTime+.12)},[s]),r=c.useCallback(()=>{if(!t.current)return;const i=s();if(!i)return;[523.25,587.33,659.25,783.99,880,1046.5].forEach((x,u)=>{const g=i.createOscillator(),b=i.createGain();g.type="sine",g.frequency.value=x,b.gain.setValueAtTime(.08,i.currentTime+u*.09),b.gain.exponentialRampToValueAtTime(.001,i.currentTime+u*.09+.2),g.connect(b),b.connect(i.destination),g.start(i.currentTime+u*.09),g.stop(i.currentTime+u*.09+.2)})},[s]),m=c.useCallback(()=>{if(!t.current)return;const i=s();if(!i)return;[400,340,280].forEach((x,u)=>{const g=i.createOscillator(),b=i.createGain();g.type="sine",g.frequency.value=x,b.gain.setValueAtTime(.07,i.currentTime+u*.1),b.gain.exponentialRampToValueAtTime(.001,i.currentTime+u*.1+.2),g.connect(b),b.connect(i.destination),g.start(i.currentTime+u*.1),g.stop(i.currentTime+u*.1+.2)})},[s]),k=c.useCallback(()=>{if(!t.current)return;const i=s();if(!i)return;const o=i.createOscillator(),x=i.createGain();o.type="sawtooth",o.frequency.setValueAtTime(190,i.currentTime),o.frequency.setValueAtTime(130,i.currentTime+.12),x.gain.setValueAtTime(.07,i.currentTime),x.gain.exponentialRampToValueAtTime(.001,i.currentTime+.25),o.connect(x),x.connect(i.destination),o.start(),o.stop(i.currentTime+.25)},[s]),p=c.useCallback(i=>{if(!t.current)return;const o=s();if(!o)return;const x=400+i%8*50,u=o.createOscillator(),g=o.createGain();u.type="sine",u.frequency.setValueAtTime(x,o.currentTime),g.gain.setValueAtTime(.05,o.currentTime),g.gain.exponentialRampToValueAtTime(.001,o.currentTime+.08),u.connect(g),g.connect(o.destination),u.start(),u.stop(o.currentTime+.08)},[s]),T=c.useCallback(()=>{if(!t.current)return;const i=s();if(!i)return;const o=i.createOscillator(),x=i.createGain();o.type="triangle",o.frequency.setValueAtTime(550,i.currentTime),o.frequency.setValueAtTime(350,i.currentTime+.06),x.gain.setValueAtTime(.05,i.currentTime),x.gain.exponentialRampToValueAtTime(.001,i.currentTime+.1),o.connect(x),x.connect(i.destination),o.start(),o.stop(i.currentTime+.1)},[s]);return{playTilePlaced:a,playTileRemoved:l,playWinSound:r,playLoseSound:m,playErrorSound:k,playStepTick:p,playBacktrackSound:T,setEnabled:n}}function rt(){if(Math.random()<.6){const s=ce(),n=G(s);return{hand:s,isWinning:n.isWin,solution:n.isWin?n:null}}for(let s=0;s<50;s++){const n=D();if(!G(n).isWin)return{hand:n,isWinning:!1,solution:null}}return{hand:D(),isWinning:!1,solution:null}}const ne={hand:[],isWinning:!1,solution:null,phase:"judging",playerSaidWin:null,selectedTiles:[],foundPair:null,foundMelds:[],hintsUsed:0,showHint:!1,feedback:null,roundComplete:!1};function it(){const[t,s]=c.useState(ne),[n,a]=c.useState(0),[l,r]=c.useState(0),[m,k]=c.useState(0),[p,T]=c.useState(!1),[i,o]=c.useState(!0),x=te(),u=c.useCallback(()=>{const d=rt();s({...ne,hand:d.hand,isWinning:d.isWinning,solution:d.solution}),T(!0)},[]),g=c.useCallback(d=>{const v=d===t.isWinning;v&&t.isWinning&&t.solution?(x.playTilePlaced(5),s(j=>({...j,playerSaidWin:d,phase:"grouping",feedback:"Correct! Now identify the pair and melds."}))):v&&!t.isWinning?(x.playWinSound(),a(j=>j+100-t.hintsUsed*20),r(j=>j+1),k(j=>j+1),s(j=>({...j,playerSaidWin:d,phase:"feedback",feedback:"Correct! This hand is not a winner.",roundComplete:!0}))):(x.playLoseSound(),r(j=>j+1),s(j=>({...j,playerSaidWin:d,phase:"feedback",feedback:t.isWinning?"Wrong — this hand IS a winner! Check the solution below.":"Wrong — this hand is NOT a winner.",roundComplete:!0})))},[t,x]),b=c.useCallback(d=>{s(v=>{const j=v.selectedTiles.includes(d)?v.selectedTiles.filter(y=>y!==d):[...v.selectedTiles,d];return{...v,selectedTiles:j}}),x.playTilePlaced(3)},[x]),w=c.useCallback(()=>{if(t.selectedTiles.length!==2||!t.solution)return;const d=t.selectedTiles.map(y=>t.hand[y]),v=t.solution.pair;d[0]===d[1]&&d[0]===v[0]?(x.playTilePlaced(7),s(y=>({...y,foundPair:[d[0],d[1]],selectedTiles:[],feedback:"Pair found! Now identify the 4 melds."}))):(x.playErrorSound(),s(y=>({...y,selectedTiles:[],feedback:"That's not the correct pair. Try again!"})))},[t,x]),$=c.useCallback(()=>{if(t.selectedTiles.length!==3||!t.solution)return;const d=t.selectedTiles.map(y=>t.hand[y]).sort(),v=t.solution.melds.filter((y,W)=>!t.foundMelds.some(S=>JSON.stringify(S.tiles.sort())===JSON.stringify(t.solution.melds[W].tiles.sort()))),j=v.findIndex(y=>JSON.stringify([...y.tiles].sort())===JSON.stringify(d));if(j>=0){const y=v[j];x.playTilePlaced(8);const W=[...t.foundMelds,y];W.length===4?(x.playWinSound(),a(S=>S+200-t.hintsUsed*30),r(S=>S+1),k(S=>S+1),s(S=>({...S,foundMelds:W,selectedTiles:[],phase:"feedback",feedback:"Excellent! You identified all groups correctly!",roundComplete:!0}))):s(S=>({...S,foundMelds:W,selectedTiles:[],feedback:`Meld ${W.length}/4 found! Keep going.`}))}else x.playErrorSound(),s(y=>({...y,selectedTiles:[],feedback:"Those 3 tiles don't form a valid meld in the solution. Try again!"}))},[t,x]),N=c.useCallback(()=>{t.solution&&(x.playBacktrackSound(),s(d=>({...d,hintsUsed:d.hintsUsed+1,showHint:!0})),setTimeout(()=>{s(d=>({...d,showHint:!1}))},3e3))},[t.solution,x]),f=c.useCallback(()=>{r(d=>d+1),s(d=>({...d,phase:"feedback",feedback:"Skipped grouping. Here's the solution:",roundComplete:!0}))},[]),C=c.useCallback(()=>{s(ne),a(0),r(0),k(0),T(!1)},[]),h=c.useCallback(d=>{o(d),x.setEnabled(d)},[x]);return{round:t,score:n,totalRounds:l,correctRounds:m,started:p,soundEnabled:i,startNewRound:u,judgeHand:g,toggleTileSelection:b,submitPair:w,submitMeld:$,useHint:N,skipGrouping:f,resetGame:C,toggleSound:h}}function q({code:t,index:s,selected:n,onClick:a}){return e.jsx(I,{code:t,index:s,size:"lg",selected:n,interactive:!!a,disabled:!a,onClick:a})}function ot(){const{round:t,score:s,totalRounds:n,correctRounds:a,started:l,soundEnabled:r,startNewRound:m,judgeHand:k,toggleTileSelection:p,submitPair:T,submitMeld:i,useHint:o,skipGrouping:x,resetGame:u,toggleSound:g}=it();if(!l)return e.jsx("div",{className:"flex flex-1 items-center justify-center p-6",children:e.jsxs("div",{className:"max-w-md text-center",children:[e.jsx("div",{className:"text-4xl mb-4",children:"📖"}),e.jsx("h2",{className:"text-xl md:text-2xl font-bold text-white mb-2",children:"Guided Mode"}),e.jsxs("p",{className:"text-sm md:text-base text-slate-400 mb-6 leading-relaxed",children:["Practice identifying winning Mahjong hands step-by-step. First judge if the hand is a winner, then identify the ",e.jsx("span",{className:"text-indigo-300 font-semibold",children:"pair"})," and ",e.jsx("span",{className:"text-violet-300 font-semibold",children:"4 melds"})," by selecting tiles. Use hints if you get stuck!"]}),e.jsx("button",{onClick:m,className:"rounded-xl bg-gradient-to-r from-indigo-500 to-violet-500 px-8 py-3 text-sm md:text-base font-bold text-white shadow-lg shadow-indigo-500/25 transition-all hover:shadow-indigo-500/40 hover:scale-105 active:scale-95",children:"Start Learning"})]})});const{hand:b,phase:w,selectedTiles:$,foundPair:N,foundMelds:f,feedback:C,showHint:h,solution:d,roundComplete:v,hintsUsed:j}=t,y=d&&h?N?`Hint: Next meld is ${d.melds[f.length]?.tiles.join(" ")??"done!"}`:`Hint: The pair is ${d.pair[0]} ${d.pair[1]}`:null,W=new Set;if(N){let S=0;for(let M=0;M=0&&(W.add(z),M.splice(H,1))}}return e.jsxs("div",{className:"flex flex-1 flex-col md:flex-row gap-4 md:gap-6 overflow-auto p-4 md:p-6",children:[e.jsxs("div",{className:"flex flex-col gap-4 w-full md:w-80 shrink-0 overflow-y-auto max-h-full pr-1",children:[e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 md:p-5 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs md:text-sm font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Progress"}),e.jsxs("div",{className:"grid grid-cols-3 gap-3 text-center",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-lg md:text-xl font-bold text-indigo-300",children:s}),e.jsx("p",{className:"text-[10px] md:text-xs text-slate-500",children:"Score"})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-lg md:text-xl font-bold text-emerald-300",children:a}),e.jsx("p",{className:"text-[10px] md:text-xs text-slate-500",children:"Correct"})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-lg md:text-xl font-bold text-slate-300",children:n}),e.jsx("p",{className:"text-[10px] md:text-xs text-slate-500",children:"Rounds"})]})]})]}),w==="judging"&&e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 md:p-5 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs md:text-sm font-semibold uppercase tracking-wider text-slate-400 mb-2",children:"Step 1: Judge"}),e.jsx("p",{className:"text-xs md:text-sm text-slate-400 mb-4",children:"Is this a valid winning hand?"}),e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("button",{onClick:()=>k(!0),className:"flex items-center justify-center gap-2 rounded-xl bg-emerald-500/15 px-4 py-3 text-sm md:text-base font-bold text-emerald-300 ring-1 ring-emerald-500/30 transition-all hover:bg-emerald-500/25 hover:scale-105 active:scale-95",children:[e.jsx(V,{size:16})," Win"]}),e.jsxs("button",{onClick:()=>k(!1),className:"flex items-center justify-center gap-2 rounded-xl bg-red-500/15 px-4 py-3 text-sm md:text-base font-bold text-red-300 ring-1 ring-red-500/30 transition-all hover:bg-red-500/25 hover:scale-105 active:scale-95",children:[e.jsx(re,{size:16})," Not Win"]})]})]}),w==="grouping"&&e.jsxs("div",{className:"rounded-xl border border-indigo-500/30 bg-indigo-500/5 p-4 md:p-5 backdrop-blur-sm",children:[e.jsxs("h3",{className:"text-xs md:text-sm font-semibold uppercase tracking-wider text-indigo-300 mb-2",children:["Step 2: ",N?`Find Meld ${f.length+1}/4`:"Find the Pair"]}),e.jsx("p",{className:"text-xs md:text-sm text-slate-400 mb-3",children:N?"Select 3 tiles that form a pong (AAA) or chow (ABC).":"Select 2 identical tiles that form the pair."}),e.jsxs("p",{className:"text-xs md:text-sm text-indigo-300 font-mono mb-3",children:["Selected: ",$.length," / ",N?3:2]}),e.jsx("div",{className:"flex gap-2 mb-3",children:N?e.jsxs("button",{onClick:i,disabled:$.length!==3,className:"flex-1 flex items-center justify-center gap-1.5 rounded-lg bg-indigo-500/20 px-3 py-2.5 text-xs md:text-sm font-medium text-indigo-300 ring-1 ring-indigo-500/30 transition-all hover:bg-indigo-500/30 disabled:opacity-30 disabled:cursor-not-allowed",children:[e.jsx(V,{size:14})," Submit Meld"]}):e.jsxs("button",{onClick:T,disabled:$.length!==2,className:"flex-1 flex items-center justify-center gap-1.5 rounded-lg bg-indigo-500/20 px-3 py-2.5 text-xs md:text-sm font-medium text-indigo-300 ring-1 ring-indigo-500/30 transition-all hover:bg-indigo-500/30 disabled:opacity-30 disabled:cursor-not-allowed",children:[e.jsx(V,{size:14})," Submit Pair"]})}),e.jsxs("div",{className:"flex gap-2",children:[e.jsxs("button",{onClick:o,className:"flex-1 flex items-center justify-center gap-1.5 rounded-lg bg-amber-500/15 px-3 py-2 text-xs md:text-sm font-medium text-amber-300 ring-1 ring-amber-500/30 transition-all hover:bg-amber-500/25",children:[e.jsx(Me,{size:14})," Hint (",j,")"]}),e.jsxs("button",{onClick:x,className:"flex-1 flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2 text-xs md:text-sm font-medium text-slate-400 transition-all hover:bg-slate-700/60",children:[e.jsx(Re,{size:14})," Skip"]})]})]}),C&&e.jsxs("div",{className:`rounded-xl border p-4 md:p-5 backdrop-blur-sm ${w==="feedback"&&v?t.playerSaidWin===t.isWinning?"border-emerald-500/30 bg-emerald-500/5":"border-red-500/30 bg-red-500/5":"border-indigo-500/30 bg-indigo-500/5"}`,children:[e.jsx("p",{className:"text-xs md:text-sm text-slate-300 leading-relaxed",children:C}),y&&e.jsx("p",{className:"mt-2 text-xs md:text-sm text-amber-300 font-mono animate-pulse",children:y}),v&&d&&e.jsxs("div",{className:"mt-3 text-[10px] md:text-xs text-slate-500",children:[e.jsxs("p",{children:["Solution: Pair ",d.pair.join(" ")]}),d.melds.map((S,M)=>e.jsxs("p",{children:[S.type==="pong"?"Pong":"Chow",": ",S.tiles.join(" ")]},M))]}),v&&e.jsxs("button",{onClick:m,className:"mt-3 w-full flex items-center justify-center gap-2 rounded-lg bg-indigo-500/20 px-4 py-2.5 text-xs md:text-sm font-medium text-indigo-300 ring-1 ring-indigo-500/30 transition-all hover:bg-indigo-500/30",children:["Next Round ",e.jsx(de,{size:14})]})]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsxs("button",{onClick:u,className:"flex-1 flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2.5 text-xs md:text-sm font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300",children:[e.jsx(K,{size:14})," Reset"]}),e.jsx("button",{onClick:()=>g(!r),className:`flex items-center justify-center gap-1.5 rounded-lg px-3 py-2.5 text-xs md:text-sm font-medium transition-all ${r?"bg-indigo-500/15 text-indigo-300 ring-1 ring-indigo-500/30":"bg-slate-800/60 text-slate-400"}`,children:r?e.jsx(Q,{size:14}):e.jsx(ee,{size:14})})]})]}),e.jsxs("div",{className:"order-last md:order-first flex md:flex-1 flex-col gap-4 min-h-0 md:overflow-auto",children:[e.jsxs("div",{className:"rounded-2xl border border-emerald-900/40 bg-[radial-gradient(circle_at_top_left,rgba(16,185,129,0.14),transparent_34%),linear-gradient(135deg,rgba(15,23,42,0.96),rgba(6,78,59,0.32))] p-4 shadow-2xl shadow-black/30 md:p-5",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3 md:mb-4",children:[e.jsx("h3",{className:"text-xs md:text-sm font-semibold uppercase tracking-wider text-emerald-200",children:"Hand"}),N&&e.jsxs("span",{className:"text-xs md:text-sm font-mono text-emerald-300",children:["Pair ✓ | Melds ",f.length,"/4"]})]}),e.jsx("div",{className:"flex flex-wrap items-end gap-1.5 rounded-xl border border-emerald-950/40 bg-emerald-950/20 p-3 shadow-inner md:gap-2",children:b.map((S,M)=>{const z=W.has(M),H=$.includes(M),se=w==="grouping"&&!z;return e.jsx("div",{className:z?"opacity-30":"",children:e.jsx(q,{code:S,index:M,selected:H,onClick:se?()=>p(M):void 0})},`${S}-${M}`)})})]}),(N||f.length>0)&&e.jsxs("div",{className:"rounded-2xl border border-emerald-500/20 bg-emerald-500/5 p-4 shadow-xl shadow-emerald-950/20 backdrop-blur-sm md:p-5",children:[e.jsx("h3",{className:"text-xs md:text-sm font-semibold uppercase tracking-wider text-emerald-400 mb-3",children:"Found Groups"}),N&&e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("span",{className:"text-[10px] md:text-xs font-medium text-slate-600 w-14 shrink-0",children:"Pair"}),e.jsxs("div",{className:"flex gap-1",children:[e.jsx(q,{code:N[0],index:-1,selected:!1}),e.jsx(q,{code:N[1],index:-1,selected:!1})]})]}),f.map((S,M)=>e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsxs("span",{className:"text-[10px] md:text-xs font-medium text-slate-600 w-14 shrink-0",children:[S.type==="pong"?"Pong":"Chow"," ",M+1]}),e.jsx("div",{className:"flex gap-1",children:S.tiles.map((z,H)=>e.jsx(q,{code:z,index:-1,selected:!1},`${z}-${H}`))})]},M))]})]})]})}function ue(){if(Math.random()<.5){const s=ce(),n=G(s);return{hand:s,isWinning:n.isWin,solution:n.isWin?n:null}}for(let s=0;s<50;s++){const n=D();if(!G(n).isWin)return{hand:n,isWinning:!1,solution:null}}return{hand:D(),isWinning:!1,solution:null}}const ae={hand:[],isWinning:!1,solution:null,round:0,score:0,streak:0,bestStreak:0,timer:0,answered:!1,lastCorrect:null,totalCorrect:0,totalAnswered:0};function dt(){const[t,s]=c.useState(ae),[n,a]=c.useState(!1),l=c.useRef(null),r=te(),[m,k]=c.useState(!0);c.useEffect(()=>(n&&!t.answered&&(l.current=setInterval(()=>{s(u=>({...u,timer:u.timer+1}))},1e3)),()=>{l.current&&clearInterval(l.current)}),[n,t.answered]);const p=c.useCallback(()=>{const{hand:u,isWinning:g,solution:b}=ue();s({...ae,hand:u,isWinning:g,solution:b,round:1}),a(!0)},[]),T=c.useCallback(()=>{const{hand:u,isWinning:g,solution:b}=ue();s(w=>({...w,hand:u,isWinning:g,solution:b,round:w.round+1,timer:0,answered:!1,lastCorrect:null}))},[]),i=c.useCallback(u=>{if(t.answered)return;const g=u===t.isWinning,b=Math.max(0,10-t.timer),w=g?100+b*10+t.streak*25:0;g?r.playWinSound():r.playLoseSound(),s($=>({...$,answered:!0,lastCorrect:g,score:$.score+w,streak:g?$.streak+1:0,bestStreak:g?Math.max($.bestStreak,$.streak+1):$.bestStreak,totalCorrect:$.totalCorrect+(g?1:0),totalAnswered:$.totalAnswered+1}))},[t.answered,t.isWinning,t.timer,t.streak,r]),o=c.useCallback(()=>{s(ae),a(!1),l.current&&clearInterval(l.current)},[]),x=c.useCallback(u=>{k(u),r.setEnabled(u)},[r]);return{...t,isRunning:n,soundEnabled:m,startGame:p,nextRound:T,answer:i,resetGame:o,toggleSound:x}}function ct({code:t}){return e.jsx(I,{code:t,size:"lg"})}function xt(){const{hand:t,isWinning:s,solution:n,round:a,score:l,streak:r,bestStreak:m,timer:k,answered:p,lastCorrect:T,totalCorrect:i,totalAnswered:o,isRunning:x,soundEnabled:u,startGame:g,nextRound:b,answer:w,resetGame:$,toggleSound:N}=dt();return x?e.jsxs("div",{className:"flex flex-1 flex-col md:flex-row gap-4 md:gap-6 overflow-auto p-4 md:p-6",children:[e.jsxs("div",{className:"flex flex-col gap-4 w-full md:w-80 shrink-0 overflow-y-auto max-h-full pr-1",children:[e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 md:p-5 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs md:text-sm font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Stats"}),e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Y,{size:14,className:"text-amber-400"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-lg md:text-xl font-bold text-white",children:l}),e.jsx("p",{className:"text-[10px] md:text-xs text-slate-500",children:"Score"})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Ae,{size:14,className:"text-orange-400"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-lg md:text-xl font-bold text-orange-300",children:r}),e.jsx("p",{className:"text-[10px] md:text-xs text-slate-500",children:"Streak"})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(He,{size:14,className:"text-cyan-400"}),e.jsxs("div",{children:[e.jsxs("p",{className:"text-lg md:text-xl font-bold text-cyan-300",children:[k,"s"]}),e.jsx("p",{className:"text-[10px] md:text-xs text-slate-500",children:"Time"})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(V,{size:14,className:"text-emerald-400"}),e.jsxs("div",{children:[e.jsxs("p",{className:"text-lg md:text-xl font-bold text-emerald-300",children:[i,"/",o]}),e.jsx("p",{className:"text-[10px] md:text-xs text-slate-500",children:"Correct"})]})]})]}),e.jsxs("div",{className:"mt-3 flex items-center justify-between text-[10px] md:text-xs text-slate-500",children:[e.jsxs("span",{children:["Round ",a]}),e.jsxs("span",{children:["Best streak: ",m]})]})]}),!p&&e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 md:p-5 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs md:text-sm font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Your Judgment"}),e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("button",{onClick:()=>w(!0),className:"flex items-center justify-center gap-2 rounded-xl bg-emerald-500/15 px-4 py-4 text-sm md:text-base font-bold text-emerald-300 ring-1 ring-emerald-500/30 transition-all hover:bg-emerald-500/25 hover:scale-105 active:scale-95",children:[e.jsx(V,{size:18})," Win"]}),e.jsxs("button",{onClick:()=>w(!1),className:"flex items-center justify-center gap-2 rounded-xl bg-red-500/15 px-4 py-4 text-sm md:text-base font-bold text-red-300 ring-1 ring-red-500/30 transition-all hover:bg-red-500/25 hover:scale-105 active:scale-95",children:[e.jsx(re,{size:18})," Not Win"]})]})]}),p&&e.jsxs("div",{className:`rounded-xl border p-4 md:p-5 backdrop-blur-sm ${T?"border-emerald-500/30 bg-emerald-500/5":"border-red-500/30 bg-red-500/5"}`,children:[e.jsx("div",{className:"flex items-center gap-2 mb-2",children:T?e.jsxs(e.Fragment,{children:[e.jsx(V,{size:18,className:"text-emerald-400"}),e.jsx("span",{className:"text-sm md:text-base font-bold text-emerald-300",children:"Correct!"})]}):e.jsxs(e.Fragment,{children:[e.jsx(re,{size:18,className:"text-red-400"}),e.jsx("span",{className:"text-sm md:text-base font-bold text-red-300",children:"Wrong!"})]})}),e.jsxs("p",{className:"text-xs md:text-sm text-slate-400 mb-3",children:["The hand was ",e.jsx("span",{className:`font-bold ${s?"text-emerald-300":"text-red-300"}`,children:s?"a Winner":"Not a Winner"}),"."]}),s&&n&&e.jsxs("div",{className:"text-[10px] md:text-xs text-slate-500 mb-3",children:["Pair: ",n.pair.join(" ")," | Melds: ",n.melds.map(f=>f.tiles.join(" ")).join(" | ")]}),e.jsxs("button",{onClick:b,className:"w-full flex items-center justify-center gap-2 rounded-lg bg-indigo-500/20 px-4 py-2.5 text-xs md:text-sm font-medium text-indigo-300 ring-1 ring-indigo-500/30 transition-all hover:bg-indigo-500/30",children:["Next Round ",e.jsx(de,{size:14})]})]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsxs("button",{onClick:$,className:"flex-1 flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2.5 text-xs md:text-sm font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300",children:[e.jsx(K,{size:14})," Reset"]}),e.jsx("button",{onClick:()=>N(!u),className:`flex items-center justify-center gap-1.5 rounded-lg px-3 py-2.5 text-xs md:text-sm font-medium transition-all ${u?"bg-indigo-500/15 text-indigo-300 ring-1 ring-indigo-500/30":"bg-slate-800/60 text-slate-400"}`,children:u?e.jsx(Q,{size:14}):e.jsx(ee,{size:14})})]})]}),e.jsx("div",{className:"order-last md:order-first flex md:flex-1 flex-col gap-4 min-h-0 md:overflow-auto",children:e.jsxs("div",{className:"rounded-2xl border border-emerald-900/40 bg-[radial-gradient(circle_at_top_left,rgba(16,185,129,0.14),transparent_34%),linear-gradient(135deg,rgba(15,23,42,0.96),rgba(6,78,59,0.32))] p-4 shadow-2xl shadow-black/30 md:p-5",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3 md:mb-4",children:[e.jsx("h3",{className:"text-xs md:text-sm font-semibold uppercase tracking-wider text-emerald-200",children:"Hand to Judge"}),e.jsxs("span",{className:"text-xs md:text-sm font-mono font-bold text-indigo-300",children:["Round ",a]})]}),e.jsx("div",{className:"flex flex-wrap items-end gap-1.5 rounded-xl border border-emerald-950/40 bg-emerald-950/20 p-3 shadow-inner md:gap-2",children:t.map((f,C)=>e.jsx(ct,{code:f},`${f}-${C}`))})]})})]}):e.jsx("div",{className:"flex flex-1 items-center justify-center p-6",children:e.jsxs("div",{className:"max-w-md text-center",children:[e.jsx("div",{className:"text-4xl mb-4",children:"⚡"}),e.jsx("h2",{className:"text-xl md:text-2xl font-bold text-white mb-2",children:"Challenge Mode"}),e.jsxs("p",{className:"text-sm md:text-base text-slate-400 mb-6 leading-relaxed",children:["You'll see a 14-tile hand. Decide as fast as you can: is it a ",e.jsx("span",{className:"text-emerald-400 font-semibold",children:"Winning Hand"})," or ",e.jsx("span",{className:"text-red-400 font-semibold",children:"Not a Winner"}),"? Score points for correct answers. Faster = more bonus points. Build streaks for multipliers!"]}),e.jsx("button",{onClick:g,className:"rounded-xl bg-gradient-to-r from-indigo-500 to-violet-500 px-8 py-3 text-sm md:text-base font-bold text-white shadow-lg shadow-indigo-500/25 transition-all hover:shadow-indigo-500/40 hover:scale-105 active:scale-95",children:"Start Challenge"})]})})}function ge(t){return{name:t,hand:[],result:null,score:0}}const le={phase:"building",players:[ge("Player 1"),ge("Player 2")],currentPlayer:0,round:1,roundComplete:!1};function mt(){const[t,s]=c.useState(le),[n,a]=c.useState(null),[l,r]=c.useState(!1),[m,k]=c.useState(!0),p=te(),T=t.players[t.currentPlayer].hand,i=T.length>=P,o=t.players[0].hand.length>=P&&t.players[1].hand.length>=P,x=c.useCallback(()=>{s({...le}),r(!0),a(null)},[]),u=c.useCallback(h=>{if(t.phase!=="building")return;const d=t.players[t.currentPlayer].hand,v=be(d,h);if(v){a(v),p.playErrorSound();return}a(null);const{value:j}={value:Number(h[1])};p.playTilePlaced(j),s(y=>{const W=[...y.players],S={...W[y.currentPlayer]};S.hand=L([...S.hand,h]),W[y.currentPlayer]=S;const M=S.hand.length>=P,z=W[1-y.currentPlayer].hand.length>=P;let H=y.currentPlayer;return M&&!z?H=1-y.currentPlayer:M||(H=1-y.currentPlayer,W[H].hand.length>=P&&(H=y.currentPlayer)),{...y,players:W,currentPlayer:H}})},[t.phase,t.currentPlayer,t.players,p]),g=c.useCallback(h=>{t.phase==="building"&&(p.playTileRemoved(),a(null),s(d=>{const v=[...d.players],j={...v[d.currentPlayer]},y=[...j.hand];return y.splice(h,1),j.hand=y,v[d.currentPlayer]=j,{...d,players:v}}))},[t.phase,p]),b=c.useCallback(()=>{if(!o)return;const h=G(t.players[0].hand),d=G(t.players[1].hand),v=h.isWin?1:0,j=d.isWin?1:0;v>j||j>v?p.playWinSound():p.playLoseSound(),s(y=>{const W=[...y.players];return W[0]={...W[0],result:h,score:W[0].score+v},W[1]={...W[1],result:d,score:W[1].score+j},{...y,players:W,phase:"results",roundComplete:!0}})},[o,t.players,p]),w=c.useCallback(()=>{s(h=>({...h,phase:"building",players:[{...h.players[0],hand:[],result:null},{...h.players[1],hand:[],result:null}],currentPlayer:0,round:h.round+1,roundComplete:!1})),a(null)},[]),$=c.useCallback(()=>{s(le),r(!1),a(null)},[]),N=c.useCallback(()=>{if(t.phase!=="building")return;const h=1-t.currentPlayer;t.players[h].hand.length>=P||s(d=>({...d,currentPlayer:h}))},[t.phase,t.currentPlayer,t.players]),f=()=>{if(t.phase!=="results")return null;const h=t.players[0].result,d=t.players[1].result;return!h||!d?null:h.isWin&&!d.isWin?t.players[0].name:!h.isWin&&d.isWin?t.players[1].name:h.isWin&&d.isWin?"Both Win!":"Neither Wins"},C=c.useCallback(h=>{k(h),p.setEnabled(h)},[p]);return{state:t,lastError:n,started:l,soundEnabled:m,currentHand:T,currentHandIsFull:i,bothFull:o,winner:f(),startGame:x,addTile:u,removeTile:g,checkBothHands:b,nextRound:w,resetGame:$,switchPlayer:N,toggleSound:C}}function ut({code:t,onRemove:s}){return e.jsx(I,{code:t,size:"md",interactive:!!s,removable:!!s,onClick:s})}function gt(t,s){return t.filter(n=>n===s).length}function pt({suit:t,value:s,count:n,disabled:a,onClick:l}){const r=n>=4,m=`${t}${s}`;return e.jsx(I,{code:m,count:n,size:"sm",disabled:a||r,interactive:!0,onClick:l})}function ht(){const{state:t,lastError:s,started:n,soundEnabled:a,currentHand:l,currentHandIsFull:r,bothFull:m,winner:k,startGame:p,addTile:T,removeTile:i,checkBothHands:o,nextRound:x,resetGame:u,switchPlayer:g,toggleSound:b}=mt();if(!n)return e.jsx("div",{className:"flex flex-1 items-center justify-center p-6",children:e.jsxs("div",{className:"max-w-md text-center",children:[e.jsx("div",{className:"text-4xl mb-4",children:"👥"}),e.jsx("h2",{className:"text-xl md:text-2xl font-bold text-white mb-2",children:"2 Player Mode"}),e.jsxs("p",{className:"text-sm md:text-base text-slate-400 mb-6 leading-relaxed",children:["Take turns placing tiles to build your 14-tile hands. Players alternate picks. Once both hands are complete, the solver checks both — whoever has a valid ",e.jsx("span",{className:"text-emerald-400 font-semibold",children:"winning hand"})," scores a point!"]}),e.jsx("button",{onClick:p,className:"rounded-xl bg-gradient-to-r from-indigo-500 to-violet-500 px-8 py-3 text-sm md:text-base font-bold text-white shadow-lg shadow-indigo-500/25 transition-all hover:shadow-indigo-500/40 hover:scale-105 active:scale-95",children:"Start Game"})]})});const{phase:w,players:$,currentPlayer:N,round:f}=t,C=$[0],h=$[1];return e.jsxs("div",{className:"flex flex-1 flex-col md:flex-row gap-4 md:gap-6 overflow-auto p-4 md:p-6",children:[e.jsxs("div",{className:"flex flex-col gap-4 w-full md:w-80 shrink-0 overflow-y-auto max-h-full pr-1",children:[e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 md:p-5 backdrop-blur-sm",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(pe,{size:14,className:"text-indigo-400"}),e.jsxs("h3",{className:"text-xs md:text-sm font-semibold uppercase tracking-wider text-slate-400",children:["Round ",f]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("div",{className:`rounded-lg p-3 text-center transition-all ${w==="building"&&N===0?"bg-indigo-500/15 ring-2 ring-indigo-400/40":"bg-slate-800/40"}`,children:[e.jsx("p",{className:"text-sm md:text-base font-bold text-indigo-300",children:C.name}),e.jsx("p",{className:"text-lg md:text-xl font-extrabold text-white",children:C.score}),e.jsxs("p",{className:"text-[10px] md:text-xs text-slate-500",children:[C.hand.length,"/",P," tiles"]}),w==="results"&&C.result&&e.jsx("p",{className:`mt-1 text-[10px] md:text-xs font-bold ${C.result.isWin?"text-emerald-400":"text-red-400"}`,children:C.result.isWin?"✓ Winner":"✗ No Win"})]}),e.jsxs("div",{className:`rounded-lg p-3 text-center transition-all ${w==="building"&&N===1?"bg-violet-500/15 ring-2 ring-violet-400/40":"bg-slate-800/40"}`,children:[e.jsx("p",{className:"text-sm md:text-base font-bold text-violet-300",children:h.name}),e.jsx("p",{className:"text-lg md:text-xl font-extrabold text-white",children:h.score}),e.jsxs("p",{className:"text-[10px] md:text-xs text-slate-500",children:[h.hand.length,"/",P," tiles"]}),w==="results"&&h.result&&e.jsx("p",{className:`mt-1 text-[10px] md:text-xs font-bold ${h.result.isWin?"text-emerald-400":"text-red-400"}`,children:h.result.isWin?"✓ Winner":"✗ No Win"})]})]})]}),w==="building"&&e.jsxs("div",{className:`rounded-xl border p-4 md:p-5 backdrop-blur-sm ${N===0?"border-indigo-500/30 bg-indigo-500/5":"border-violet-500/30 bg-violet-500/5"}`,children:[e.jsxs("p",{className:`text-sm md:text-base font-bold ${N===0?"text-indigo-300":"text-violet-300"}`,children:[$[N].name,"'s Turn"]}),e.jsx("p",{className:"text-xs md:text-sm text-slate-400 mt-1",children:"Pick a tile to add to your hand."}),!r&&e.jsxs("button",{onClick:g,className:"mt-3 w-full flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2 text-xs md:text-sm font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300",children:[e.jsx(Ie,{size:14})," Switch Player"]})]}),w==="building"&&m&&e.jsxs("button",{onClick:o,className:"w-full flex items-center justify-center gap-2 rounded-xl bg-gradient-to-r from-indigo-500/20 to-violet-500/20 px-4 py-3 text-sm md:text-base font-bold text-indigo-200 ring-1 ring-indigo-500/30 transition-all hover:from-indigo-500/30 hover:to-violet-500/30 active:scale-95",children:[e.jsx(Y,{size:16})," Check Both Hands"]}),w==="results"&&k&&e.jsxs("div",{className:`rounded-xl border p-4 md:p-5 backdrop-blur-sm ${k.includes("Neither")?"border-slate-700/50 bg-slate-900/60":"border-emerald-500/30 bg-emerald-500/5"}`,children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(Y,{size:18,className:"text-amber-400"}),e.jsx("span",{className:"text-base md:text-lg font-bold text-white",children:k})]}),$.map((d,v)=>d.result&&d.result.isWin&&e.jsxs("div",{className:"mt-2 text-[10px] md:text-xs text-slate-500",children:[e.jsxs("p",{className:"font-semibold text-slate-400",children:[d.name,":"]}),e.jsxs("p",{children:["Pair: ",d.result.pair.join(" ")]}),d.result.melds.map((j,y)=>e.jsxs("p",{children:[j.type==="pong"?"Pong":"Chow",": ",j.tiles.join(" ")]},y))]},v)),e.jsxs("button",{onClick:x,className:"mt-3 w-full flex items-center justify-center gap-2 rounded-lg bg-indigo-500/20 px-4 py-2.5 text-xs md:text-sm font-medium text-indigo-300 ring-1 ring-indigo-500/30 transition-all hover:bg-indigo-500/30",children:["Next Round ",e.jsx(de,{size:14})]})]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsxs("button",{onClick:u,className:"flex-1 flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2.5 text-xs md:text-sm font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300",children:[e.jsx(K,{size:14})," Reset"]}),e.jsx("button",{onClick:()=>b(!a),className:`flex items-center justify-center gap-1.5 rounded-lg px-3 py-2.5 text-xs md:text-sm font-medium transition-all ${a?"bg-indigo-500/15 text-indigo-300 ring-1 ring-indigo-500/30":"bg-slate-800/60 text-slate-400"}`,children:a?e.jsx(Q,{size:14}):e.jsx(ee,{size:14})})]}),s&&e.jsx("div",{className:"rounded-lg border border-red-500/30 bg-red-500/5 px-3 py-2.5 text-center text-xs md:text-sm font-medium text-red-400 animate-pulse",children:s})]}),e.jsxs("div",{className:"order-last md:order-first flex md:flex-1 flex-col gap-4 min-h-0 md:overflow-auto",children:[$.map((d,v)=>e.jsxs("div",{className:`rounded-2xl border p-4 shadow-xl backdrop-blur-sm md:p-5 ${w==="building"&&N===v?v===0?"border-indigo-500/30 bg-indigo-500/5":"border-violet-500/30 bg-violet-500/5":"border-emerald-900/40 bg-[radial-gradient(circle_at_top_left,rgba(16,185,129,0.12),transparent_34%),linear-gradient(135deg,rgba(15,23,42,0.96),rgba(6,78,59,0.28))]"}`,children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("h3",{className:`text-xs md:text-sm font-semibold uppercase tracking-wider ${v===0?"text-indigo-400":"text-violet-400"}`,children:d.name}),e.jsxs("span",{className:`text-xs md:text-sm font-mono font-bold ${d.hand.length===P?"text-emerald-400":"text-slate-500"}`,children:[d.hand.length,"/",P]})]}),e.jsxs("div",{className:"flex min-h-[5rem] flex-wrap items-end gap-1.5 rounded-xl border border-emerald-950/40 bg-emerald-950/20 p-3 shadow-inner md:gap-2",children:[d.hand.map((j,y)=>e.jsx(ut,{code:j,onRemove:w==="building"&&N===v?()=>i(y):void 0},`${j}-${y}`)),d.hand.lengthe.jsx(I,{size:"md",placeholder:!0},`e-${y}`))]})]},v)),w==="building"&&!r&&e.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/70 p-4 shadow-xl shadow-black/20 backdrop-blur-sm md:p-5",children:[e.jsx("h3",{className:"text-xs md:text-sm font-semibold uppercase tracking-wider text-slate-300 mb-3",children:"Tile Wall"}),e.jsx("div",{className:"space-y-3 md:space-y-4",children:B.map(d=>e.jsxs("div",{className:"rounded-xl border border-slate-800/70 bg-slate-950/35 p-3",children:[e.jsx("p",{className:"text-[10px] md:text-xs font-medium mb-1.5",style:{color:Z[d]},children:he[d]}),e.jsx("div",{className:"flex flex-wrap items-end gap-1 md:gap-1.5",children:O.map(v=>{const j=`${d}${v}`;return e.jsx(pt,{suit:d,value:v,count:gt(l,j),disabled:r,onClick:()=>T(j)},j)})})]},d))})]})]})]})}function ft(){const[t,s]=c.useState([]),[n,a]=c.useState(null),[l,r]=c.useState([]),[m,k]=c.useState(-1),[p,T]=c.useState(!1),[i,o]=c.useState(400),[x,u]=c.useState(null),[g,b]=c.useState(!1),[w,$]=c.useState(!0),N=c.useRef(null),f=te();c.useEffect(()=>()=>{N.current&&clearInterval(N.current)},[]);const C=c.useCallback(()=>{a(null),r([]),k(-1),T(!1),N.current&&(clearInterval(N.current),N.current=null)},[]),h=c.useCallback(_=>{s(A=>{const R=be(A,_);return R?(u(R),f.playErrorSound(),A):(u(null),C(),f.playTilePlaced(fe(_).value),L([...A,_]))})},[C,f]),d=c.useCallback(_=>{s(A=>{const R=[...A];return R.splice(_,1),C(),f.playTileRemoved(),R}),u(null)},[C,f]),v=c.useCallback(()=>{s([]),u(null),C()},[C]),j=c.useCallback(()=>{s(D()),u(null),C()},[C]),y=c.useCallback(()=>{s(ce()),u(null),C()},[C]),W=c.useCallback(()=>{const _=st(t);if(_){u(_),f.playErrorSound();return}if(u(null),g){const{result:A,steps:R}=at(t);a(A),r(R),k(-1)}else{const A=G(t);a(A),r([]),k(-1),A.isWin?f.playWinSound():f.playLoseSound()}},[t,g,f]),S=c.useCallback(()=>{k(_=>{const A=Math.min(_+1,l.length-1);if(A>=0&&A{k(_=>Math.max(_-1,-1))},[]),z=c.useCallback(()=>{if(p){N.current&&(clearInterval(N.current),N.current=null),T(!1);return}T(!0),k(_=>_>=l.length-1?-1:_),N.current=setInterval(()=>{k(_=>{if(_>=l.length-1)return N.current&&clearInterval(N.current),N.current=null,T(!1),_;const A=_+1;if(A{b(_=>!_),C()},[C]),se=c.useCallback(_=>{$(_),f.setEnabled(_)},[f]),Ne=m>=0&&m=P,soundEnabled:w,addTile:h,removeTile:d,resetHand:v,randomHand:j,winningHand:y,checkHand:W,stepForward:S,stepBack:M,autoPlay:z,setAnimSpeed:o,toggleAnimation:H,toggleSound:se}}const bt={sandbox:e.jsx(Le,{size:14}),guided:e.jsx(ze,{size:14}),challenge:e.jsx(Ee,{size:14}),"two-player":e.jsx(pe,{size:14})},jt=["sandbox","guided","challenge","two-player"];function yt(){const{hand:t,result:s,steps:n,stepIndex:a,stepsTotal:l,currentStep:r,isAnimating:m,animSpeed:k,showAnimation:p,lastError:T,handIsFull:i,addTile:o,removeTile:x,resetHand:u,randomHand:g,winningHand:b,checkHand:w,stepForward:$,stepBack:N,autoPlay:f,setAnimSpeed:C,toggleAnimation:h,soundEnabled:d,toggleSound:v}=ft();return e.jsxs("div",{className:"flex flex-1 flex-col md:flex-row gap-4 md:gap-6 overflow-auto bg-[radial-gradient(circle_at_top,rgba(16,185,129,0.08),transparent_34%),linear-gradient(180deg,rgba(15,23,42,0),rgba(6,78,59,0.16))] p-4 md:p-6",children:[e.jsx(et,{handIsFull:i,result:s,showAnimation:p,steps:n,stepIndex:a,stepsTotal:l,isAnimating:m,animSpeed:k,currentStep:r,lastError:T,onCheckHand:w,onResetHand:u,onRandomHand:g,onWinningHand:b,onToggleAnimation:h,onStepForward:$,onStepBack:N,onAutoPlay:f,onSetAnimSpeed:C,soundEnabled:d,onToggleSound:v}),e.jsxs("div",{className:"order-last md:order-first flex md:flex-1 flex-col gap-4 min-h-0 md:min-h-0 md:overflow-auto",children:[e.jsx(Ze,{hand:t,onRemoveTile:x}),s&&e.jsx(Ke,{result:s}),e.jsx(Ye,{hand:t,handIsFull:i,onAddTile:o})]})]})}function zt(){const[t,s]=c.useState("sandbox");return e.jsxs("div",{className:"flex flex-1 flex-col overflow-hidden",children:[e.jsx("div",{className:"shrink-0 border-b border-emerald-900/40 bg-[linear-gradient(135deg,rgba(15,23,42,0.9),rgba(6,78,59,0.34))] backdrop-blur-sm px-4 md:px-6 pt-3 pb-0",children:e.jsx("div",{className:"flex gap-1 overflow-x-auto",children:jt.map(n=>e.jsxs("button",{onClick:()=>s(n),className:`flex items-center gap-1.5 rounded-t-lg px-4 py-2.5 text-xs md:text-sm font-medium transition-all whitespace-nowrap ${t===n?"bg-slate-800/80 text-indigo-300 border border-b-0 border-slate-700/50 -mb-px":"text-slate-500 hover:text-slate-300 hover:bg-slate-800/30"}`,children:[bt[n],e.jsx("span",{children:De[n].label})]},n))})}),e.jsxs("div",{className:"flex flex-1 overflow-hidden",children:[t==="sandbox"&&e.jsx(yt,{}),t==="guided"&&e.jsx(ot,{}),t==="challenge"&&e.jsx(xt,{}),t==="two-player"&&e.jsx(ht,{})]})]})}export{zt as default};
+ `;return k||i?e.jsx("button",{onClick:i,disabled:r,title:t,className:b,children:g}):e.jsx("div",{className:b,children:g})}function Ue({suit:t,value:s,color:n,size:a}){return t==="C"?e.jsxs("div",{className:"flex flex-col items-center",children:[e.jsx("span",{style:{color:n},className:`${a==="sm"?"text-xl":a==="lg"?"text-3xl":"text-2xl"} font-black leading-none drop-shadow-sm`,children:s}),e.jsx("span",{style:{color:n},className:`${a==="sm"?"text-base":"text-lg"} font-black leading-none`,children:"萬"})]}):t==="B"?e.jsx("div",{className:"grid grid-cols-3 gap-0.5",children:Array.from({length:s}).map((l,r)=>e.jsx("span",{className:"h-3 w-1 rounded-full border border-emerald-950/20 bg-gradient-to-b from-emerald-300 to-emerald-700 shadow-sm"},r))}):e.jsx("div",{className:"grid grid-cols-3 gap-0.5",children:Array.from({length:s}).map((l,r)=>e.jsx("span",{className:"h-2.5 w-2.5 rounded-full border border-blue-950/30 bg-white shadow-sm",style:{boxShadow:`inset 0 0 0 2px ${n}`}},r))})}function Je(t,s){return t.filter(n=>n===s).length}function qe({suit:t,value:s,count:n,disabled:a,onClick:l}){const r=n>=4,m=`${t}${s}`;return e.jsx(I,{code:m,count:n,size:"md",disabled:a||r,interactive:!0,onClick:l})}function Ye({hand:t,handIsFull:s,onAddTile:n}){return e.jsxs("div",{className:"rounded-2xl border border-slate-700/50 bg-slate-900/70 p-4 shadow-xl shadow-black/20 backdrop-blur-sm md:p-5",children:[e.jsxs("div",{className:"mb-3 md:mb-4",children:[e.jsx("h3",{className:"text-xs md:text-sm font-semibold uppercase tracking-wider text-slate-300",children:"Tile Wall"}),e.jsx("p",{className:"mt-0.5 text-[10px] text-slate-500",children:"Choose up to four copies of each realistic Mahjong tile"})]}),e.jsx("div",{className:"space-y-4 md:space-y-5",children:B.map(a=>e.jsxs("div",{className:"rounded-xl border border-slate-800/70 bg-slate-950/35 p-3",children:[e.jsxs("div",{className:"mb-2 flex items-center gap-2",children:[e.jsx("span",{className:"h-2 w-2 rounded-full",style:{backgroundColor:Z[a]}}),e.jsx("p",{className:"text-[10px] md:text-xs font-semibold uppercase tracking-wider",style:{color:Z[a]},children:he[a]})]}),e.jsx("div",{className:"flex flex-wrap items-end gap-1.5 md:gap-2",children:O.map(l=>{const r=`${a}${l}`;return e.jsx(qe,{suit:a,value:l,count:Je(t,r),disabled:s,onClick:()=>n(r)},r)})})]},a))})]})}function Ze({hand:t,onRemoveTile:s}){const n=P-t.length;return e.jsxs("div",{className:"relative overflow-hidden rounded-2xl border border-emerald-900/40 bg-[radial-gradient(circle_at_top_left,rgba(16,185,129,0.14),transparent_34%),linear-gradient(135deg,rgba(15,23,42,0.96),rgba(6,78,59,0.36))] p-4 shadow-2xl shadow-black/30 md:p-5",children:[e.jsx("div",{className:"pointer-events-none absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-black/25 to-transparent"}),e.jsxs("div",{className:"flex items-center justify-between mb-3 md:mb-4",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-xs md:text-sm font-semibold uppercase tracking-wider text-emerald-200",children:"Your Hand"}),e.jsx("p",{className:"mt-0.5 text-[10px] text-emerald-100/50",children:"Click a tile to discard it from the rack"})]}),e.jsxs("span",{className:`text-xs md:text-sm font-mono font-bold ${t.length===P?"text-emerald-400":"text-slate-500"}`,children:[t.length," / ",P]})]}),e.jsxs("div",{className:"relative flex min-h-[5.5rem] flex-wrap items-end gap-1.5 rounded-xl border border-emerald-950/40 bg-emerald-950/20 p-3 shadow-inner md:gap-2",children:[t.map((a,l)=>e.jsx(I,{code:a,index:l,size:"lg",interactive:!0,removable:!0,onClick:()=>s(l)},`${a}-${l}`)),n>0&&Array.from({length:n}).map((a,l)=>e.jsx(I,{size:"lg",placeholder:!0},`empty-${l}`))]})]})}function ie({code:t}){return e.jsx(I,{code:t,size:"sm"})}function Xe({meld:t,index:s}){return e.jsxs("div",{className:"flex items-center gap-2 rounded-xl bg-slate-950/35 p-2 ring-1 ring-slate-800/70 md:gap-3",children:[e.jsxs("span",{className:"w-14 shrink-0 text-[10px] font-semibold uppercase tracking-wider text-slate-500 md:w-16 md:text-xs",children:[t.type==="pong"?"Pong":"Chow"," ",s+1]}),e.jsx("div",{className:"flex gap-1 md:gap-1.5",children:t.tiles.map((n,a)=>e.jsx(ie,{code:n},`${n}-${a}`))})]})}function Ke({result:t}){return t?t.isWin?e.jsxs("div",{className:"rounded-2xl border border-emerald-500/30 bg-[radial-gradient(circle_at_top_left,rgba(16,185,129,0.18),transparent_36%),rgba(16,185,129,0.05)] p-4 shadow-xl shadow-emerald-950/20 backdrop-blur-sm md:p-5",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3 md:mb-4",children:[e.jsx("span",{className:"text-lg md:text-2xl",children:"🀄"}),e.jsx("h3",{className:"text-sm md:text-base font-bold text-emerald-300",children:"Winning Hand!"})]}),e.jsxs("div",{className:"mb-3 flex items-center gap-2 rounded-xl bg-slate-950/35 p-2 ring-1 ring-slate-800/70 md:mb-4 md:gap-3",children:[e.jsx("span",{className:"w-14 shrink-0 text-[10px] font-semibold uppercase tracking-wider text-slate-500 md:w-16 md:text-xs",children:"Pair"}),e.jsxs("div",{className:"flex gap-1 md:gap-1.5",children:[e.jsx(ie,{code:t.pair[0]}),e.jsx(ie,{code:t.pair[1]})]})]}),e.jsx("div",{className:"space-y-2 md:space-y-3",children:t.melds.map((s,n)=>e.jsx(Xe,{meld:s,index:n},n))})]}):e.jsxs("div",{className:"rounded-xl border border-red-500/30 bg-red-500/5 p-4 md:p-5 backdrop-blur-sm",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-lg md:text-2xl",children:"❌"}),e.jsx("h3",{className:"text-sm md:text-base font-bold text-red-300",children:"Not a Winning Hand"})]}),e.jsx("p",{className:"mt-2 text-xs md:text-sm text-slate-400",children:"Hand is not a valid winning combination. A winning hand needs 4 melds (pongs or chows) and 1 pair."})]}):null}const Qe=[{label:"Slow",value:800},{label:"Med",value:400},{label:"Fast",value:150}];function et({handIsFull:t,result:s,showAnimation:n,steps:a,stepIndex:l,stepsTotal:r,isAnimating:m,animSpeed:k,currentStep:p,lastError:T,onCheckHand:i,onResetHand:o,onRandomHand:x,onWinningHand:u,onToggleAnimation:g,onStepForward:b,onStepBack:w,onAutoPlay:$,onSetAnimSpeed:N,soundEnabled:f,onToggleSound:C}){return e.jsxs("div",{className:"flex flex-col gap-4 w-full md:w-80 shrink-0 overflow-y-auto max-h-full pr-1",children:[e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 md:p-5 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-sm md:text-base font-bold text-indigo-300 mb-1",children:J.title}),e.jsx("p",{className:"text-[10px] md:text-xs text-slate-500 italic mb-2",children:J.subtitle}),e.jsx("p",{className:"text-xs md:text-sm text-slate-400 leading-relaxed",children:J.what}),e.jsx("div",{className:"mt-2 flex flex-wrap gap-1.5",children:J.skills.map(h=>e.jsx("span",{className:"inline-flex items-center rounded-full bg-violet-500/10 px-2 py-0.5 text-[10px] md:text-xs font-medium text-violet-400 ring-1 ring-violet-500/20",children:h},h))})]}),e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 md:p-5 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs md:text-sm font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Actions"}),e.jsxs("div",{className:"grid grid-cols-2 gap-2 md:gap-2.5 mb-3",children:[e.jsxs("button",{onClick:x,className:"flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2.5 text-xs md:text-sm font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300",children:[e.jsx(Te,{size:14})," Random"]}),e.jsxs("button",{onClick:u,className:"flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2.5 text-xs md:text-sm font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300",children:[e.jsx(Ce,{size:14})," Winning"]}),e.jsxs("button",{onClick:o,className:"flex items-center justify-center gap-1.5 rounded-lg bg-slate-800/60 px-3 py-2.5 text-xs md:text-sm font-medium text-slate-400 transition-all hover:bg-slate-700/60 hover:text-slate-300",children:[e.jsx(K,{size:14})," Reset"]}),e.jsxs("button",{onClick:i,disabled:!t,className:`flex items-center justify-center gap-1.5 rounded-lg px-3 py-2.5 text-xs md:text-sm font-medium transition-all ${t?"bg-indigo-500/20 text-indigo-300 ring-1 ring-indigo-500/40 hover:bg-indigo-500/30":"bg-slate-800/40 text-slate-600 cursor-not-allowed"}`,children:[e.jsx(ve,{size:14})," Check"]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-2 md:gap-2.5",children:[e.jsxs("button",{onClick:()=>C(!f),className:`flex items-center justify-center gap-1.5 rounded-lg px-3 py-2.5 text-xs md:text-sm font-medium transition-all ${f?"bg-indigo-500/15 text-indigo-300 ring-1 ring-indigo-500/30":"bg-slate-800/60 text-slate-400 hover:bg-slate-700/60 hover:text-slate-300"}`,children:[f?e.jsx(Q,{size:14}):e.jsx(ee,{size:14})," Sound"]}),e.jsxs("button",{onClick:g,className:`flex items-center justify-center gap-1.5 rounded-lg px-3 py-2.5 text-xs md:text-sm font-medium transition-all ${n?"bg-amber-500/15 text-amber-300 ring-1 ring-amber-500/30":"bg-slate-800/60 text-slate-400 hover:bg-slate-700/60 hover:text-slate-300"}`,children:[n?e.jsx(ke,{size:14}):e.jsx(Se,{size:14}),n?"Anim On":"Anim Off"]})]})]}),n&&a.length>0&&e.jsxs("div",{className:"rounded-xl border border-slate-700/50 bg-slate-900/60 p-4 md:p-5 backdrop-blur-sm",children:[e.jsx("h3",{className:"text-xs md:text-sm font-semibold uppercase tracking-wider text-slate-400 mb-3",children:"Solver Steps"}),e.jsxs("div",{className:"flex gap-2 mb-3",children:[e.jsxs("button",{onClick:w,disabled:l<=-1,className:"flex-1 flex items-center justify-center gap-1 rounded-lg bg-slate-800/60 px-2 py-2.5 text-xs md:text-sm font-medium text-slate-400 hover:bg-slate-700/60 hover:text-slate-300 disabled:opacity-30 disabled:cursor-not-allowed",children:[e.jsx($e,{size:14})," Prev"]}),e.jsx("button",{onClick:$,className:`flex-1 flex items-center justify-center gap-1 rounded-lg px-2 py-2.5 text-xs md:text-sm font-medium transition-all ${m?"bg-amber-500/20 text-amber-300 ring-1 ring-amber-500/30":"bg-indigo-500/20 text-indigo-300 ring-1 ring-indigo-500/30 hover:bg-indigo-500/30"}`,children:m?e.jsxs(e.Fragment,{children:[e.jsx(Pe,{size:14})," Pause"]}):e.jsxs(e.Fragment,{children:[e.jsx(_e,{size:14})," Play"]})}),e.jsxs("button",{onClick:b,disabled:l>=r-1,className:"flex-1 flex items-center justify-center gap-1 rounded-lg bg-slate-800/60 px-2 py-2.5 text-xs md:text-sm font-medium text-slate-400 hover:bg-slate-700/60 hover:text-slate-300 disabled:opacity-30 disabled:cursor-not-allowed",children:["Next ",e.jsx(We,{size:14})]})]}),e.jsx("div",{className:"flex gap-1 mb-2",children:Qe.map(h=>e.jsx("button",{onClick:()=>N(h.value),className:`flex-1 rounded-md px-2 py-1.5 text-[10px] md:text-xs font-medium transition-all ${k===h.value?"bg-indigo-500/20 text-indigo-300 ring-1 ring-indigo-500/30":"bg-slate-800/50 text-slate-500 hover:text-slate-400"}`,children:h.label},h.value))}),r>0&&e.jsxs("div",{className:"flex items-center justify-between text-[10px] md:text-xs text-slate-500",children:[e.jsx("span",{children:"Step"}),e.jsxs("span",{className:"font-mono font-semibold text-indigo-300",children:[Math.max(0,l+1)," / ",r]})]})]}),n&&p&&e.jsxs("div",{className:`rounded-xl border p-4 md:p-5 backdrop-blur-sm ${p.action.type==="found_win"?"border-emerald-500/30 bg-emerald-500/5":p.action.type==="backtrack"||p.action.type==="pair_failed"?"border-amber-500/30 bg-amber-500/5":p.action.type==="no_win"?"border-red-500/30 bg-red-500/5":"border-slate-700/50 bg-slate-900/60"}`,children:[e.jsx("h3",{className:"text-xs md:text-sm font-semibold uppercase tracking-wider text-slate-400 mb-2",children:"Current Step"}),e.jsx("p",{className:"text-xs md:text-sm text-slate-300 leading-relaxed",children:p.description})]}),s&&!n&&e.jsx("div",{className:`rounded-xl border p-4 md:p-5 backdrop-blur-sm ${s.isWin?"border-emerald-500/30 bg-emerald-500/5":"border-red-500/30 bg-red-500/5"}`,children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Y,{size:16,className:s.isWin?"text-emerald-400":"text-red-400"}),e.jsx("span",{className:`text-sm md:text-base font-bold ${s.isWin?"text-emerald-300":"text-red-300"}`,children:s.isWin?"Winning Hand!":"Not a Winner"})]})}),T&&e.jsx("div",{className:"rounded-lg border border-red-500/30 bg-red-500/5 px-3 py-2.5 text-center text-xs md:text-sm font-medium text-red-400 animate-pulse",children:T})]})}const oe=B.flatMap(t=>O.map(s=>`${t}${s}`));function fe(t){return{suit:t[0],value:Number(t[1])}}function tt(t){const s={};for(const n of t)s[n]=(s[n]??0)+1;return s}const me={B:0,C:1,D:2};function L(t){return[...t].sort((s,n)=>{const a=me[s[0]],l=me[n[0]];return a!==l?a-l:Number(s[1])-Number(n[1])})}function st(t){if(t.length===0)return"Hand is empty. Add 14 tiles.";if(t.lengthP)return`Hand has ${t.length} tiles. Maximum is ${P}.`;const s=tt(t);for(const[n,a]of Object.entries(s))if(a>E)return`Too many copies of ${n} (${a}). Maximum is ${E}.`;return null}function be(t,s){return t.length>=P?`Hand is full (${P} tiles).`:t.filter(a=>a===s).length>=E?`Already have ${E} copies of ${s}.`:null}function D(){const t={},s=[];for(;s.length(s[r]??0)>=E?!1:(t.push(r),s[r]=(s[r]??0)+1,!0);for(let r=0;r<4;r++){const m=B[Math.floor(Math.random()*B.length)];if(Math.random()<.4){const i=O[Math.floor(Math.random()*O.length)],o=`${m}${i}`;if((s[o]??0)+3<=E){n(o),n(o),n(o);continue}}let p=!1;const T=[...O.filter(i=>i<=7)].sort(()=>Math.random()-.5);for(const i of T){const o=`${m}${i}`,x=`${m}${i+1}`,u=`${m}${i+2}`;if((s[o]??0)