feat: add session duplication as collection and flatten question entry UI

neetprep.py

@@ -873,6 +873,55 @@ def update_bookmark_collection(session_id):
     conn.close()
     return jsonify({'success': True})
 
+@neetprep_bp.route('/neetprep/collections/duplicate/<source_session_id>', methods=['POST'])
+@login_required
+def duplicate_as_collection(source_session_id):
+    """Duplicate a session as a neetprep collection, including only classified questions."""
+    import uuid
+    conn = get_db_connection()
+    
+    # 1. Verify source session ownership and get metadata
+    source_session = conn.execute('SELECT name, subject, tags, notes, original_filename FROM sessions WHERE id = ? AND user_id = ?', (source_session_id, current_user.id)).fetchone()
+    if not source_session:
+        conn.close()
+        return jsonify({'error': 'Source session not found'}), 404
+    
+    # 2. Get all classified questions from the source session
+    classified_questions = conn.execute("""
+        SELECT id FROM questions 
+        WHERE session_id = ? AND subject IS NOT NULL AND chapter IS NOT NULL AND chapter != 'Unclassified'
+    """, (source_session_id,)).fetchall()
+    
+    if not classified_questions:
+        conn.close()
+        return jsonify({'error': 'No classified questions found in this session.'}), 400
+    
+    # 3. Create a new collection session
+    new_session_id = str(uuid.uuid4())
+    new_name = f"Copy of {source_session['name'] or source_session['original_filename']}"
+    
+    conn.execute("""
+        INSERT INTO sessions (id, name, subject, tags, notes, user_id, session_type, persist)
+        VALUES (?, ?, ?, ?, ?, ?, 'neetprep_collection', 1)
+    """, (new_session_id, new_name, source_session['subject'], source_session['tags'], source_session['notes'], current_user.id))
+    
+    # 4. Link classified questions to the new collection
+    for q in classified_questions:
+        conn.execute("""
+            INSERT INTO neetprep_bookmarks (user_id, neetprep_question_id, session_id, question_type)
+            VALUES (?, ?, ?, 'classified')
+        """, (current_user.id, str(q['id']), new_session_id))
+    
+    conn.commit()
+    conn.close()
+    
+    return jsonify({
+        'success': True, 
+        'session_id': new_session_id, 
+        'name': new_name,
+        'count': len(classified_questions)
+    })
+
 @neetprep_bp.route('/neetprep/bookmark', methods=['POST'])
 @login_required
 def add_bookmark():

templates/dashboard.html

@@ -125,6 +125,7 @@
                             {% else %}
                                 <a href="{{ url_for('main.question_entry_v2', session_id=session.id) }}" class="btn btn-sm btn-primary">View</a>
                                 <a href="{{ url_for('main.crop_interface_v2', session_id=session.id, image_index=0) }}" class="btn btn-sm btn-secondary">Crop</a>
+                                <button class="btn btn-sm btn-outline-success duplicate-session-btn" data-session-id="{{ session.id }}" title="Duplicate as NEETprep Collection"><i class="bi bi-copy"></i></button>
                                 <button class="btn btn-sm btn-info toggle-persist-btn">Toggle Persist</button>
                                 {% if show_size %}
                                 <button class="btn btn-sm btn-warning reduce-space-btn">Reduce Space</button>
@@ -386,6 +387,35 @@ $(document).ready(function() {
             }
         });
     });
+
+    // Duplicate session as collection
+    $('.duplicate-session-btn').on('click', function() {
+        const button = $(this);
+        const sessionId = button.data('session-id');
+        
+        if (confirm('Duplicate this session as a NEETprep collection? Only classified questions (subject + topic) will be included.')) {
+            button.prop('disabled', true).html('<span class="spinner-border spinner-border-sm"></span>');
+            
+            $.ajax({
+                url: `/neetprep/collections/duplicate/${sessionId}`,
+                type: 'POST',
+                success: function(response) {
+                    if (response.success) {
+                        alert(`Successfully duplicated! Created collection "${response.name}" with ${response.count} questions.`);
+                        location.reload();
+                    } else {
+                        alert('Error duplicating session: ' + response.error);
+                        button.prop('disabled', false).html('<i class="bi bi-copy"></i>');
+                    }
+                },
+                error: function(xhr) {
+                    const err = xhr.responseJSON ? xhr.responseJSON.error : 'Unknown error';
+                    alert('Error duplicating session: ' + err);
+                    button.prop('disabled', false).html('<i class="bi bi-copy"></i>');
+                }
+            });
+        }
+    });
 });
 </script>
 {% endblock %}

templates/question_entry_v2.html

@@ -35,33 +35,32 @@
         border: 1px solid var(--border-subtle);
         background: transparent;
         color: #fff;
-        border-radius: 20px;
+        border-radius: 4px;
         cursor: pointer;
         transition: all var(--transition-fast);
     }
     .status-btn.active { background: var(--accent-primary); border-color: var(--accent-primary); }
-    .status-btn:hover { background: var(--bg-hover); transform: translateY(-1px); }
+    .status-btn:hover { background: var(--bg-hover); }
     .auto-extract-btn { min-width: 120px; }
 
     /* Subject pills */
     .subject-pill {
         transition: all var(--transition-fast);
-        border-radius: 20px;
+        border-radius: 4px;
     }
     .subject-pill.active {
-        transform: scale(1.05);
-        box-shadow: 0 0 12px rgba(255,255,255,0.3);
+        box-shadow: 0 0 8px rgba(255,255,255,0.2);
     }
 
     /* Range toggles */
     .range-toggle {
         transition: all var(--transition-fast);
-        border-radius: 20px;
+        border-radius: 4px;
     }
     .range-toggle:hover {
-        transform: translateY(-1px);
+        background: var(--bg-hover);
     }
-    .range-toggle.active { transform: scale(1.02); box-shadow: 0 0 8px rgba(255,255,255,0.2); }
+    .range-toggle.active { box-shadow: 0 0 4px rgba(255,255,255,0.1); }
     .range-toggle.active.btn-outline-primary { background: var(--accent-primary); color: #fff; }
     .range-toggle.active.btn-outline-warning { background: var(--accent-warning); color: #000; }
     .range-toggle.active.btn-outline-danger { background: var(--accent-danger); color: #fff; }
@@ -69,15 +68,15 @@
     .range-toggle.active.btn-outline-info { background: var(--accent-info); color: #000; }
 
     /* Range slider styling */
-    .range-slider-row { background: var(--bg-elevated); border-radius: 10px; padding: 12px; margin-bottom: 10px; transition: all var(--transition-fast); }
+    .range-slider-row { background: var(--bg-elevated); border-radius: 4px; padding: 12px; margin-bottom: 10px; transition: all var(--transition-fast); }
     .range-slider-row:hover { background: var(--bg-hover); }
     .dual-range-container { position: relative; height: 40px; }
-    .dual-range-track { position: absolute; top: 50%; left: 0; right: 0; height: 8px; background: var(--border-subtle); border-radius: 4px; transform: translateY(-50%); }
-    .dual-range-highlight { position: absolute; top: 50%; height: 8px; background: linear-gradient(90deg, var(--accent-primary), var(--accent-info)); border-radius: 4px; transform: translateY(-50%); }
+    .dual-range-track { position: absolute; top: 50%; left: 0; right: 0; height: 8px; background: var(--border-subtle); border-radius: 2px; transform: translateY(-50%); }
+    .dual-range-highlight { position: absolute; top: 50%; height: 8px; background: var(--accent-primary); border-radius: 2px; transform: translateY(-50%); }
     .dual-range-container input[type="range"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: none; background: transparent; pointer-events: none; }
-    .dual-range-container input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 24px; height: 24px; background: #fff; border: 3px solid var(--accent-primary); border-radius: 50%; cursor: pointer; pointer-events: auto; box-shadow: var(--shadow-sm); transition: transform var(--transition-fast); }
-    .dual-range-container input[type="range"]::-webkit-slider-thumb:hover { transform: scale(1.15); }
-    .dual-range-container input[type="range"]::-moz-range-thumb { width: 24px; height: 24px; background: #fff; border: 3px solid var(--accent-primary); border-radius: 50%; cursor: pointer; pointer-events: auto; box-shadow: var(--shadow-sm); }
+    .dual-range-container input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 16px; height: 24px; background: #fff; border: 2px solid var(--accent-primary); border-radius: 2px; cursor: pointer; pointer-events: auto; box-shadow: var(--shadow-sm); }
+    .dual-range-container input[type="range"]::-webkit-slider-thumb:hover { background: var(--accent-info); }
+    .dual-range-container input[type="range"]::-moz-range-thumb { width: 16px; height: 24px; background: #fff; border: 2px solid var(--accent-primary); border-radius: 2px; cursor: pointer; pointer-events: auto; box-shadow: var(--shadow-sm); }
 
     /* Tom Select Dark Theme */
     .ts-wrapper .ts-control, .ts-wrapper .ts-control input {
@@ -102,26 +101,21 @@
 
     /* --- UNIFIED NOTE CARD STYLES --- */
     .note-card {
-        background: linear-gradient(135deg, rgba(13, 202, 240, 0.08), rgba(13, 202, 240, 0.15));
-        border: 1px solid rgba(13, 202, 240, 0.3);
-        border-radius: 10px;
+        background: rgba(13, 202, 240, 0.05);
+        border: 1px solid rgba(13, 202, 240, 0.2);
+        border-radius: 4px;
         padding: 10px;
         margin-bottom: 8px;
         transition: all var(--transition-fast);
     }
     .note-card:hover {
         border-color: var(--accent-info);
-        box-shadow: 0 0 12px rgba(13, 202, 240, 0.15);
     }
     .note-thumbnail {
         max-height: 80px;
         object-fit: contain;
-        border-radius: 6px;
-        border: 1px solid rgba(13, 202, 240, 0.3);
-        transition: transform var(--transition-fast);
-    }
-    .note-thumbnail:hover {
-        transform: scale(1.05);
+        border-radius: 4px;
+        border: 1px solid rgba(13, 202, 240, 0.2);
     }
     .note-actions {
         display: flex;
@@ -137,12 +131,11 @@
 
     /* --- UNIFIED BUTTON STYLES --- */
     .btn-pill {
-        border-radius: 50px;
+        border-radius: 4px;
         font-weight: 500;
         transition: all var(--transition-fast);
     }
     .btn-pill:hover {
-        transform: translateY(-1px);
         box-shadow: var(--shadow-sm);
     }
 </style>
@@ -421,7 +414,7 @@
 <div class="modal fade" id="manualClassificationModal" tabindex="-1">
     <div class="modal-dialog modal-lg">
         <div class="modal-content bg-dark text-white">
-            <div class="modal-header border-secondary" style="background: linear-gradient(180deg, var(--bg-card), var(--bg-dark));">
+            <div class="modal-header border-secondary" style="background: var(--bg-card);">
                 <h5 class="modal-title"><i class="bi bi-list-check me-2"></i>Quick Classification</h5>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
             </div>
@@ -516,11 +509,11 @@
 <div class="modal fade" id="topicSelectionModal" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false">
     <div class="modal-dialog modal-lg modal-dialog-centered">
         <div class="modal-content bg-dark text-white border-secondary">
-            <div class="modal-header border-secondary py-2" style="background: linear-gradient(180deg, var(--bg-card), var(--bg-dark));">
+            <div class="modal-header border-secondary py-2" style="background: var(--bg-card);">
                 <div class="d-flex align-items-center gap-3">
                     <span class="badge bg-primary fs-6" id="topic_q_num">#1</span>
                     <div class="progress flex-grow-1" style="width: 150px; height: 6px;">
-                        <div class="progress-bar" id="topic_progress_bar" role="progressbar" style="width: 0%; background: linear-gradient(90deg, var(--accent-primary), var(--accent-info));"></div>
+                        <div class="progress-bar" id="topic_progress_bar" role="progressbar" style="width: 0%; background: var(--accent-primary);"></div>
                     </div>
                     <small id="topic_progress" class="text-muted">1/10</small>
                 </div>
@@ -534,20 +527,12 @@
 
                 <!-- Subject Selection (Auto-detected, editable) -->
                 <div class="mb-3">
-                    <label class="form-label small text-muted mb-2">Subject (click to change)</label>
+                    <label class="form-label small text-muted mb-2">Subject</label>
                     <div id="subject_pills" class="d-flex flex-wrap gap-2">
-                        <button type="button" class="btn btn-outline-success subject-pill" data-subject="Biology">
-                            <i class="bi bi-flower1 me-1"></i>Biology
-                        </button>
-                        <button type="button" class="btn btn-outline-warning subject-pill" data-subject="Chemistry">
-                            <i class="bi bi-droplet me-1"></i>Chemistry
-                        </button>
-                        <button type="button" class="btn btn-outline-info subject-pill" data-subject="Physics">
-                            <i class="bi bi-lightning me-1"></i>Physics
-                        </button>
-                        <button type="button" class="btn btn-outline-danger subject-pill" data-subject="Mathematics">
-                            <i class="bi bi-calculator me-1"></i>Mathematics
-                        </button>
+                        <button type="button" class="btn btn-sm btn-outline-success subject-pill" data-subject="Biology">Biology</button>
+                        <button type="button" class="btn btn-sm btn-outline-warning subject-pill" data-subject="Chemistry">Chemistry</button>
+                        <button type="button" class="btn btn-sm btn-outline-info subject-pill" data-subject="Physics">Physics</button>
+                        <button type="button" class="btn btn-sm btn-outline-danger subject-pill" data-subject="Mathematics">Maths</button>
                     </div>
                 </div>
 
@@ -1599,7 +1584,7 @@
             chipsContainer.innerHTML = '';
             matches.forEach(suggestion => {
                 const chip = document.createElement('button');
-                chip.className = 'btn btn-outline-info btn-sm rounded-pill';
+                chip.className = 'btn btn-outline-info btn-sm rounded-1';
                 chip.innerText = suggestion;
                 chip.onclick = () => { input.value = suggestion; container.classList.add('d-none'); };
                 chipsContainer.appendChild(chip);
@@ -2008,7 +1993,7 @@
 
                 result.suggestions.forEach(suggestion => {
                     const chip = document.createElement('button');
-                    chip.className = 'btn btn-outline-info btn-sm rounded-pill';
+                    chip.className = 'btn btn-outline-info btn-sm rounded-1';
                     chip.innerText = suggestion;
                     chip.onclick = () => {
                         document.getElementById('topic_input').value = suggestion;