\n \n \n \n\n",[],[83,136],"788c06f8-62ee-4cdd-99c9-3be40a5f104b","favicon.svg","019f5eb8-09d1-74d3-a77a-94632cc8646e",5,["D",1784000699041],"\n",[],[83,144],["D",1784000699036],[154,155],[83,84],{"_36":85,"_13":86,"_64":87,"_66":67,"_68":69,"_70":88,"_72":73,"_38":159,"_17":75,"_76":77,"_78":90,"_80":51,"_81":-5,"_107":160,"_18":161},{"_36":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_38":156,"_17":75,"_76":77,"_78":79,"_80":51,"_81":-5,"_107":157,"_18":158},["D",1784000707418],[],[83,84,63],["D",1784000699036],[],[83,84,86],"e5359f66-a765-4ad8-b0ad-11a395576d98","components","019f5eb8-09d1-74d3-a77a-90aec962b616",["D",1784000547197],[168,169,170,171,172,173],[83,163],{"_36":214,"_13":215,"_64":216,"_66":164,"_68":69,"_70":217,"_72":73,"_38":218,"_17":34,"_76":77,"_78":219,"_80":51,"_81":-5,"_107":220,"_18":221},{"_36":206,"_13":207,"_64":208,"_66":164,"_68":69,"_70":209,"_72":73,"_38":210,"_17":75,"_76":77,"_78":211,"_80":51,"_81":-5,"_107":212,"_18":213},{"_36":198,"_13":199,"_64":200,"_66":164,"_68":69,"_70":201,"_72":73,"_38":202,"_17":75,"_76":77,"_78":203,"_80":51,"_81":-5,"_107":204,"_18":205},{"_36":190,"_13":191,"_64":192,"_66":164,"_68":69,"_70":193,"_72":73,"_38":194,"_17":75,"_76":77,"_78":195,"_80":51,"_81":-5,"_107":196,"_18":197},{"_36":182,"_13":183,"_64":184,"_66":164,"_68":69,"_70":185,"_72":73,"_38":186,"_17":75,"_76":77,"_78":187,"_80":51,"_81":-5,"_107":188,"_18":189},{"_36":174,"_13":175,"_64":176,"_66":164,"_68":69,"_70":177,"_72":73,"_38":178,"_17":115,"_76":77,"_78":179,"_80":51,"_81":-5,"_107":180,"_18":181},"8e607260-edd0-4df6-8d7c-a768a2d541a4","TeacherDashboard.tsx","0561c660-7f37-11f1-98a0-1607ee4eb77e",14,["D",1784000991622],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n BarChart3, Clock, TrendingUp, Flame, Calendar, GraduationCap,\n Users, Trophy, Link2, ExternalLink, Award, Target,\n} from \"https://esm.sh/lucide-react@0.378.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { Stats, PracticeSession, Challenge, SessionBreakdown } from \"../lib/types.ts\";\nimport { formatDate } from \"../lib/api.ts\";\n\nfunction parseBreakdown(json: string): SessionBreakdown {\n try { return JSON.parse(json); } catch { return { timing: 0, posture: 0, stance: 0 }; }\n}\n\nfunction seededRand(seed: number) {\n let s = seed;\n return () => { s = (s * 9301 + 49297) % 233280; return s / 233280; };\n}\n\nfunction mockChallengeData(slug: string, target: number) {\n const seed = slug.split(\"\").reduce((a, c) => a + c.charCodeAt(0), 0);\n const rand = seededRand(seed);\n const opens = Math.floor(8 + rand() * 30);\n const labels = [\"NeonFox\", \"PulseWave\", \"GhostStep\", \"RhythmX\", \"FlowState\", \"BeatDrop\", \"MoveZ\", \"GrooveQ\"];\n const students = Array.from({ length: Math.floor(4 + rand() * 6) }, () => {\n const score = Math.floor(62 + rand() * 36);\n return {\n name: `Anon_${labels[Math.floor(rand() * labels.length)]}${Math.floor(rand() * 99)}`,\n score,\n passed: score >= target,\n };\n }).sort((a, b) => b.score - a.score);\n const passRate = Math.round(students.filter(s => s.passed).length / students.length * 100);\n return { opens, students, passRate };\n}\n\nfunction scoreColor(s: number): string {\n if (s >= 90) return \"text-green-400\";\n if (s >= 80) return \"text-purple-400\";\n if (s >= 75) return \"text-orange-400\";\n return \"text-red-400\";\n}\n\nexport function TeacherDashboard({ stats, sessions, challenges }: {\n stats: Stats;\n sessions: PracticeSession[];\n challenges: Challenge[];\n}) {\n const statCards = [\n { label: \"Total Minutes Practiced\", value: `${stats.total_minutes}`, unit: \"min\", icon: Clock, color: \"from-purple-500 to-pink-500\" },\n { label: \"Average Sync Score\", value: stats.average_score.toFixed(1), unit: \"%\", icon: TrendingUp, color: \"from-blue-500 to-cyan-500\" },\n { label: \"Daily Habit Streak\", value: `${stats.streak}`, unit: stats.streak === 1 ? \"day\" : \"days\", icon: Flame, color: \"from-orange-500 to-red-500\" },\n ];\n\n return (\n

\n \n Teacher Dashboard\n

Personal analytics and remote student tracking

\n\n {/* Stat Cards */}\n

\n {statCards.map(({ label, value, unit, icon: Icon, color }) => (\n

\n \n

{label}

\n {value}{unit}\n

\n ))}\n

\n\n {/* Session History */}\n

\n \n

Practice Session History

\n {sessions.length} sessions\n

\n {sessions.length === 0 ? (\n

No sessions logged yet. Start practicing to see your history!

\n ) : (\n

\n \n \n \n \n \n \n \n \n \n \n \n {sessions.map((s) => {\n const b = parseBreakdown(s.breakdown_json);\n return (\n \n \n \n \n \n \n \n );\n })}\n \n

Routine	Date	Duration	Sync Score	Breakdown
{s.loop_title}	{formatDate(s.date)}	{s.duration_minutes} min	\n {s.sync_score}%\n	\n \n T:{b.timing}\n P:{b.posture}\n S:{b.stance}\n \n

\n )}\n

\n\n {/* Teacher Assignments Tracker */}\n

\n \n

Teacher Assignments Tracker

\n {challenges.length} active\n

\n {challenges.length === 0 ? (\n

\n No challenge links yet. Generate one from the Discovery Hub to start tracking students.\n

\n ) : (\n

\n {challenges.map((ch) => {\n const mock = mockChallengeData(ch.challenge_link_slug, ch.target_score);\n const link = `${location.origin}/c/${ch.challenge_link_slug}`;\n return (\n

{ch.loop_title}

\n \n Target: {ch.target_score}%\n \n \n {mock.opens} opens\n \n \n Pass rate: = 50 ? \"text-green-400\" : \"text-orange-400\"}`}>{mock.passRate}%\n \n

\n \n {link}\n \n \n \n

\n \n Anonymous Leaderboard\n

\n {mock.students.slice(0, 5).map((st, i) => (\n

\n {i + 1}\n {st.name}\n {st.score}%\n {st.passed ? \"PASS\" : \"FAIL\"}\n

\n ))}\n

\n );\n })}\n

\n )}\n

\n );\n}\n",[],[83,163,175],"5563fbb3-2bb6-455f-91e8-61306a26fafa","SkeletonCanvas.tsx","c6360a14-7f36-11f1-8054-1607ee4eb77e",10,["D",1784000865548],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useRef, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ninterface JointDef {\n name: string;\n x: number; y: number;\n phase: number;\n ampX: number; ampY: number;\n}\n\nconst BASE_JOINTS: JointDef[] = [\n { name: \"head\", x: 0.5, y: 0.10, phase: 0.0, ampX: 0.02, ampY: 0.01 },\n { name: \"neck\", x: 0.5, y: 0.20, phase: 0.2, ampX: 0.015, ampY: 0.008 },\n { name: \"lShoulder\", x: 0.38, y: 0.24, phase: 0.4, ampX: 0.025, ampY: 0.012 },\n { name: \"rShoulder\", x: 0.62, y: 0.24, phase: 0.6, ampX: 0.025, ampY: 0.012 },\n { name: \"lElbow\", x: 0.30, y: 0.38, phase: 0.8, ampX: 0.05, ampY: 0.03 },\n { name: \"rElbow\", x: 0.70, y: 0.38, phase: 1.0, ampX: 0.05, ampY: 0.03 },\n { name: \"lWrist\", x: 0.24, y: 0.50, phase: 1.2, ampX: 0.07, ampY: 0.04 },\n { name: \"rWrist\", x: 0.76, y: 0.50, phase: 1.4, ampX: 0.07, ampY: 0.04 },\n { name: \"torso\", x: 0.50, y: 0.45, phase: 0.3, ampX: 0.01, ampY: 0.005 },\n { name: \"lHip\", x: 0.44, y: 0.58, phase: 0.5, ampX: 0.02, ampY: 0.01 },\n { name: \"rHip\", x: 0.56, y: 0.58, phase: 0.7, ampX: 0.02, ampY: 0.01 },\n { name: \"lKnee\", x: 0.42, y: 0.75, phase: 0.9, ampX: 0.035, ampY: 0.02 },\n { name: \"rKnee\", x: 0.58, y: 0.75, phase: 1.1, ampX: 0.035, ampY: 0.02 },\n { name: \"lAnkle\", x: 0.40, y: 0.92, phase: 1.3, ampX: 0.04, ampY: 0.01 },\n { name: \"rAnkle\", x: 0.60, y: 0.92, phase: 1.5, ampX: 0.04, ampY: 0.01 },\n];\n\nconst CONNECTIONS: [string, string][] = [\n [\"head\", \"neck\"],\n [\"neck\", \"lShoulder\"], [\"neck\", \"rShoulder\"],\n [\"lShoulder\", \"lElbow\"], [\"lElbow\", \"lWrist\"],\n [\"rShoulder\", \"rElbow\"], [\"rElbow\", \"rWrist\"],\n [\"neck\", \"torso\"],\n [\"torso\", \"lHip\"], [\"torso\", \"rHip\"],\n [\"lHip\", \"lKnee\"], [\"lKnee\", \"lAnkle\"],\n [\"rHip\", \"rKnee\"], [\"rKnee\", \"rAnkle\"],\n];\n\nfunction getColor(s: number): string {\n if (s > 85) return \"#22c55e\";\n if (s > 70) return \"#f97316\";\n return \"#ef4444\";\n}\n\nexport function SkeletonCanvas({ active, mode, score, showAngles }: {\n active: boolean;\n mode: \"neon\" | \"ghost\";\n score: number;\n showAngles: boolean;\n}) {\n const canvasRef = useRef(null);\n\n useEffect(() => {\n const canvas = canvasRef.current;\n if (!canvas || !active) return;\n const ctx = canvas.getContext(\"2d\");\n if (!ctx) return;\n\n let rafId = 0;\n const t0 = performance.now();\n\n function resize() {\n const rect = canvas!.getBoundingClientRect();\n const dpr = window.devicePixelRatio || 1;\n canvas!.width = rect.width * dpr;\n canvas!.height = rect.height * dpr;\n ctx!.setTransform(dpr, 0, 0, dpr, 0, 0);\n }\n resize();\n const ro = new ResizeObserver(resize);\n ro.observe(canvas);\n\n function draw() {\n const rect = canvas!.getBoundingClientRect();\n const w = rect.width, h = rect.height;\n ctx!.clearRect(0, 0, w, h);\n\n const t = (performance.now() - t0) / 1000;\n const pos: Record = {};\n for (const j of BASE_JOINTS) {\n pos[j.name] = {\n x: j.x + Math.sin(t * 2 + j.phase) * j.ampX,\n y: j.y + Math.cos(t * 2.5 + j.phase) * j.ampY,\n };\n }\n\n const isGhost = mode === \"ghost\";\n const lineCol = isGhost ? \"rgba(56,189,248,0.5)\" : \"rgba(168,85,247,0.85)\";\n const glowCol = isGhost ? \"rgba(56,189,248,0.2)\" : \"rgba(168,85,247,0.4)\";\n\n ctx!.lineWidth = 3;\n ctx!.lineCap = \"round\";\n for (const [a, b] of CONNECTIONS) {\n const pa = pos[a], pb = pos[b];\n ctx!.shadowBlur = 14;\n ctx!.shadowColor = glowCol;\n ctx!.strokeStyle = lineCol;\n ctx!.beginPath();\n ctx!.moveTo(pa.x * w, pa.y * h);\n ctx!.lineTo(pb.x * w, pb.y * h);\n ctx!.stroke();\n }\n ctx!.shadowBlur = 0;\n\n for (const j of BASE_JOINTS) {\n const p = pos[j.name];\n const js = score + Math.sin(t * 1.5 + j.phase) * 12 + (Math.random() - 0.5) * 4;\n const col = getColor(js);\n ctx!.shadowBlur = 12;\n ctx!.shadowColor = col;\n ctx!.fillStyle = col;\n ctx!.beginPath();\n ctx!.arc(p.x * w, p.y * h, j.name === \"head\" ? 7 : 5, 0, Math.PI * 2);\n ctx!.fill();\n }\n ctx!.shadowBlur = 0;\n\n if (showAngles) {\n ctx!.font = \"bold 10px sans-serif\";\n ctx!.fillStyle = \"rgba(168,85,247,0.95)\";\n const angles = [\n { j: \"lElbow\", a: 115 + Math.sin(t * 1.2) * 20 },\n { j: \"rElbow\", a: 92 + Math.cos(t * 1.4) * 18 },\n { j: \"lKnee\", a: 168 + Math.sin(t * 1.6) * 12 },\n { j: \"rKnee\", a: 155 + Math.cos(t * 1.5) * 15 },\n ];\n for (const an of angles) {\n const p = pos[an.j];\n ctx!.fillText(`${Math.round(an.a)}°`, p.x * w + 10, p.y * h - 4);\n }\n }\n\n rafId = requestAnimationFrame(draw);\n }\n draw();\n\n return () => { cancelAnimationFrame(rafId); ro.disconnect(); };\n }, [active, mode, score, showAngles]);\n\n return

\n \n Teacher Dashboard\n

Practice Session History

Teacher Assignments Tracker

{ch.loop_title}

\n \n Live Practice Arena\n

\n \n Session Complete!\n

\n \n Choreography Discovery\n

{loop.title}

Generate Challenge Link

Creator Studio