up

frontend/src/App.tsx

@@ -421,6 +421,7 @@ export default function App() {
   const [qsos, setQsos] = useState<QSO[]>([]);
   const [total, setTotal] = useState<number>(0);
   const [error, setError] = useState('');
+  const [migratedBanner, setMigratedBanner] = useState(false);
   // Transient success toast (bottom-right, auto-dismiss). Used for things
   // like "spot sent" where a blocking error banner would be overkill.
   const [toast, setToast] = useState('');
@@ -818,6 +819,7 @@ export default function App() {
       try {
         const st = await GetStartupStatus();
         if (!st.ok) { setError(`Startup failed: ${st.err}\nDB path: ${st.db_path}`); return; }
+        if ((st as any).migrated_from_app_data) setMigratedBanner(true);
       } catch {}
       loadStation();
       loadLists();
@@ -1994,6 +1996,16 @@ export default function App() {
 
       {/* Transient toasts (bottom-right). Errors stack on top of the green
           success toast; both auto-dismiss. */}
+      {migratedBanner && (
+        <div className="fixed top-4 left-1/2 -translate-x-1/2 z-[110] flex items-start gap-3 rounded-lg border border-emerald-400 bg-emerald-50 text-emerald-900 px-4 py-3 text-sm shadow-xl max-w-lg animate-in fade-in slide-in-from-top-2">
+          <span className="flex-1">
+            <strong>Migration complete.</strong> Your data has been copied to the data folder next to OpsLog.exe.
+            Please <strong>restart OpsLog</strong> to use the new location.
+          </span>
+          <button className="shrink-0 text-emerald-600 hover:text-emerald-800" onClick={() => setMigratedBanner(false)}>×</button>
+        </div>
+      )}
+
       {(error || toast) && (
         <div className="fixed bottom-4 left-1/2 -translate-x-1/2 z-[100] flex flex-col items-center gap-2 max-w-md">
           {error && (
@@ -2680,7 +2692,7 @@ export default function App() {
                 updating) while you work on other tabs. */}
             {qslTabOpen && (
               <TabsContent value="qsl" forceMount className="mt-0 flex flex-col min-h-0 flex-1 data-[state=inactive]:hidden">
-                <QSLManagerPanel />
+                <QSLManagerPanel onEditQSO={openEdit} />
               </TabsContent>
             )}