nodebb-plugin-pdf-secure2 1.3.1 → 1.3.2

package/lib/controllers.js

@@ -11,14 +11,16 @@ const Controllers = module.exports;
 
 // Rate limiting: per-user message counter
 const rateLimits = new Map(); // uid -> { count, windowStart }
-const RATE_LIMIT_WINDOW = 60 * 1000; // 1 minute
-const RATE_LIMIT_MAX = 30; // messages per window
+const RATE_LIMITS = {
+	vip: { max: 50, window: 60 * 1000 },
+	premium: { max: 25, window: 60 * 1000 },
+};
 
 // Periodic cleanup of expired rate limit entries
 setInterval(() => {
 	const now = Date.now();
 	for (const [uid, entry] of rateLimits.entries()) {
-		if (now - entry.windowStart > RATE_LIMIT_WINDOW * 2) {
+		if (now - entry.windowStart > RATE_LIMITS.premium.window * 2) {
 			rateLimits.delete(uid);
 		}
 	}
@@ -102,19 +104,23 @@ Controllers.handleChat = async function (req, res) {
 	]);
 	const isPremium = isAdmin || isGlobalMod || isPremiumMember || isVipMember;
 	if (!isPremium) {
-		return res.status(403).json({ error: 'Premium membership required for AI chat' });
+		return res.status(403).json({ error: 'Bu özellik Premium/VIP üyelere özeldir.' });
 	}
 
-	// Rate limiting
+	const isVip = isVipMember || isAdmin;
+	const tier = isVip ? 'vip' : 'premium';
+	const rateConfig = RATE_LIMITS[tier];
+
+	// Rate limiting (tier-based)
 	const now = Date.now();
 	let userRate = rateLimits.get(req.uid);
-	if (!userRate || now - userRate.windowStart > RATE_LIMIT_WINDOW) {
+	if (!userRate || now - userRate.windowStart > rateConfig.window) {
 		userRate = { count: 0, windowStart: now };
 		rateLimits.set(req.uid, userRate);
 	}
 	userRate.count += 1;
-	if (userRate.count > RATE_LIMIT_MAX) {
-		return res.status(429).json({ error: 'Rate limit exceeded. Please wait a moment.' });
+	if (userRate.count > rateConfig.max) {
+		return res.status(429).json({ error: 'Çok hızlı mesaj gönderiyorsunuz. Lütfen biraz bekleyin.' });
 	}
 
 	// Body validation
@@ -151,20 +157,23 @@ Controllers.handleChat = async function (req, res) {
 	}
 
 	try {
-		const answer = await geminiChat.chat(safeName, trimmedQuestion, history || []);
+		const answer = await geminiChat.chat(safeName, trimmedQuestion, history || [], tier);
 		return res.json({ answer });
 	} catch (err) {
 		console.error('[PDF-Secure] Chat error:', err.message, err.status || '', err.code || '');
 
 		if (err.message === 'File not found') {
-			return res.status(404).json({ error: 'PDF not found' });
+			return res.status(404).json({ error: 'PDF bulunamadı.' });
+		}
+		if (err.message === 'PDF too large for AI chat') {
+			return res.status(413).json({ error: 'Bu PDF çok büyük. AI chat desteklemiyor.' });
 		}
 		if (err.status === 429 || err.message.includes('rate limit') || err.message.includes('quota')) {
-			return res.status(429).json({ error: 'AI service rate limit exceeded. Please try again later.' });
+			return res.status(429).json({ error: 'AI servisi şu an yoğun. Lütfen birkaç saniye sonra tekrar deneyin.' });
 		}
 		if (err.status === 401 || err.status === 403 || err.message.includes('API key')) {
-			return res.status(503).json({ error: 'AI service configuration error' });
+			return res.status(503).json({ error: 'AI servisi yapılandırma hatası. Yöneticiyle iletişime geçin.' });
 		}
-		return res.status(500).json({ error: 'Failed to get AI response. Please try again.' });
+		return res.status(500).json({ error: 'AI yanıt veremedi. Lütfen tekrar deneyin.' });
 	}
 };

package/lib/gemini-chat.js

@@ -11,9 +11,21 @@ let ai = null;
 const pdfDataCache = new Map(); // filename -> { base64, cachedAt }
 const PDF_DATA_TTL = 30 * 60 * 1000; // 30 minutes
 
-const SYSTEM_INSTRUCTION = `You are a helpful assistant that answers questions about the provided PDF document.
-Respond in the same language the user writes their question in.
-Be concise and accurate. When referencing specific information, mention the relevant page or section when possible.`;
+const SYSTEM_INSTRUCTION = `Sen bir PDF döküman asistanısın. Kurallar:
+- Kullanıcının yazdığı dilde cevap ver
+- Önce kısa ve net cevapla, gerekirse detay ekle
+- Bilgiyi doğrudan PDF'ten al, sayfa/bölüm numarası belirt
+- Bilmiyorsan "Bu bilgi dokümanda bulunamadı" de
+- Liste/madde formatını tercih et
+- Spekülasyon yapma, sadece dokümandaki bilgiye dayan`;
+
+const MAX_FILE_SIZE = 20 * 1024 * 1024; // 20MB
+
+// Tier-based configuration
+const TIER_CONFIG = {
+	vip: { maxHistory: 30, maxOutputTokens: 4096 },
+	premium: { maxHistory: 20, maxOutputTokens: 2048 },
+};
 
 const MODEL_NAME = 'gemini-2.5-flash';
 
@@ -59,6 +71,11 @@ async function getPdfBase64(filename) {
 		throw new Error('File not found');
 	}
 
+	const stats = await fs.promises.stat(filePath);
+	if (stats.size > MAX_FILE_SIZE) {
+		throw new Error('PDF too large for AI chat');
+	}
+
 	const fileBuffer = await fs.promises.readFile(filePath);
 	const base64 = fileBuffer.toString('base64');
 
@@ -66,17 +83,19 @@ async function getPdfBase64(filename) {
 	return base64;
 }
 
-GeminiChat.chat = async function (filename, question, history) {
+GeminiChat.chat = async function (filename, question, history, tier) {
 	if (!ai) {
 		throw new Error('AI chat is not configured');
 	}
 
+	const config = TIER_CONFIG[tier] || TIER_CONFIG.premium;
 	const base64Data = await getPdfBase64(filename);
 
-	// Build conversation contents from history
+	// Build conversation contents from history (trimmed to last N entries)
 	const contents = [];
 	if (Array.isArray(history)) {
-		for (const entry of history) {
+		const trimmedHistory = history.slice(-config.maxHistory);
+		for (const entry of trimmedHistory) {
 			if (entry.role && entry.text) {
 				contents.push({
 					role: entry.role === 'user' ? 'user' : 'model',
@@ -113,6 +132,7 @@ GeminiChat.chat = async function (filename, question, history) {
 		contents: inlineContents,
 		config: {
 			systemInstruction: SYSTEM_INSTRUCTION,
+			maxOutputTokens: config.maxOutputTokens,
 		},
 	});
 

package/library.js

@@ -10,11 +10,13 @@ const controllers = require('./lib/controllers');
 const nonceStore = require('./lib/nonce-store');
 const pdfHandler = require('./lib/pdf-handler');
 const geminiChat = require('./lib/gemini-chat');
+const topics = require.main.require('./src/topics');
 
 const plugin = {};
 
 // Memory cache for viewer.html
 let viewerHtmlCache = null;
+let pluginSettings = {};
 
 plugin.init = async (params) => {
 	const { router, middleware } = params;
@@ -61,12 +63,16 @@ plugin.init = async (params) => {
 	// Chat endpoint (Premium/VIP only)
 	router.post('/api/v3/plugins/pdf-secure/chat', controllers.handleChat);
 
+	// Load plugin settings
+	pluginSettings = await meta.settings.get('pdf-secure') || {};
+
 	// Initialize Gemini AI chat (if API key is configured)
-	const settings = await meta.settings.get('pdf-secure');
-	if (settings && settings.geminiApiKey) {
-		geminiChat.init(settings.geminiApiKey);
+	if (pluginSettings.geminiApiKey) {
+		geminiChat.init(pluginSettings.geminiApiKey);
 	}
 
+	const watermarkEnabled = pluginSettings.watermarkEnabled === 'on';
+
 	// Admin page route
 	routeHelpers.setupAdminPageRoute(router, '/admin/plugins/pdf-secure', controllers.renderAdminPage);
 
@@ -105,6 +111,7 @@ plugin.init = async (params) => {
 				groups.isMember(req.uid, 'Lite'),
 			]);
 			isPremium = isAdmin || isGlobalMod || isPremiumMember || isVipMember;
+			const isVip = isVipMember || isAdmin;
 			// Lite: full PDF access but restricted UI (no annotations, sidebar, etc.)
 			isLite = !isPremium && isLiteMember;
 		}
@@ -152,10 +159,12 @@ plugin.init = async (params) => {
 						dk: ${JSON.stringify(nonceData.dk)},
 						iv: ${JSON.stringify(nonceData.iv)},
 						isPremium: ${JSON.stringify(isPremium)},
+						isVip: ${JSON.stringify(isVip)},
 						isLite: ${JSON.stringify(isLite)},
 						uid: ${JSON.stringify(req.uid)},
 						totalPages: ${JSON.stringify(totalPages)},
-						chatEnabled: ${JSON.stringify(geminiChat.isAvailable())}
+						chatEnabled: ${JSON.stringify(geminiChat.isAvailable())},
+						watermarkEnabled: ${JSON.stringify(watermarkEnabled)}
 					};
 				</script>
 			</head>`);
@@ -221,6 +230,12 @@ plugin.filterMetaTags = async (hookData) => {
 	return hookData;
 };
 
+// Inject allowed categories into client-side config
+plugin.filterConfig = async function (data) {
+	data.config.pdfSecureCategories = pluginSettings.allowedCategories || '';
+	return data;
+};
+
 // Transform PDF links to secure placeholders (server-side)
 // This hides PDF URLs from: page source, API, RSS, ActivityPub
 plugin.transformPdfLinks = async (data) => {
@@ -228,6 +243,19 @@ plugin.transformPdfLinks = async (data) => {
 		return data;
 	}
 
+	// Category check — only transform in allowed categories
+	const allowedStr = pluginSettings.allowedCategories || '';
+	const allowed = allowedStr.split(',').map(s => s.trim()).filter(Boolean);
+	if (allowed.length > 0 && data.postData.tid) {
+		let cid = data.postData.cid;
+		if (!cid) {
+			cid = await topics.getTopicField(data.postData.tid, 'cid');
+		}
+		if (cid && !allowed.includes(String(cid))) {
+			return data;
+		}
+	}
+
 	// Regex to match PDF links: <a href="...xxx.pdf">text</a>
 	// Captures: full URL path, filename, link text
 	const pdfLinkRegex = /<a\s+[^>]*href=["']([^"']*\/([^"'\/]+\.pdf))["'][^>]*>([^<]*)<\/a>/gi;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-pdf-secure2",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "Secure PDF viewer plugin for NodeBB - prevents downloading, enables canvas-only rendering with Premium group support",
   "main": "library.js",
   "repository": {

package/plugin.json

@@ -19,6 +19,10 @@
 			"hook": "filter:meta.getMetaTags",
 			"method": "filterMetaTags"
 		},
+		{
+			"hook": "filter:config.get",
+			"method": "filterConfig"
+		},
 		{
 			"hook": "filter:parse.post",
 			"method": "transformPdfLinks"

package/static/lib/admin.js

@@ -5,10 +5,17 @@ define('admin/plugins/pdf-secure', ['settings', 'alerts'], function (Settings, a
 
 	ACP.init = function () {
 		Settings.load('pdf-secure', $('#pdf-secure-settings'), function () {
-			console.log('[PDF-Secure] Admin settings loaded');
+			loadCategories();
 		});
 
 		$('#save').on('click', function () {
+			// Collect checked category IDs into hidden input before save
+			var checked = [];
+			$('#categoryCheckboxes input[type="checkbox"]:checked').each(function () {
+				checked.push($(this).val());
+			});
+			$('#allowedCategories').val(checked.join(','));
+
 			Settings.save('pdf-secure', $('#pdf-secure-settings'), function () {
 				alerts.alert({
 					type: 'success',
@@ -19,7 +26,60 @@ define('admin/plugins/pdf-secure', ['settings', 'alerts'], function (Settings, a
 				});
 			});
 		});
+
+		$('#selectAllCats').on('click', function () {
+			$('#categoryCheckboxes input[type="checkbox"]').prop('checked', true);
+		});
+
+		$('#deselectAllCats').on('click', function () {
+			$('#categoryCheckboxes input[type="checkbox"]').prop('checked', false);
+		});
 	};
 
+	function loadCategories() {
+		$.getJSON(config.relative_path + '/api/categories', function (data) {
+			var categories = data.categories || [];
+			var allowed = ($('#allowedCategories').val() || '').split(',').filter(Boolean);
+			var container = $('#categoryCheckboxes');
+			container.empty();
+
+			if (!categories.length) {
+				container.html('<p class="text-muted mb-0">Kategori bulunamadi.</p>');
+				return;
+			}
+
+			function renderCategory(cat, depth) {
+				var indent = depth * 24;
+				var isChecked = allowed.includes(String(cat.cid));
+				var iconColor = cat.bgColor || '#6c757d';
+				var iconHtml = cat.icon
+					? '<span class="d-inline-flex align-items-center justify-content-center rounded-1 me-2" style="width:22px;height:22px;background:' + iconColor + ';flex-shrink:0;"><i class="fa ' + cat.icon + '" style="font-size:11px;color:#fff;"></i></span>'
+					: '<span class="d-inline-flex align-items-center justify-content-center rounded-1 me-2" style="width:22px;height:22px;background:' + iconColor + ';flex-shrink:0;"><i class="fa fa-folder" style="font-size:11px;color:#fff;"></i></span>';
+
+				var html = '<div class="form-check py-1" style="margin-left:' + indent + 'px;">' +
+					'<input class="form-check-input" type="checkbox" value="' + cat.cid + '" id="cat_' + cat.cid + '"' + (isChecked ? ' checked' : '') + ' style="cursor:pointer;">' +
+					'<label class="form-check-label d-flex align-items-center" for="cat_' + cat.cid + '" style="cursor:pointer;">' +
+					iconHtml +
+					'<span>' + cat.name + '</span>' +
+					'<span class="text-muted ms-2" style="font-size:11px;">(' + (cat.topic_count || 0) + ' konu)</span>' +
+					'</label>' +
+					'</div>';
+				container.append(html);
+
+				if (cat.children && cat.children.length) {
+					cat.children.forEach(function (child) {
+						renderCategory(child, depth + 1);
+					});
+				}
+			}
+
+			categories.forEach(function (cat) {
+				renderCategory(cat, 0);
+			});
+		}).fail(function () {
+			$('#categoryCheckboxes').html('<p class="text-danger mb-0">Kategoriler yuklenemedi.</p>');
+		});
+	}
+
 	return ACP;
 });

package/static/lib/main.js

@@ -283,6 +283,15 @@
 	}
 
 	function interceptPdfLinks() {
+		// Category check — only intercept in allowed categories
+		var allowedCats = (config.pdfSecureCategories || '').split(',').filter(Boolean);
+		if (allowedCats.length > 0) {
+			var currentCid = ajaxify && ajaxify.data && String(ajaxify.data.cid || '');
+			if (currentCid && !allowedCats.includes(currentCid)) {
+				return;
+			}
+		}
+
 		var postContents = document.querySelectorAll('[component="post/content"]');
 
 		postContents.forEach(function (content) {

package/static/templates/admin/plugins/pdf-secure.tpl

@@ -1,52 +1,140 @@
-<div class="acp-page-container">
-	<!-- IMPORT admin/partials/settings/header.tpl -->
-
-	<div class="row m-0">
-		<div id="spy-container" class="col-12 col-md-8 px-0 mb-4" tabindex="0">
-			<form role="form" class="pdf-secure-settings" id="pdf-secure-settings">
-				<div class="mb-4">
-					<h5 class="fw-bold tracking-tight settings-header">PDF Secure Viewer Settings</h5>
-
-					<p class="lead">
-						Configure the secure PDF viewer plugin settings below.
-					</p>
-
-					<div class="mb-3">
-						<label class="form-label" for="premiumGroup">Premium Group Name</label>
-						<input type="text" id="premiumGroup" name="premiumGroup" data-key="premiumGroup" title="Premium Group Name" class="form-control" placeholder="Premium" value="Premium">
-						<div class="form-text">Users in this group can view full PDFs with all tools. Others can only see the first page.</div>
-					</div>
-
-					<div class="mb-3">
-						<label class="form-label" for="vipGroup">VIP Group Name</label>
-						<input type="text" id="vipGroup" name="vipGroup" data-key="vipGroup" title="VIP Group Name" class="form-control" placeholder="VIP" value="VIP">
-						<div class="form-text">Users in this group get all Premium features plus VIP badge and early access to new features.</div>
-					</div>
-
-					<div class="mb-3">
-						<label class="form-label" for="liteGroup">Lite Group Name</label>
-						<input type="text" id="liteGroup" name="liteGroup" data-key="liteGroup" title="Lite Group Name" class="form-control" placeholder="Lite" value="Lite">
-						<div class="form-text">Users in this group can view full PDFs but only with zoom and fullscreen. No annotations, sidebar, or other tools.</div>
-					</div>
-
-					<div class="form-check form-switch mb-3">
-						<input type="checkbox" class="form-check-input" id="watermarkEnabled" name="watermarkEnabled" data-key="watermarkEnabled">
-						<label for="watermarkEnabled" class="form-check-label">Enable Watermark</label>
-						<div class="form-text">Show a watermark overlay on PDF pages.</div>
-					</div>
-				</div>
-				<div class="mb-4">
-					<h5 class="fw-bold tracking-tight settings-header">AI Chat Settings</h5>
-
-					<div class="mb-3">
-						<label class="form-label" for="geminiApiKey">Google Gemini API Key</label>
-						<input type="password" id="geminiApiKey" name="geminiApiKey" data-key="geminiApiKey" title="Gemini API Key" class="form-control" placeholder="Enter your Gemini API key">
-						<div class="form-text">Google Gemini API anahtarinizi girin. <a href="https://ai.google.dev" target="_blank" rel="noopener">ai.google.dev</a> adresinden alinabilir. Premium/VIP kullanicilar PDF Chat ozelligini kullanabilir.</div>
-					</div>
-				</div>
-			</form>
-		</div>
-
-		<!-- IMPORT admin/partials/settings/toc.tpl -->
-	</div>
-</div>
+<div class="acp-page-container">
+	<!-- IMPORT admin/partials/settings/header.tpl -->
+
+	<div class="row m-0">
+		<div id="spy-container" class="col-12 px-0 mb-4" tabindex="0">
+			<form role="form" class="pdf-secure-settings" id="pdf-secure-settings">
+
+				<!-- Hero Header -->
+				<div class="d-flex align-items-center gap-3 mb-4 pb-3 border-bottom">
+					<div class="d-flex align-items-center justify-content-center rounded-3" style="width:48px;height:48px;background:linear-gradient(135deg,#e81224 0%,#ff6b6b 100%);">
+						<svg viewBox="0 0 24 24" style="width:24px;height:24px;fill:#fff;"><path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>
+					</div>
+					<div>
+						<h4 class="fw-bold mb-0">PDF Secure Viewer</h4>
+						<p class="text-muted mb-0" style="font-size:13px;">Guvenli PDF goruntuleyici, AI chat ve watermark ayarlari</p>
+					</div>
+				</div>
+
+				<div class="row g-4">
+					<!-- Left Column: Groups & Watermark -->
+					<div class="col-12 col-lg-6">
+						<!-- Group Settings Card -->
+						<div class="card border-0 shadow-sm mb-4">
+							<div class="card-header bg-transparent border-bottom d-flex align-items-center gap-2 py-3">
+								<svg viewBox="0 0 24 24" style="width:18px;height:18px;fill:#6c757d;"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>
+								<h6 class="fw-semibold mb-0">Kullanici Gruplari</h6>
+							</div>
+							<div class="card-body">
+								<div class="mb-3">
+									<label class="form-label fw-medium" for="premiumGroup">
+										<span class="badge text-bg-primary me-1" style="font-size:10px;">PREMIUM</span>
+										Grup Adi
+									</label>
+									<input type="text" id="premiumGroup" name="premiumGroup" data-key="premiumGroup" title="Premium Group Name" class="form-control" placeholder="Premium" value="Premium">
+									<div class="form-text">Tam PDF erisimi, tum araclar ve AI chat ozelligi.</div>
+								</div>
+
+								<div class="mb-3">
+									<label class="form-label fw-medium" for="vipGroup">
+										<span class="badge me-1" style="font-size:10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;">VIP</span>
+										Grup Adi
+									</label>
+									<input type="text" id="vipGroup" name="vipGroup" data-key="vipGroup" title="VIP Group Name" class="form-control" placeholder="VIP" value="VIP">
+									<div class="form-text">Premium ozellikleri + VIP rozeti, yuksek token/rate limitleri.</div>
+								</div>
+
+								<div class="mb-0">
+									<label class="form-label fw-medium" for="liteGroup">
+										<span class="badge text-bg-secondary me-1" style="font-size:10px;">LITE</span>
+										Grup Adi
+									</label>
+									<input type="text" id="liteGroup" name="liteGroup" data-key="liteGroup" title="Lite Group Name" class="form-control" placeholder="Lite" value="Lite">
+									<div class="form-text">Tam PDF erisimi, sadece yakinlastirma ve tam ekran. Araclar yok.</div>
+								</div>
+							</div>
+						</div>
+
+						<!-- Watermark Card -->
+						<div class="card border-0 shadow-sm">
+							<div class="card-header bg-transparent border-bottom d-flex align-items-center gap-2 py-3">
+								<svg viewBox="0 0 24 24" style="width:18px;height:18px;fill:#6c757d;"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"/></svg>
+								<h6 class="fw-semibold mb-0">Watermark</h6>
+							</div>
+							<div class="card-body">
+								<div class="d-flex align-items-center justify-content-between">
+									<div>
+										<div class="fw-medium">Watermark Goster</div>
+										<div class="text-muted" style="font-size:13px;">PDF sayfalarinda Unicourse watermark overlay gosterir.</div>
+									</div>
+									<div class="form-check form-switch mb-0 ms-3">
+										<input type="checkbox" class="form-check-input" id="watermarkEnabled" name="watermarkEnabled" data-key="watermarkEnabled" style="width:3em;height:1.5em;cursor:pointer;">
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+
+					<!-- Right Column: AI Chat -->
+					<div class="col-12 col-lg-6">
+						<div class="card border-0 shadow-sm">
+							<div class="card-header bg-transparent border-bottom d-flex align-items-center gap-2 py-3">
+								<svg viewBox="0 0 24 24" style="width:18px;height:18px;fill:#6c757d;"><path d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5z"/></svg>
+								<h6 class="fw-semibold mb-0">AI Chat (Gemini)</h6>
+							</div>
+							<div class="card-body">
+								<div class="mb-3">
+									<label class="form-label fw-medium" for="geminiApiKey">Google Gemini API Key</label>
+									<div class="input-group">
+										<span class="input-group-text">
+											<svg viewBox="0 0 24 24" style="width:16px;height:16px;fill:#6c757d;"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/></svg>
+										</span>
+										<input type="password" id="geminiApiKey" name="geminiApiKey" data-key="geminiApiKey" title="Gemini API Key" class="form-control" placeholder="AIza...">
+									</div>
+									<div class="form-text">
+										<a href="https://ai.google.dev" target="_blank" rel="noopener">ai.google.dev</a> adresinden alinabilir.
+									</div>
+								</div>
+
+								<div class="alert alert-light border d-flex gap-2 mb-0" role="alert" style="font-size:13px;">
+									<svg viewBox="0 0 24 24" style="width:18px;height:18px;fill:#0d6efd;flex-shrink:0;margin-top:1px;"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>
+									<div>
+										<strong>Tier farklari:</strong><br>
+										<strong>Premium</strong> — 25 mesaj/dk, 2048 token, 20 gecmis<br>
+										<strong>VIP</strong> — 50 mesaj/dk, 4096 token, 30 gecmis
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+
+				<!-- Category Selection -->
+				<div class="card border-0 shadow-sm mt-4">
+					<div class="card-header bg-transparent border-bottom d-flex align-items-center justify-content-between py-3">
+						<div class="d-flex align-items-center gap-2">
+							<svg viewBox="0 0 24 24" style="width:18px;height:18px;fill:#6c757d;"><path d="M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg>
+							<h6 class="fw-semibold mb-0">Aktif Kategoriler</h6>
+						</div>
+						<div class="d-flex gap-2">
+							<button type="button" class="btn btn-sm btn-outline-secondary" id="selectAllCats">Tumunu Sec</button>
+							<button type="button" class="btn btn-sm btn-outline-secondary" id="deselectAllCats">Temizle</button>
+						</div>
+					</div>
+					<div class="card-body">
+						<p class="text-muted mb-3" style="font-size:13px;">
+							Plugin'in hangi kategorilerde calisacagini secin. Hicbiri secilmezse <strong>tum kategorilerde</strong> aktif olur.
+						</p>
+						<input type="hidden" id="allowedCategories" name="allowedCategories" data-key="allowedCategories">
+						<div id="categoryCheckboxes" style="max-height:320px;overflow-y:auto;border:1px solid var(--bs-border-color);border-radius:0.375rem;padding:12px;">
+							<div class="text-muted"><i class="fa fa-spinner fa-spin"></i> Kategoriler yukleniyor...</div>
+						</div>
+					</div>
+				</div>
+
+			</form>
+		</div>
+
+		<!-- IMPORT admin/partials/settings/toc.tpl -->
+	</div>
+</div>

package/static/viewer.html

@@ -655,13 +655,17 @@
             width: 320px;
             background: var(--bg-secondary);
             border-left: 1px solid var(--border-color);
-            display: none;
+            display: flex;
             flex-direction: column;
             z-index: 50;
+            transform: translateX(100%);
+            transition: transform 0.25s cubic-bezier(0.32, 0.72, 0, 1);
+            pointer-events: none;
         }
 
         #chatSidebar.open {
-            display: flex;
+            transform: translateX(0);
+            pointer-events: auto;
         }
 
         #chatMessages {
@@ -727,18 +731,95 @@
             padding: 0;
         }
 
+        /* AI badge on AI messages */
+        .chatMsg.ai .aiBadge {
+            display: flex;
+            align-items: center;
+            gap: 3px;
+            font-size: 10px;
+            font-weight: 700;
+            color: var(--accent);
+            margin-bottom: 4px;
+            letter-spacing: 0.3px;
+        }
+
+        /* User message timestamp */
+        .chatMsg.user .chatTimestamp {
+            display: block;
+            font-size: 10px;
+            opacity: 0.7;
+            margin-top: 4px;
+            text-align: right;
+        }
+
+        /* Error message style */
+        .chatMsg.error {
+            align-self: center;
+            background: rgba(220, 38, 38, 0.15);
+            color: #f87171;
+            font-size: 12px;
+            text-align: center;
+            border: 1px solid rgba(220, 38, 38, 0.25);
+        }
+
+        /* Suggestion chips */
+        .chatSuggestions {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 6px;
+            padding: 8px 0;
+        }
+
+        .chatSuggestionChip {
+            background: var(--bg-tertiary);
+            border: 1px solid var(--border-color);
+            border-radius: 16px;
+            padding: 6px 12px;
+            font-size: 12px;
+            color: var(--text-primary);
+            cursor: pointer;
+            transition: background 0.15s, border-color 0.15s;
+        }
+
+        .chatSuggestionChip:hover {
+            background: var(--accent);
+            color: #fff;
+            border-color: var(--accent);
+        }
+
         /* Loading dots animation */
         @keyframes chatDots {
             0%, 20% { opacity: 0; }
             50% { opacity: 1; }
             100% { opacity: 0; }
         }
-        .chatLoading span {
+        .chatLoading .chatLoadingDots span {
             animation: chatDots 1.4s infinite;
             display: inline-block;
         }
-        .chatLoading span:nth-child(2) { animation-delay: 0.2s; }
-        .chatLoading span:nth-child(3) { animation-delay: 0.4s; }
+        .chatLoading .chatLoadingDots span:nth-child(2) { animation-delay: 0.2s; }
+        .chatLoading .chatLoadingDots span:nth-child(3) { animation-delay: 0.4s; }
+        .chatLoadingText {
+            font-size: 12px;
+            color: var(--text-secondary);
+            margin-right: 2px;
+        }
+
+        /* Character counter */
+        .chatCharCount {
+            font-size: 10px;
+            color: var(--text-secondary);
+            text-align: right;
+            padding: 0 12px;
+            opacity: 0;
+            transition: opacity 0.2s;
+        }
+        .chatCharCount.visible {
+            opacity: 1;
+        }
+        .chatCharCount.warning {
+            color: #f87171;
+        }
 
         #chatInputArea {
             padding: 8px 12px;
@@ -799,7 +880,7 @@
             fill: #fff;
         }
 
-        /* Chat upsell for non-premium users */
+        /* Chat upsell for non-premium users — gold theme matching page-lock */
         .chatUpsell {
             display: flex;
             flex-direction: column;
@@ -812,40 +893,145 @@
 
         .chatUpsellIcon {
             margin-bottom: 16px;
-            opacity: 0.8;
+            opacity: 0.9;
         }
 
         .chatUpsellTitle {
             font-size: 18px;
             font-weight: 600;
+            color: #ffd700;
             margin-bottom: 8px;
         }
 
         .chatUpsellText {
             font-size: 13px;
-            color: var(--text-secondary);
+            color: #a0a0a0;
             line-height: 1.5;
             margin-bottom: 20px;
+            max-width: 260px;
         }
 
         .chatUpsellText strong {
-            color: var(--accent);
+            color: #ffd700;
+        }
+
+        .chatUpsellActions {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 0;
+            width: 90%;
+            max-width: 260px;
         }
 
         .chatUpsellBtn {
-            display: inline-block;
-            background: var(--accent);
-            color: #fff;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 6px;
+            width: 100%;
+            padding: 11px 24px;
+            background: linear-gradient(135deg, #ffd700 0%, #ffaa00 100%);
+            color: #1a1a1a;
             text-decoration: none;
-            padding: 10px 24px;
-            border-radius: 8px;
+            border-radius: 10px;
             font-size: 14px;
-            font-weight: 600;
-            transition: background 0.15s;
+            font-weight: 700;
+            transition: transform 0.2s, box-shadow 0.2s;
+            box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);
+            box-sizing: border-box;
         }
 
         .chatUpsellBtn:hover {
-            background: var(--accent-hover);
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4);
+        }
+
+        .chatUpsellDivider {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            width: 100%;
+            margin: 12px 0;
+            color: #666;
+            font-size: 11px;
+            font-weight: 500;
+            letter-spacing: 0.5px;
+        }
+
+        .chatUpsellDivider::before,
+        .chatUpsellDivider::after {
+            content: '';
+            flex: 1;
+            height: 1px;
+            background: rgba(255, 255, 255, 0.1);
+        }
+
+        .chatUpsellBtnSecondary {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 6px;
+            width: 100%;
+            padding: 9px 24px;
+            background: transparent;
+            color: #ccc;
+            font-size: 13px;
+            font-weight: 600;
+            border-radius: 10px;
+            border: 1.5px solid rgba(255, 255, 255, 0.15);
+            text-decoration: none;
+            transition: transform 0.2s, border-color 0.2s, background 0.2s;
+            box-sizing: border-box;
+        }
+
+        .chatUpsellBtnSecondary:hover {
+            transform: translateY(-1px);
+            border-color: rgba(255, 255, 255, 0.3);
+            background: rgba(255, 255, 255, 0.05);
+        }
+
+        /* PRO badge on chat button for non-premium */
+        #chatBtn {
+            position: relative;
+        }
+        .proBadge {
+            position: absolute;
+            top: 2px;
+            right: 2px;
+            background: linear-gradient(135deg, #ffd700, #ffaa00);
+            color: #1a1a1a;
+            font-size: 8px;
+            font-weight: 700;
+            padding: 1px 3px;
+            border-radius: 3px;
+            line-height: 1.2;
+            pointer-events: none;
+        }
+
+        /* Header subtitle */
+        .chatHeaderTitle {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        .chatHeaderTitle > div {
+            display: flex;
+            flex-direction: column;
+        }
+        .chatHeaderTitle > div > span {
+            font-weight: 600;
+        }
+        .chatHeaderTitle > div > small {
+            font-size: 10px;
+            color: var(--text-secondary);
+            font-weight: 400;
+        }
+        .chatHeaderTitle svg {
+            width: 20px;
+            height: 20px;
+            fill: var(--accent);
+            flex-shrink: 0;
         }
 
         #viewerContainer.withChatSidebar {
@@ -2478,12 +2664,19 @@
     <!-- Chat Sidebar -->
     <div id="chatSidebar">
         <div class="sidebarHeader">
-            <span>PDF Chat</span>
+            <div class="chatHeaderTitle">
+                <svg viewBox="0 0 24 24"><path d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5z"/></svg>
+                <div>
+                    <span>PDF Chat</span>
+                    <small id="chatHeaderSubtitle">Yapay zeka ile</small>
+                </div>
+            </div>
             <button class="closeBtn" id="closeChatSidebar">&times;</button>
         </div>
         <div id="chatMessages"></div>
+        <div class="chatCharCount" id="chatCharCount"></div>
         <div id="chatInputArea">
-            <textarea id="chatInput" placeholder="PDF hakkinda soru sorun..." rows="1"></textarea>
+            <textarea id="chatInput" placeholder="Bu PDF hakkında bir soru sorun..." rows="1"></textarea>
             <button id="chatSendBtn">
                 <svg viewBox="0 0 24 24">
                     <path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" />
@@ -3313,8 +3506,9 @@
             });
 
             // ── Unicourse page watermark injection ──
+            const watermarkOn = _cfg && _cfg.watermarkEnabled;
             function injectPageWatermark(pageEl) {
-                if (!pageEl) return;
+                if (!pageEl || !watermarkOn) return;
                 var scale = pdfViewer ? pdfViewer.currentScale : 1;
                 var existing = pageEl.querySelector('.unicourse-page-wm');
                 if (existing) {
@@ -3408,17 +3602,39 @@
             let chatSending = false;
             let chatFirstOpen = true;
             const chatIsPremium = _cfg && _cfg.isPremium;
+            const chatIsVip = _cfg && _cfg.isVip;
 
             // Show chat button if chatEnabled (visible to all users, not just premium)
             if (_cfg && _cfg.chatEnabled) {
                 chatBtnEl.style.display = '';
             }
 
-            // Non-premium: disable input area and show upsell
+            // VIP badge in chat header subtitle
+            if (chatIsVip) {
+                var subtitle = document.getElementById('chatHeaderSubtitle');
+                if (subtitle) {
+                    subtitle.textContent = 'VIP \u2022 Yapay zeka ile';
+                }
+            }
+
+            // Non-premium: hide input area entirely and show PRO badge
             if (!chatIsPremium) {
-                chatInputEl.disabled = true;
-                chatInputEl.placeholder = 'Premium/VIP uyelere ozel...';
-                chatSendBtnEl.disabled = true;
+                document.getElementById('chatInputArea').style.display = 'none';
+                document.getElementById('chatCharCount').style.display = 'none';
+                // Add PRO badge to chat button
+                var proBadge = document.createElement('span');
+                proBadge.className = 'proBadge';
+                proBadge.textContent = 'PRO';
+                chatBtnEl.appendChild(proBadge);
+            }
+
+            // Auto-open chat sidebar for premium users
+            if (_cfg && _cfg.chatEnabled && chatIsPremium) {
+                chatSidebarEl.classList.add('open');
+                chatBtnEl.classList.add('active');
+                container.classList.add('withChatSidebar');
+                chatFirstOpen = false;
+                showChatWelcome();
             }
 
             function toggleChat() {
@@ -3431,7 +3647,7 @@
                 if (isOpening && chatFirstOpen) {
                     chatFirstOpen = false;
                     if (chatIsPremium) {
-                        addChatMessage('system', 'Bu PDF hakkinda sorularinizi sorabilirsiniz.');
+                        showChatWelcome();
                     } else {
                         showChatUpsell();
                     }
@@ -3482,7 +3698,15 @@
                 const msg = document.createElement('div');
                 msg.className = 'chatMsg ' + role;
                 if (role === 'ai') {
-                    msg.innerHTML = renderMarkdown(text);
+                    msg.innerHTML = '<div class="aiBadge"><svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor"><path d="M12 2L9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61z"/></svg> AI</div>' + renderMarkdown(text);
+                } else if (role === 'user') {
+                    var now = new Date();
+                    var timeStr = now.getHours().toString().padStart(2, '0') + ':' + now.getMinutes().toString().padStart(2, '0');
+                    msg.textContent = text;
+                    var ts = document.createElement('span');
+                    ts.className = 'chatTimestamp';
+                    ts.textContent = timeStr;
+                    msg.appendChild(ts);
                 } else {
                     msg.textContent = text;
                 }
@@ -3495,7 +3719,7 @@
                 const msg = document.createElement('div');
                 msg.className = 'chatMsg ai chatLoading';
                 msg.id = 'chatLoadingMsg';
-                msg.innerHTML = '<span>.</span><span>.</span><span>.</span>';
+                msg.innerHTML = '<span class="chatLoadingText">Düşünüyor</span><span class="chatLoadingDots"><span>.</span><span>.</span><span>.</span></span>';
                 chatMessagesEl.appendChild(msg);
                 chatMessagesEl.scrollTop = chatMessagesEl.scrollHeight;
                 return msg;
@@ -3506,17 +3730,46 @@
                 if (el) el.remove();
             }
 
+            function showChatWelcome() {
+                addChatMessage('system', 'Bu PDF hakkında sorularınızı sorabilirsiniz.');
+                var suggestions = document.createElement('div');
+                suggestions.className = 'chatSuggestions';
+                var chips = ['Bu döküman ne hakkında?', 'Özet çıkar', 'Ana noktalar neler?'];
+                chips.forEach(function (text) {
+                    var chip = document.createElement('button');
+                    chip.className = 'chatSuggestionChip';
+                    chip.textContent = text;
+                    chip.onclick = function () {
+                        chatInputEl.value = text;
+                        sendChatMessage();
+                        suggestions.remove();
+                    };
+                    suggestions.appendChild(chip);
+                });
+                chatMessagesEl.appendChild(suggestions);
+                chatMessagesEl.scrollTop = chatMessagesEl.scrollHeight;
+            }
+
             function showChatUpsell() {
+                var uid = (_cfg && _cfg.uid) || 0;
+                var checkoutUrl = 'https://forum.ieu.app/pay/checkout?uid=' + uid;
                 const upsell = document.createElement('div');
                 upsell.className = 'chatUpsell';
                 upsell.innerHTML = '<div class="chatUpsellIcon">' +
-                    '<svg viewBox="0 0 24 24" width="48" height="48" fill="var(--accent)">' +
+                    '<svg viewBox="0 0 24 24" width="48" height="48" fill="#ffd700">' +
                     '<path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/>' +
                     '</svg></div>' +
                     '<div class="chatUpsellTitle">PDF Chat</div>' +
-                    '<div class="chatUpsellText">Bu ozellik <strong>Premium</strong> ve <strong>VIP</strong> uyelere ozeldir. ' +
-                    'PDF\'ler hakkinda yapay zeka ile sohbet edebilir, sorular sorabilirsiniz.</div>' +
-                    '<span class="chatUpsellBtn" style="cursor:default;">Abone Ol</span>';
+                    '<div class="chatUpsellText">PDF\'ler hakkında <strong>yapay zeka</strong> ile sohbet edebilir, sorular sorabilirsiniz. Bu özellik <strong>Premium</strong> ve <strong>VIP</strong> üyelere özeldir.</div>' +
+                    '<div class="chatUpsellActions">' +
+                    '<a href="' + checkoutUrl + '" target="_blank" class="chatUpsellBtn">' +
+                    '<svg viewBox="0 0 24 24" width="18" height="18" fill="#1a1a1a"><path d="M16 18v2H8v-2h8zM11 7.99V16h2V7.99h3L12 4l-4 3.99h3z"/></svg>' +
+                    'Hesabını Yükselt</a>' +
+                    '<div class="chatUpsellDivider">ya da</div>' +
+                    '<a href="https://forum.ieu.app/material-info" target="_blank" class="chatUpsellBtnSecondary">' +
+                    '<svg viewBox="0 0 24 24" width="16" height="16" fill="#ccc"><path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11zM8 15.01l1.41 1.41L11 14.84V19h2v-4.16l1.59 1.59L16 15.01 12.01 11 8 15.01z"/></svg>' +
+                    'Materyal Yükle</a>' +
+                    '</div>';
                 chatMessagesEl.appendChild(upsell);
             }
 
@@ -3561,24 +3814,44 @@
                             chatHistory = chatHistory.slice(-50);
                         }
                     } else {
-                        addChatMessage('system', data.error || 'Bir hata olustu. Tekrar deneyin.');
+                        addChatMessage('error', data.error || 'Bir hata oluştu. Tekrar deneyin.');
                     }
                 } catch (err) {
                     removeChatLoading();
-                    addChatMessage('system', 'Baglanti hatasi. Tekrar deneyin.');
+                    addChatMessage('error', 'Bağlantı hatası. Tekrar deneyin.');
                 } finally {
                     chatSending = false;
                     chatSendBtnEl.disabled = false;
+                    updateSendBtnState();
                     chatInputEl.focus();
                 }
             }
 
             chatSendBtnEl.onclick = sendChatMessage;
 
-            // Auto-grow textarea
+            var chatCharCountEl = document.getElementById('chatCharCount');
+
+            function updateSendBtnState() {
+                var hasText = chatInputEl.value.trim().length > 0;
+                chatSendBtnEl.style.opacity = hasText && !chatSending ? '1' : '0.4';
+            }
+            updateSendBtnState();
+
+            // Auto-grow textarea + character counter + send button state
             chatInputEl.addEventListener('input', () => {
                 chatInputEl.style.height = 'auto';
                 chatInputEl.style.height = Math.min(chatInputEl.scrollHeight, 120) + 'px';
+                updateSendBtnState();
+
+                // Character counter (show at 1800+)
+                var len = chatInputEl.value.length;
+                if (len >= 1800) {
+                    chatCharCountEl.textContent = len + '/2000';
+                    chatCharCountEl.classList.add('visible');
+                    chatCharCountEl.classList.toggle('warning', len >= 1950);
+                } else {
+                    chatCharCountEl.classList.remove('visible');
+                }
             });
 
             // Enter to send, Shift+Enter for newline