From 2384b739086fbe107b788de64963c9fcf9cec1b8 Mon Sep 17 00:00:00 2001
From: Psychotoxical <dev@psysonic.app>
Date: Wed, 15 Apr 2026 18:10:19 +0200
Subject: [PATCH] fix(post-merge #190): restore public-toggle in
 PlaylistEditModal, move @types/papaparse to devDeps
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- PlaylistEditModal footer lost the isPublic toggle in the CSV import PR;
  restore it alongside the new Cancel button
- @types/papaparse is a type-only package — belongs in devDependencies

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 package.json                 |  2 +-
 src/pages/PlaylistDetail.tsx | 25 +++++++++++++++++--------
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index 8c808261..946f3946 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,6 @@
     "@tauri-apps/plugin-store": "^2",
     "@tauri-apps/plugin-updater": "^2.10.0",
     "@tauri-apps/plugin-window-state": "^2.4.1",
-    "@types/papaparse": "^5.5.2",
     "axios": "^1.7.7",
     "i18next": "^25.8.16",
     "lucide-react": "^0.462.0",
@@ -47,6 +46,7 @@
   "devDependencies": {
     "@tauri-apps/cli": "^2",
     "@types/md5": "^2.3.5",
+    "@types/papaparse": "^5.5.2",
     "@types/node": "^25.3.5",
     "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.1",
diff --git a/src/pages/PlaylistDetail.tsx b/src/pages/PlaylistDetail.tsx
index df9b7923..fabe10b0 100644
--- a/src/pages/PlaylistDetail.tsx
+++ b/src/pages/PlaylistDetail.tsx
@@ -1918,14 +1918,23 @@ function PlaylistEditModal({
           </div>
         </div>
 
-        <div className="modal-actions">
-          <button className="btn btn-surface" onClick={onClose}>
-            {t('playlists.editCancel')}
-          </button>
-          <button className="btn btn-primary" onClick={handleSave} disabled={saving || !name.trim()}>
-            {saving ? <Loader2 size={14} className="spin-slow" /> : null}
-            {t('playlists.editSave')}
-          </button>
+        <div className="playlist-edit-footer">
+          <label className="toggle-label" style={{ display: 'flex', alignItems: 'center', gap: 8, cursor: 'pointer', userSelect: 'none' }}>
+            <label className="toggle-switch" style={{ marginBottom: 0 }}>
+              <input type="checkbox" checked={isPublic} onChange={e => setIsPublic(e.target.checked)} />
+              <span className="toggle-track" />
+            </label>
+            <span style={{ fontSize: 13, color: 'var(--text-secondary)' }}>{t('playlists.editPublic')}</span>
+          </label>
+          <div style={{ display: 'flex', gap: 8 }}>
+            <button className="btn btn-surface" onClick={onClose}>
+              {t('playlists.editCancel')}
+            </button>
+            <button className="btn btn-primary" onClick={handleSave} disabled={saving || !name.trim()}>
+              {saving ? <Loader2 size={14} className="spin-slow" /> : null}
+              {t('playlists.editSave')}
+            </button>
+          </div>
         </div>
       </div>
     </div>