@artilingo/artiframe-cli 2.0.3 → 2.0.5

package/core-stubs/public/includes/footer.php

@@ -1,5 +1,4 @@
-<!-- Footer Component Starts Here -->
-<footer class="app-footer">
-    
-</footer>
-<!-- Footer Component Ends Here -->
+<!-- 
+  Uygulamanın sosyal medya / infinite scroll yapısı gereği statik footer iptal edilmiştir.
+  Eğer sayfanın altında linkler gösterilmek istenirse bu dosya tekrar aktif edilebilir.
+-->

package/core-stubs/public/includes/head-auth.php

@@ -0,0 +1,65 @@
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
+
+<!-- Open Graph / Sosyal Medya Paylaşım (Zorunlu SEO/SMO Metaları) -->
+<meta property="og:title" content="<?= defined('APP_NAME') ? APP_NAME : 'ArtiFrame' ?>">
+<meta property="og:description" content="ArtiFrame tabanlı web uygulaması.">
+<meta property="og:type" content="website">
+<meta property="og:url" content="<?= defined('APP_URL') ? APP_URL : 'http://localhost' ?><?= htmlspecialchars($_SERVER['REQUEST_URI'] ?? '') ?>">
+<meta property="og:image" content="<?= defined('APP_URL') ? APP_URL : '' ?>/assets/images/social-cover.jpg">
+<meta property="og:site_name" content="<?= defined('APP_NAME') ? APP_NAME : 'ArtiFrame' ?>">
+
+<!-- Twitter Cards -->
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="<?= defined('APP_NAME') ? APP_NAME : 'ArtiFrame' ?>">
+<meta name="twitter:description" content="ArtiFrame tabanlı web uygulaması.">
+<meta name="twitter:image" content="<?= defined('APP_URL') ? APP_URL : '' ?>/assets/images/social-cover.jpg">
+
+<!-- CSRF Token (AJAX/Fetch işlemleri için global erişim sağlar) -->
+<?php
+$shouldGenerateCsrf = true;
+if (empty($_SESSION['kullaniciId']) && defined('ALLOW_PUBLIC_VIEW') && ALLOW_PUBLIC_VIEW === true) {
+    $shouldGenerateCsrf = false;
+}
+?>
+<?php if ($shouldGenerateCsrf): ?>
+    <meta name="csrf-token" content="<?= \Bin\SystemMethod::generateCsrf() ?>">
+<?php endif; ?>
+
+<!-- FOUC (Tema göz kırpmasını) Engellemek için Inline Tema Yükleyici -->
+<script>
+    const savedTheme = localStorage.getItem('artiframe_theme_mode') || localStorage.getItem('app-mode') || 'dark';
+    document.documentElement.setAttribute('data-mode', savedTheme);
+</script>
+
+<!-- Favicons -->
+<link rel="icon" type="image/png" href="/assets/images/favicon/favicon-96x96.png" sizes="96x96" />
+<link rel="icon" type="image/svg+xml" href="/assets/images/favicon/favicon.svg" />
+<link rel="shortcut icon" href="/assets/images/favicon/favicon.ico" />
+<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-touch-icon.png" />
+<meta name="apple-mobile-web-app-title" content="<?= defined('APP_NAME') ? APP_NAME : 'ArtiFrame' ?>" />
+<link rel="manifest" href="/site.webmanifest" />
+
+<!-- FontAwesome 6 Icons -->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+
+<!-- Global Assets -->
+<!-- Viewer.js (Mobile-First Image Viewer) -->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/viewerjs/1.11.6/viewer.min.css" />
+<script src="https://cdnjs.cloudflare.com/ajax/libs/viewerjs/1.11.6/viewer.min.js" defer></script>
+
+<link rel="stylesheet" href="/assets/css/root/app.css?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>">
+<script src="/assets/js/root/app.js?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>" defer></script>
+
+<!-- Component Assets (Bileşen CSS/JS Dosyaları) -->
+<link rel="stylesheet" href="/assets/css/components/header.css?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>">
+<link rel="stylesheet" href="/assets/css/components/footer.css?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>">
+<link rel="stylesheet" href="/assets/css/components/sidebar.css?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>">
+<link rel="stylesheet" href="/assets/css/components/mobilenav.css?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>">
+<link rel="stylesheet" href="/assets/css/components/theme-modal.css?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>">
+
+<script src="/assets/js/components/header.js?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>" defer></script>
+<script src="/assets/js/components/sidebar.js?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>" defer></script>
+<script src="/assets/js/components/mobilenav.js?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>" defer></script>
+<script src="/assets/js/components/theme-modal.js?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>" defer></script>

package/core-stubs/public/includes/head.php

@@ -1,26 +1,65 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<meta name="robots" content="index, follow">
+<meta name="robots" content="noindex, nofollow, noarchive, nosnippet">
+
+<!-- Open Graph / Sosyal Medya Paylaşım (Zorunlu SEO/SMO Metaları) -->
+<meta property="og:title" content="<?= defined('APP_NAME') ? APP_NAME : 'ArtiFrame' ?>">
+<meta property="og:description" content="ArtiFrame tabanlı web uygulaması.">
+<meta property="og:type" content="website">
+<meta property="og:url" content="<?= defined('APP_URL') ? APP_URL : 'http://localhost' ?><?= htmlspecialchars($_SERVER['REQUEST_URI'] ?? '') ?>">
+<meta property="og:image" content="<?= defined('APP_URL') ? APP_URL : '' ?>/assets/images/social-cover.jpg">
+<meta property="og:site_name" content="<?= defined('APP_NAME') ? APP_NAME : 'ArtiFrame' ?>">
+
+<!-- Twitter Cards -->
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="<?= defined('APP_NAME') ? APP_NAME : 'ArtiFrame' ?>">
+<meta name="twitter:description" content="ArtiFrame tabanlı web uygulaması.">
+<meta name="twitter:image" content="<?= defined('APP_URL') ? APP_URL : '' ?>/assets/images/social-cover.jpg">
 
 <!-- CSRF Token (AJAX/Fetch işlemleri için global erişim sağlar) -->
-<meta name="csrf-token" content="<?= \Bin\SystemMethod::generateCsrf() ?>">
+<?php
+$shouldGenerateCsrf = true;
+if (empty($_SESSION['kullaniciId']) && defined('ALLOW_PUBLIC_VIEW') && ALLOW_PUBLIC_VIEW === true) {
+    $shouldGenerateCsrf = false;
+}
+?>
+<?php if ($shouldGenerateCsrf): ?>
+    <meta name="csrf-token" content="<?= \Bin\SystemMethod::generateCsrf() ?>">
+<?php endif; ?>
+
+<!-- FOUC (Tema göz kırpmasını) Engellemek için Inline Tema Yükleyici -->
+<script>
+    const savedTheme = localStorage.getItem('artiframe_theme_mode') || localStorage.getItem('app-mode') || 'dark';
+    document.documentElement.setAttribute('data-mode', savedTheme);
+</script>
 
-<!-- Favicon -->
-<link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico">
-<link rel="manifest" href="/site.webmanifest">
+<!-- Favicons -->
+<link rel="icon" type="image/png" href="/assets/images/favicon/favicon-96x96.png" sizes="96x96" />
+<link rel="icon" type="image/svg+xml" href="/assets/images/favicon/favicon.svg" />
+<link rel="shortcut icon" href="/assets/images/favicon/favicon.ico" />
+<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-touch-icon.png" />
+<meta name="apple-mobile-web-app-title" content="<?= defined('APP_NAME') ? APP_NAME : 'ArtiFrame' ?>" />
+<link rel="manifest" href="/site.webmanifest" />
+
+<!-- FontAwesome 6 Icons -->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
 
 <!-- Global Assets -->
-<link rel="stylesheet" href="/assets/css/root/app.css?v=<?= APP_VERSION ?>">
-<script src="/assets/js/root/app.js?v=<?= APP_VERSION ?>" defer></script>
+<!-- Viewer.js (Mobile-First Image Viewer) -->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/viewerjs/1.11.6/viewer.min.css" />
+<script src="https://cdnjs.cloudflare.com/ajax/libs/viewerjs/1.11.6/viewer.min.js" defer></script>
+
+<link rel="stylesheet" href="/assets/css/root/app.css?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>">
+<script src="/assets/js/root/app.js?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>" defer></script>
 
 <!-- Component Assets (Bileşen CSS/JS Dosyaları) -->
-<link rel="stylesheet" href="/assets/css/components/header.css?v=<?= APP_VERSION ?>">
-<link rel="stylesheet" href="/assets/css/components/footer.css?v=<?= APP_VERSION ?>">
-<link rel="stylesheet" href="/assets/css/components/sidebar.css?v=<?= APP_VERSION ?>">
-<link rel="stylesheet" href="/assets/css/components/mobilenav.css?v=<?= APP_VERSION ?>">
-<link rel="stylesheet" href="/assets/css/components/theme-modal.css?v=<?= APP_VERSION ?>">
-
-<script src="/assets/js/components/header.js?v=<?= APP_VERSION ?>" defer></script>
-<script src="/assets/js/components/sidebar.js?v=<?= APP_VERSION ?>" defer></script>
-<script src="/assets/js/components/mobilenav.js?v=<?= APP_VERSION ?>" defer></script>
-<script src="/assets/js/components/theme-modal.js?v=<?= APP_VERSION ?>" defer></script>
+<link rel="stylesheet" href="/assets/css/components/header.css?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>">
+<link rel="stylesheet" href="/assets/css/components/footer.css?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>">
+<link rel="stylesheet" href="/assets/css/components/sidebar.css?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>">
+<link rel="stylesheet" href="/assets/css/components/mobilenav.css?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>">
+<link rel="stylesheet" href="/assets/css/components/theme-modal.css?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>">
+
+<script src="/assets/js/components/header.js?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>" defer></script>
+<script src="/assets/js/components/sidebar.js?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>" defer></script>
+<script src="/assets/js/components/mobilenav.js?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>" defer></script>
+<script src="/assets/js/components/theme-modal.js?v=<?= defined('APP_VERSION') ? APP_VERSION : '1.0.0' ?>" defer></script>

package/core-stubs/public/includes/header.php

@@ -1,5 +1,139 @@
+<?php
+$headerAvatarUrl = "https://sinavortagim.artilingo.com/system/default-avatar.png";
+if (!empty($_SESSION['kullaniciAdi'])) {
+    $headerUser = \Src\User::getProfileByUsername($_SESSION['kullaniciAdi']);
+    if ($headerUser && !empty($headerUser['profilFotografi'])) {
+        $headerAvatarUrl = str_starts_with($headerUser['profilFotografi'], 'http') 
+            ? $headerUser['profilFotografi'] 
+            : "/uploads/profiles/" . $headerUser['profilFotografi'];
+    }
+}
+?>
 <!-- Header Component Starts Here -->
-<header class="app-header">
+<?php
+$isGuestHeader = empty($_SESSION['kullaniciId']);
+$wsToken = '';
+$wsUserIdHex = '';
+if (!$isGuestHeader) {
+    $wsUserIdHex = bin2hex($_SESSION['kullaniciId']);
+    $wsToken = hash_hmac('sha256', $wsUserIdHex, 'S1nav0rtagim_WS_SecReT');
+}
+?>
+<script>
+    window.WS_USER_ID = "<?= $wsUserIdHex ?>";
+    window.WS_TOKEN = "<?= $wsToken ?>";
+</script>
+<header class="app-header" <?= $isGuestHeader ? 'style="justify-content: center; position: relative;"' : '' ?>>
     
+    <?php if ($isGuestHeader): ?>
+        <a href="/" style="display: flex; align-items: center; justify-content: center; height: 100%;">
+            <img src="/assets/images/sinavOrtagim.svg" data-light-src="/assets/images/sinavOrtagim.svg" data-dark-src="/assets/images/sinavOrtagim-dark.svg" alt="Sınav Ortağım" class="theme-image" style="height: 36px; width: auto;">
+        </a>
+        <button class="header-action theme-toggle-btn" id="themeToggleBtn" title="Tema Değiştir" style="position: absolute; right: 20px;">
+            <i class="fa-solid fa-moon"></i>
+        </button>
+    <?php else: ?>
+        <!-- Tema Değiştirici -->
+        <button class="header-action theme-toggle-btn" id="themeToggleBtn" title="Tema Değiştir" style="margin-right: auto;">
+            <i class="fa-solid fa-moon"></i>
+        </button>
+        <!-- Arama -->
+        <a href="/ara" class="header-action" title="Ara" style="display: flex; align-items: center; justify-content: center; text-decoration: none;">
+            <i class="fa-solid fa-magnifying-glass"></i>
+        </a>
+
+        <!-- Sepet -->
+        <?php
+        $headerCartCount = 0;
+        if (!empty($_SESSION['kullaniciId'])) {
+            if (!class_exists('\Src\Magaza')) {
+                require_once $_SERVER['DOCUMENT_ROOT'] . '/../src/Magaza.php';
+            }
+            $headerMagaza = new \Src\Magaza();
+            $headerCartCount = count($headerMagaza->getCartItems($_SESSION['kullaniciId']));
+        }
+        ?>
+        <a href="/magaza/sepet" class="header-action" id="headerCartBtn" title="Sepetim" style="display: flex; align-items: center; justify-content: center; text-decoration: none; position: relative;">
+            <i class="fa-solid fa-cart-shopping"></i>
+            <span class="badge" id="cartBadge" style="<?= $headerCartCount > 0 ? 'display: flex;' : 'display: none;' ?> background: var(--brand-primary); color: white; position: absolute; top: -5px; right: -5px; font-size: 0.7rem; border-radius: 50%; width: 16px; height: 16px; align-items: center; justify-content: center;"><?= $headerCartCount ?></span>
+        </a>
+
+        <!-- Bildirimler -->
+        <div class="header-avatar-container" id="notificationDropdownContainer" title="Bildirimler">
+            <button class="header-action" id="notificationBtn">
+                <i class="fa-regular fa-bell"></i>
+                <span class="badge" id="notificationBadge" style="display: none;">0</span>
+            </button>
+            
+            <div class="profile-dropdown-menu" id="notificationDropdownMenu" style="width: 320px; padding: 0; display: flex; flex-direction: column;">
+                <div style="display:flex; border-bottom:1px solid var(--border); position: sticky; top: 0; background: var(--card-bg); z-index: 10; border-radius: 16px 16px 0 0; overflow: hidden;">
+                    <button class="notif-tab active" data-target="notif-subscriptions" style="flex:1; padding:12px; background:none; border:none; color:var(--brand-primary); font-weight:600; cursor:pointer; border-bottom:2px solid var(--brand-primary); font-size: 0.8rem; transition: all 0.2s;">Abonelikler</button>
+                    <button class="notif-tab" data-target="notif-general" style="flex:1; padding:12px; background:none; border:none; color:var(--text-muted); font-weight:600; cursor:pointer; border-bottom:2px solid transparent; font-size: 0.8rem; transition: all 0.2s;">Genel</button>
+                    <button class="notif-tab" data-target="notif-special" style="flex:1; padding:12px; background:none; border:none; color:var(--text-muted); font-weight:600; cursor:pointer; border-bottom:2px solid transparent; font-size: 0.8rem; transition: all 0.2s;">Özel</button>
+                    <button class="notif-tab" data-target="notif-system" style="flex:1; padding:12px; background:none; border:none; color:var(--text-muted); font-weight:600; cursor:pointer; border-bottom:2px solid transparent; font-size: 0.8rem; transition: all 0.2s;">Sistem</button>
+                </div>
+                
+                <div id="notif-subscriptions" class="notif-content-pane" style="display:flex; flex-direction:column; max-height: 400px; overflow-y: auto;">
+                    <div style="padding: 20px; text-align: center; color: var(--text-muted); font-size: 0.85rem;">Yükleniyor...</div>
+                </div>
+                
+                <div id="notif-general" class="notif-content-pane" style="display:none; flex-direction:column; max-height: 400px; overflow-y: auto;">
+                    <div style="padding: 20px; text-align: center; color: var(--text-muted); font-size: 0.85rem;">Yükleniyor...</div>
+                </div>
+
+                <div id="notif-special" class="notif-content-pane" style="display:none; flex-direction:column; max-height: 400px; overflow-y: auto;">
+                    <div style="padding: 20px; text-align: center; color: var(--text-muted); font-size: 0.85rem;">Yükleniyor...</div>
+                </div>
+
+                <div id="notif-system" class="notif-content-pane" style="display:none; flex-direction:column; max-height: 400px; overflow-y: auto;">
+                    <div style="padding: 20px; text-align: center; color: var(--text-muted); font-size: 0.85rem;">Yükleniyor...</div>
+                </div>
+
+                <div style="padding: 10px; border-top: 1px solid var(--border); text-align: center; background: var(--card-bg); border-radius: 0 0 16px 16px;">
+                    <span id="notificationMarkReadText" style="font-size: 0.85rem; font-weight: 500; color: var(--brand-primary); cursor: pointer; display: none;">Tümünü Okundu İşaretle</span>
+                </div>
+            </div>
+        </div>
+
+        <!-- Kullanıcı Avatarı & Açılır Menü -->
+        <div class="header-avatar-container" id="profileDropdownContainer" title="Profil İşlemleri">
+            <div class="header-avatar" id="profileDropdownBtn">
+                <img src="<?= htmlspecialchars($headerAvatarUrl) ?>" alt="Profil" style="object-fit: cover;">
+            </div>
+            
+            <div class="profile-dropdown-menu" id="profileDropdownMenu">
+                <a class="dropdown-item" href="/user/profil<?= !empty($_SESSION['kullaniciAdi']) ? '/' . htmlspecialchars($_SESSION['kullaniciAdi']) : '' ?>">
+                    <i class="fa-regular fa-user"></i> 
+                    <span>Profilim</span>
+                </a>
+                <a class="dropdown-item" href="/user/basvuru">
+                    <i class="fa-solid fa-shield-halved"></i> 
+                    <span>Onaylı Hesap</span>
+                </a>
+                <a class="dropdown-item" href="/kaydedilenler">
+                    <i class="fa-regular fa-bookmark"></i> 
+                    <span>Kaydedilenler</span>
+                </a>
+                <a class="dropdown-item" href="/arsiv">
+                    <i class="fa-solid fa-box-archive"></i> 
+                    <span>Arşiv</span>
+                </a>
+                <a class="dropdown-item" href="/user/engellediklerim">
+                    <i class="fa-solid fa-user-slash"></i> 
+                    <span>Engellenenler</span>
+                </a>
+                <a class="dropdown-item" href="/user/ayarlar">
+                    <i class="fa-solid fa-gear"></i> 
+                    <span>Ayarlar</span>
+                </a>
+                <hr class="dropdown-divider">
+                <a class="dropdown-item text-danger" href="/logout">
+                    <i class="fa-solid fa-arrow-right-from-bracket"></i> 
+                    <span>Çıkış Yap</span>
+                </a>
+            </div>
+        </div>
+    <?php endif; ?>
+
 </header>
 <!-- Header Component Ends Here -->

package/core-stubs/public/includes/mobilenav.php

@@ -1,5 +1,77 @@
+<?php
+// $allowedMenuItems sidebar.php üzerinden oluşturulup buraya kadar ulaştı. 
+// Eğer doğrudan mobilenav yüklenirse hata vermemesi için varsayılan atayalım:
+if (!isset($allowedMenuItems)) {
+    $allowedMenuItems = [];
+}
+
+// Sadece mobilde gösterilecek öğeleri filtrele
+$mobileAllowedItems = array_filter($allowedMenuItems, function($item) {
+    return !isset($item['show_in_mobile']) || $item['show_in_mobile'] === true;
+});
+$mobileAllowedItems = array_values($mobileAllowedItems);
+
+$primaryItems = array_slice($mobileAllowedItems, 0, 4);
+$secondaryItems = array_slice($mobileAllowedItems, 4);
+
+$currentUrl = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
+?>
 <!-- Mobile Navigation Component Starts Here -->
-<nav class="app-mobilenav">
-    
-</nav>
+<div class="app-mobile-nav d-lg-none">
+    <div class="mobile-bottom-bar">
+        <?php foreach ($primaryItems as $item): ?>
+            <?php 
+                // Anasayfa ise tam eşleşme, değilse başlangıç eşleşmesi arar
+                if ($item['url'] === '/') {
+                    $isActive = ($currentUrl === '/');
+                } else {
+                    $isActive = (strpos($currentUrl, $item['url']) === 0);
+                }
+            ?>
+            <a href="<?= htmlspecialchars($item['url']) ?>" class="bottom-nav-item <?= $isActive ? 'active' : '' ?>" title="<?= htmlspecialchars($item['title']) ?>">
+                <?php if (isset($item['icon_img'])): ?>
+                    <img src="<?= htmlspecialchars($item['icon_img']) ?>" class="menu-svg-icon" alt="<?= htmlspecialchars($item['title']) ?>">
+                <?php else: ?>
+                    <i class="<?= htmlspecialchars($item['icon']) ?>"></i>
+                    <span class="nav-label"><?= htmlspecialchars($item['title']) ?></span>
+                <?php endif; ?>
+            </a>
+        <?php endforeach; ?>
+        
+        <?php if (!empty($secondaryItems)): ?>
+            <button class="bottom-nav-item mobile-menu-toggle" id="mobileMenuBtn" aria-label="Menüyü Aç">
+                <i class="fa-solid fa-border-all"></i>
+                <span class="nav-label">Menü</span>
+            </button>
+        <?php endif; ?>
+    </div>
+
+    <?php if (!empty($secondaryItems)): ?>
+    <div class="mobile-bottom-sheet" id="mobileBottomSheet">
+        <div class="sheet-overlay" id="sheetOverlay"></div>
+        <div class="sheet-content">
+            <div class="sheet-header">
+                <div class="drag-handle"></div>
+                <h3 class="sheet-title">Diğer İşlemler</h3>
+            </div>
+            <div class="sheet-body">
+                <?php foreach ($secondaryItems as $item): ?>
+                    <a href="<?= htmlspecialchars($item['url']) ?>" class="sheet-item" <?= !empty($item['target']) ? 'target="'.htmlspecialchars($item['target']).'"' : '' ?>>
+                        <div class="sheet-icon-wrapper" style="<?php echo isset($item['icon_img']) ? 'width:auto; margin-right:0; margin-left:12px; background:none;' : ''; ?>">
+                            <?php if (isset($item['icon_img'])): ?>
+                                <img src="<?= htmlspecialchars($item['icon_img']) ?>" class="menu-svg-icon" alt="<?= htmlspecialchars($item['title']) ?>">
+                            <?php else: ?>
+                                <i class="<?= htmlspecialchars($item['icon']) ?>"></i>
+                            <?php endif; ?>
+                        </div>
+                        <?php if (!isset($item['icon_img'])): ?>
+                            <span class="sheet-label"><?= htmlspecialchars($item['title']) ?></span>
+                        <?php endif; ?>
+                    </a>
+                <?php endforeach; ?>
+            </div>
+        </div>
+    </div>
+    <?php endif; ?>
+</div>
 <!-- Mobile Navigation Component Ends Here -->

package/core-stubs/public/includes/sidebar.php

@@ -1,5 +1,190 @@
+<?php
+// Geçerli kullanıcının rolünü alalım (Eğer login değilse misafir varsayalım)
+$userRole = $_SESSION['rol'] ?? 'misafir';
+
+// Tüm olası menü ögeleri ve erişim izinleri (Kullanıcı dilediği gibi burayı genişletebilir)
+$allMenuItems = [
+    [
+        'title' => 'Anasayfa',
+        'url' => '/',
+        'icon' => 'fa-solid fa-house',
+        'roles' => ['all'],
+        'position' => 'top',
+        'show_in_mobile' => true
+    ],
+    [
+        'title' => 'Soru Duvarı',
+        'url' => '/soru-duvari',
+        'icon' => 'fa-solid fa-clipboard-question',
+        'roles' => ['all'],
+        'position' => 'top',
+        'show_in_mobile' => true
+    ],
+    [
+        'title' => 'Gruplar',
+        'url' => '/groups/list',
+        'icon' => 'fa-solid fa-users',
+        'roles' => ['all'],
+        'position' => 'top',
+        'show_in_mobile' => true
+    ],
+    [
+        'title' => 'Mağaza',
+        'url' => '/magaza/magaza',
+        'icon' => 'fa-solid fa-store',
+        'roles' => ['all'],
+        'position' => 'bottom',
+        'show_in_mobile' => true
+    ],
+    [
+        'title' => 'Gelişim Takibi',
+        'url' => '/gelisim-takibi',
+        'icon' => 'fa-solid fa-chart-line',
+        'roles' => [1, 0], // Öğrenci ve Admin
+        'position' => 'top',
+        'show_in_mobile' => true
+    ],
+    [
+        'title' => 'Atama Analizi',
+        'url' => '/atama-analizi',
+        'icon' => 'fa-solid fa-ranking-star',
+        'roles' => [1, 4, 0], // Öğrenci, Mezun ve Admin
+        'position' => 'top',
+        'show_in_mobile' => true
+    ],
+    [
+        'title' => 'Moderasyon Paneli',
+        'url' => '/admin/u/moderasyon',
+        'icon' => 'fa-solid fa-shield-halved',
+        'roles' => [0], // Admin
+        'position' => 'bottom',
+        'show_in_mobile' => true
+    ],
+    [
+        'title' => 'Sepetim',
+        'url' => '/magaza/sepet',
+        'icon' => 'fa-solid fa-cart-shopping',
+        'roles' => ['all'],
+        'position' => 'bottom',
+        'show_in_mobile' => true
+    ],
+    [
+        'title' => 'Cüzdan & Envanter',
+        'url' => '/user/envanter',
+        'icon' => 'fa-solid fa-wallet',
+        'roles' => ['all'],
+        'position' => 'bottom',
+        'show_in_mobile' => true
+    ],
+    [
+        'title' => 'Ödeme Yöntemleri',
+        'url' => '/magaza/odeme-yontemlerim',
+        'icon' => 'fa-solid fa-credit-card',
+        'roles' => ['all'],
+        'position' => 'bottom',
+        'show_in_mobile' => true
+    ],
+    [
+        'title' => 'Aboneliklerim',
+        'url' => '/magaza/aboneliklerim',
+        'icon' => 'fa-solid fa-clock-rotate-left',
+        'roles' => ['all'],
+        'position' => 'bottom',
+        'show_in_mobile' => true
+    ],
+    [
+        'title' => 'Yardım',
+        'url' => 'https://sinavortagim.com/yardim',
+        'icon' => 'fa-regular fa-circle-question',
+        'roles' => ['all'],
+        'position' => 'footer',
+        'show_in_mobile' => true,
+        'target' => '_blank'
+    ],
+    [
+        'title' => 'Politikalar',
+        'url' => 'https://sinavortagim.com/politikalar',
+        'icon' => 'fa-solid fa-scale-balanced',
+        'roles' => ['all'],
+        'position' => 'footer',
+        'show_in_mobile' => true,
+        'target' => '_blank'
+    ]
+];
+
+// RBAC Filtreleme
+$allowedMenuItems = array_filter($allMenuItems, function($item) use ($userRole) {
+    return in_array('all', $item['roles']) || in_array($userRole, $item['roles']);
+});
+?>
 <!-- Sidebar Component Starts Here -->
 <aside class="app-sidebar">
-    
+    <div class="sidebar-logo">
+        <img src="/assets/images/icon.svg" data-light-src="/assets/images/icon.svg" data-dark-src="/assets/images/icon-dark.svg" alt="Sınav Ortağım İkon" class="logo-icon theme-image">
+        <img src="/assets/images/sinavOrtagim.svg" data-light-src="/assets/images/sinavOrtagim.svg" data-dark-src="/assets/images/sinavOrtagim-dark.svg" alt="Sınav Ortağım Logo" class="logo-full theme-image">
+    </div>
+
+    <nav class="sidebar-nav">
+        <?php foreach ($allowedMenuItems as $item): ?>
+            <?php if ($item['position'] === 'top'): ?>
+                <a href="<?= htmlspecialchars($item['url']) ?>" <?= isset($item['target']) ? 'target="' . $item['target'] . '"' : '' ?> class="nav-item <?= ($_SERVER['REQUEST_URI'] == $item['url']) ? 'active' : '' ?>">
+                    <div class="nav-icon" style="<?php echo isset($item['icon_img']) ? 'width:100%; margin-right:0;' : ''; ?>">
+                        <?php if (isset($item['icon_img'])): ?>
+                            <img src="<?= htmlspecialchars($item['icon_img']) ?>" class="menu-svg-icon" alt="<?= htmlspecialchars($item['title']) ?>">
+                        <?php else: ?>
+                            <i class="<?= htmlspecialchars($item['icon']) ?>"></i>
+                        <?php endif; ?>
+                    </div>
+                    <?php if (!isset($item['icon_img'])): ?>
+                        <span class="nav-label"><?= htmlspecialchars($item['title']) ?></span>
+                    <?php endif; ?>
+                </a>
+            <?php endif; ?>
+        <?php endforeach; ?>
+    </nav>
+
+    <div class="sidebar-footer">
+        <?php 
+        $hasBottom = false;
+        foreach ($allowedMenuItems as $item): 
+            if ($item['position'] === 'bottom'): 
+                $hasBottom = true;
+        ?>
+                <a href="<?= htmlspecialchars($item['url']) ?>" <?= isset($item['target']) ? 'target="' . $item['target'] . '"' : '' ?> class="nav-item <?= ($_SERVER['REQUEST_URI'] == $item['url']) ? 'active' : '' ?>">
+                    <div class="nav-icon" style="<?php echo isset($item['icon_img']) ? 'width:100%; margin-right:0;' : ''; ?>">
+                        <?php if (isset($item['icon_img'])): ?>
+                            <img src="<?= htmlspecialchars($item['icon_img']) ?>" class="menu-svg-icon" alt="<?= htmlspecialchars($item['title']) ?>">
+                        <?php else: ?>
+                            <i class="<?= htmlspecialchars($item['icon']) ?>"></i>
+                        <?php endif; ?>
+                    </div>
+                    <?php if (!isset($item['icon_img'])): ?>
+                        <span class="nav-label"><?= htmlspecialchars($item['title']) ?></span>
+                    <?php endif; ?>
+                </a>
+            <?php endif; ?>
+        <?php endforeach; ?>
+
+        <?php if ($hasBottom): ?>
+            <hr style="border-color: rgba(255,255,255,0.1); margin: 0.5rem 1rem; border-width: 1px; opacity: 1;">
+        <?php endif; ?>
+
+        <?php foreach ($allowedMenuItems as $item): ?>
+            <?php if ($item['position'] === 'footer'): ?>
+                <a href="<?= htmlspecialchars($item['url']) ?>" <?= isset($item['target']) ? 'target="' . $item['target'] . '"' : '' ?> class="nav-item <?= ($_SERVER['REQUEST_URI'] == $item['url']) ? 'active' : '' ?>">
+                    <div class="nav-icon" style="<?php echo isset($item['icon_img']) ? 'width:100%; margin-right:0;' : ''; ?>">
+                        <?php if (isset($item['icon_img'])): ?>
+                            <img src="<?= htmlspecialchars($item['icon_img']) ?>" class="menu-svg-icon" alt="<?= htmlspecialchars($item['title']) ?>">
+                        <?php else: ?>
+                            <i class="<?= htmlspecialchars($item['icon']) ?>"></i>
+                        <?php endif; ?>
+                    </div>
+                    <?php if (!isset($item['icon_img'])): ?>
+                        <span class="nav-label"><?= htmlspecialchars($item['title']) ?></span>
+                    <?php endif; ?>
+                </a>
+            <?php endif; ?>
+        <?php endforeach; ?>
+    </div>
 </aside>
 <!-- Sidebar Component Ends Here -->

package/core-stubs/public/includes/theme-modal.php

@@ -3,3 +3,4 @@
     
 </div>
 <!-- Theme Modal Component Ends Here -->
+<?php require_once $_SERVER['DOCUMENT_ROOT'] . '/includes/report-modal.php'; ?>

package/db-studio/debug.log

@@ -0,0 +1,3 @@
+["/home/mergen/Masaüstü/projeler/artiframe-cli/db-studio/node_modules/electron/dist/electron",".","/home/mergen/Masaüstü/project","--mode=live"]
+appMode:live
+projectRoot:/home/mergen/Masaüstü/project