feat: add button to export student names to clipboard as CSV

Author: pod-III

my-space/my-class/index.html

@@ -286,6 +286,12 @@ <h2 id="classNameDisplay" class="font-heading font-bold text-3xl text-slate-900
 
       <!-- Tabs Content -->
       <div id="content-students" class="tab-content space-y-6">
+        <div class="flex items-center justify-between">
+          <h3 class="font-heading font-bold text-xl text-slate-900 dark:text-white uppercase tracking-tight">Student Roster</h3>
+          <button onclick="StudentManager.copyToClipboard()" class="btn-chunky bg-slate-100 dark:bg-slate-800 text-slate-700 dark:text-slate-300 px-4 py-2 rounded-xl border-[3px] border-slate-800 dark:border-slate-500 text-[10px] font-black uppercase shadow-hard-sm flex items-center gap-2">
+            <i data-lucide="copy" class="w-4 h-4"></i> Copy Class
+          </button>
+        </div>
         <div id="noStudentsState" class="hidden glass-panel border-4 border-dashed border-slate-200 dark:border-slate-800 rounded-[2.5rem] p-12 text-center bg-slate-50/30">
           <div class="w-16 h-16 bg-blue/10 dark:bg-blue/5 rounded-2xl flex items-center justify-center mx-auto mb-4 text-blue">
             <i data-lucide="user-plus" class="w-8 h-8"></i>

my-space/my-class/script.js

@@ -346,6 +346,26 @@ const TabManager = {
 const StudentManager = {
   entryMode: 'single',
 
+  copyToClipboard() {
+    const classData = ClassManager.data.classes[ClassManager.activeClass];
+    if (!classData || !classData.students || classData.students.length === 0) {
+      UI.showToast('No students to copy', 'warning');
+      return;
+    }
+    
+    const namesString = classData.students
+      .map(s => s.name || '')
+      .filter(name => name.trim() !== '')
+      .join(',');
+    
+    navigator.clipboard.writeText(namesString).then(() => {
+      UI.showToast('Student names copied as CSV!', 'success');
+    }).catch(err => {
+      console.error('Failed to copy text: ', err);
+      UI.showToast('Failed to copy to clipboard', 'error');
+    });
+  },
+
   render() {
     const grid = document.getElementById('studentGrid');
     const empty = document.getElementById('noStudentsState');