From 6d3b5b911aaa908d635c46cb7c0a64d4b8ad4cfc Mon Sep 17 00:00:00 2001
From: Ohualtex <230626673+Ohualtex@users.noreply.github.com>
Date: Sun, 7 Jun 2026 14:13:13 +0300
Subject: [PATCH 1/3] =?UTF-8?q?nav:=20rol=20bazl=C4=B1=20g=C3=B6r=C3=BCn?=
 =?UTF-8?q?=C3=BCrl=C3=BCk=20+=20Hesab=C4=B1m=20sidebar'dan=20kald=C4=B1r?=
 =?UTF-8?q?=C4=B1ld=C4=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Hesabım sidebar'dan çıkarıldı (sağ üst kullanıcı çipi ile erişiliyor)
- </> (API rehberi) yalnız admin+developer'a görünür (data-role gating)
- Kullanıcı çipine data-action eklendi → güvenilir Hesabım navigasyonu (hash takılması düzeldi)
---
 frontend/index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/index.html b/frontend/index.html
index 82cd584..0464d9f 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -318,9 +318,8 @@ <h1>🌾 <span>SFDAP</span></h1>
             <a class="nav-item" href="#users" data-action="navigate" data-arg="users" data-role="admin" style="display:none;">
                 <span class="icon" aria-hidden="true">👥</span> Kullanıcılar
             </a>
-            <a class="nav-item" href="#auth" data-action="navigate" data-arg="auth">
-                <span class="icon" aria-hidden="true">👤</span> Hesabım
-            </a>
+            <!-- "Hesabım" sidebar'dan kaldırıldı: sağ üstteki kullanıcı çipine
+                 tıklayınca zaten Hesabım (#auth) açılıyor (tüm roller için). -->
             <!-- API Rehberi sidebar'dan çıkarıldı, header'a `</>` ikonu olarak taşındı.
                  Çiftçi-dostu UI için: çiftçi sekmeleri ile geliştirici aracını ayır. -->
         </nav>
@@ -360,7 +359,7 @@ <h2 id="pageTitle">Dashboard</h2>
                 </div>
                 <!-- Kullanıcı rozeti — login sonrası refreshAuthState() doldurur.
                      REBUILD Faz 2 / Adım 7: rol-aware badge. Tıklayınca Hesabım. -->
-                <a class="user-badge" id="userBadge" href="#auth" style="display:none;"
+                <a class="user-badge" id="userBadge" href="#auth" data-action="navigate" data-arg="auth" style="display:none;"
                    aria-label="Hesap özeti — tıkla Hesabım sayfasına git"
                    title="Hesabım">
                     <span class="user-badge-role" id="userBadgeRole" data-role="farmer">çiftçi</span>
@@ -369,6 +368,7 @@ <h2 id="pageTitle">Dashboard</h2>
                           aria-label="Sahip olunan çiftlik sayısı" title="Çiftlikler">🚜&nbsp;0</span>
                 </a>
                 <a class="dev-link" href="/docs" target="_blank" rel="noopener"
+                   data-role="admin,developer" style="display:none;"
                    aria-label="API Rehberi (Geliştiriciler için)"
                    title="API Rehberi · Geliştiriciler için (Swagger /docs)">&lt;/&gt;</a>
                 <button class="theme-toggle js-theme-toggle" id="themeToggle" aria-label="Tema değiştir" title="Tema değiştir">

From 4fc1eaa8ff67c6faa9803cdb0a8be2e4592167d2 Mon Sep 17 00:00:00 2001
From: Ohualtex <230626673+Ohualtex@users.noreply.github.com>
Date: Sun, 7 Jun 2026 14:13:31 +0300
Subject: [PATCH 2/3] =?UTF-8?q?navigasyon:=20refresh=20ayn=C4=B1=20sayfada?=
 =?UTF-8?q?=20kals=C4=B1n=20+=20sayfa=20tepeden=20a=C3=A7=C4=B1ls=C4=B1n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- navigate() hash'i mevcut sayfaya senkronlar (replaceState) → refresh sonrası aynı sayfada kalır (önceden hep Hesabım'a geliyordu)
- sayfa geçişinde scrollTo(0,0) + focus preventScroll → sayfa tepeden açılır
- active highlight yalnız .nav-item'lara uygulanır (çip artık 'active' almıyor)
---
 frontend/src/lib/router.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/router.js b/frontend/src/lib/router.js
index 9662d94..bc0c1da 100644
--- a/frontend/src/lib/router.js
+++ b/frontend/src/lib/router.js
@@ -33,16 +33,19 @@ export function navigate(page, handlers, startHeroTipRotation) {
         n.removeAttribute('aria-current');
     });
     document.getElementById(`page-${page}`).classList.add('active');
-    const navItem = document.querySelector(`[href="#${page}"]`);
+    // Hash'i mevcut sayfaya senkronla (history spam'siz) → refresh aynı sayfada kalır.
+    if (window.history?.replaceState) history.replaceState(null, '', `#${page}`);
+    const navItem = document.querySelector(`.nav-item[href="#${page}"]`);
     if (navItem) {
         navItem.classList.add('active');
         navItem.setAttribute('aria-current', 'page');
     }
     document.getElementById('pageTitle').textContent = pageTitles[page][0];
     document.getElementById('pageSubtitle').textContent = pageTitles[page][1];
-    // Focus the <main> programmatically for a11y
+    // Sayfa her zaman TEPEDEN açılsın + a11y odağı (odak kaydırmasın → preventScroll).
+    window.scrollTo(0, 0);
     const main = document.getElementById('main-content');
-    if (main) main.focus({ preventScroll: false });
+    if (main) main.focus({ preventScroll: true });
 
     // Load page data
     const handler = handlers[page];

From d8aed62598a64e71d4255808d8fb0cc12760ac9c Mon Sep 17 00:00:00 2001
From: Ohualtex <230626673+Ohualtex@users.noreply.github.com>
Date: Sun, 7 Jun 2026 14:13:50 +0300
Subject: [PATCH 3/3] =?UTF-8?q?tema:=20toggle'da=20grafikler=20yeniden=20r?=
 =?UTF-8?q?enklenir=20+=20dark=20yaz=C4=B1lar=20okunur?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- rethemeCharts(): tema değişince canvas renkleri YERİNDE güncellenir (refresh gerekmez); amber/mavi accent eksenleri korunur
- dark grafik yazıları aydınlatıldı (tick #aeb9c9, legend #dbe2ec, açık ızgara) → eskiden koyu zeminde okunmuyordu
- main.js: tema toggle'ında rethemeCharts() çağrılır
---
 frontend/src/lib/charts.js | 22 ++++++++++++++++++++++
 frontend/src/main.js       |  6 ++++--
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/charts.js b/frontend/src/lib/charts.js
index 5baf641..7d19aac 100644
--- a/frontend/src/lib/charts.js
+++ b/frontend/src/lib/charts.js
@@ -28,6 +28,28 @@ export const chartTick = () => (_isLight() ? '#314257' : '#aeb9c9');     // ekse
 export const chartLegend = () => (_isLight() ? '#1e293b' : '#dbe2ec');   // legend / başlık
 export const chartGrid = () => (_isLight() ? 'rgba(20,80,140,.14)' : 'rgba(148,163,184,.16)'); // ızgara
 
+// Tema değişince TÜM kayıtlı grafiklerin canvas-içi renklerini YERİNDE günceller
+// (re-render/re-fetch/flash YOK). Accent tick'ler (amber sıcaklık / mavi nem
+// data eksenleri) korunur. Toggle anında çağrılır → yazılar yeni temada görünür.
+const _ACCENT = new Set(['#f59e0b', '#3b82f6']);
+export function rethemeCharts() {
+    Object.values(charts).forEach(ch => {
+        if (!ch || !ch.options) return;
+        const lg = ch.options.plugins?.legend?.labels;
+        if (lg) lg.color = chartLegend();
+        const ttl = ch.options.plugins?.title;
+        if (ttl && ttl.color) ttl.color = chartLegend();
+        Object.values(ch.options.scales || {}).forEach(sc => {
+            if (!sc) return;
+            if (sc.ticks && !_ACCENT.has(sc.ticks.color)) sc.ticks.color = chartTick();
+            if (sc.grid && sc.grid.display !== false) sc.grid.color = chartGrid();
+            if (sc.pointLabels) sc.pointLabels.color = chartLegend();
+            if (sc.title && sc.title.color) sc.title.color = chartTick();
+        });
+        ch.update('none');
+    });
+}
+
 export function renderMoistureChart(data) {
     const sorted = [...data].reverse();
     const labels = sorted.map(d => new Date(d.recorded_at).toLocaleDateString('tr'));
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 9a797d1..c96efed 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -14,6 +14,7 @@ import { showToast, updateStatus, updateClock } from "./lib/utils.js";
 import { pageTitles, toggleSidebar, initHashRouter, navigate as _navigateCore } from "./lib/router.js";
 import { getCurrentUser, setCurrentUser, setApiOnline } from "./lib/session.js";
 import { setNavigate } from "./lib/nav.js";
+import { rethemeCharts } from "./lib/charts.js";
 
 // ─── Sayfa modülleri ─────────────────────────────────────────
 import {
@@ -233,8 +234,9 @@ function initTheme() {
         const next = current === 'light' ? 'dark' : 'light';
         applyTheme(next);
         localStorage.setItem(STORAGE_KEY, next);
-        // Sayfa yeniden yüklenmiyor — toast bildirimi çıkmasın diye.
-        // Chart.js renkleri mevcut sayfada eski temada kalır; sayfa değişince güncellenir.
+        // Chart.js canvas'ı CSS değişkenlerini almaz → tema değişince renkleri
+        // YERİNDE güncelle ki yazılar yeni temada görünür kalsın (refresh gerekmesin).
+        rethemeCharts();
     }));
 
     function applyTheme(theme) {