nodebb-plugin-pdf-secure2 1.4.2 → 1.5.0

package/static/viewer.html

@@ -7,6 +7,10 @@
         content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
     <title>PDF Viewer</title>
 
+    <!-- KaTeX (math rendering) -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css" crossorigin="anonymous">
+    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.js" crossorigin="anonymous"></script>
+
     <!-- PDF.js -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js" integrity="sha384-/1qUCSGwTur9vjf/z9lmu/eCUYbpOTgSjmpbMQZ1/CtX2v/WcAIKqRv+U1DUCG6e" crossorigin="anonymous"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf_viewer.min.css" integrity="sha384-OPLBIVpTWn5IeFhdZcMhX+XMJ4ZMKDN6ykKH+ZxgPvlpLnTW8qrpBePnYNjyeBQM" crossorigin="anonymous">
@@ -749,6 +753,110 @@
             padding: 0;
         }
 
+        /* Markdown tables in chat */
+        .chatMsg .tableWrap {
+            overflow-x: auto;
+            margin: 6px 0;
+        }
+        .chatMsg table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 12px;
+        }
+        .chatMsg th, .chatMsg td {
+            border: 1px solid rgba(255,255,255,0.15);
+            padding: 4px 8px;
+            text-align: left;
+        }
+        .chatMsg th {
+            background: rgba(255,255,255,0.08);
+            font-weight: 600;
+        }
+        .chatMsg tbody tr:nth-child(even) {
+            background: rgba(255,255,255,0.03);
+        }
+
+        /* Markdown lists in chat */
+        .chatMsg ul, .chatMsg ol {
+            margin: 4px 0;
+            padding-left: 20px;
+        }
+        .chatMsg li {
+            margin: 2px 0;
+        }
+
+        /* Markdown headers in chat */
+        .chatMsg h3, .chatMsg h4, .chatMsg h5 {
+            margin: 8px 0 4px;
+            font-weight: 600;
+            line-height: 1.3;
+        }
+        .chatMsg h3 { font-size: 15px; }
+        .chatMsg h4 { font-size: 14px; }
+        .chatMsg h5 { font-size: 13px; }
+
+        /* Markdown HR in chat */
+        .chatMsg hr {
+            border: none;
+            border-top: 1px solid rgba(255,255,255,0.15);
+            margin: 8px 0;
+        }
+
+        /* Copy button for code blocks and tables */
+        .chatMsg pre, .chatMsg .tableWrap {
+            position: relative;
+        }
+        .chatCopyBtn {
+            position: absolute;
+            top: 4px;
+            right: 4px;
+            background: rgba(255,255,255,0.1);
+            border: 1px solid rgba(255,255,255,0.15);
+            border-radius: 4px;
+            color: var(--text-secondary);
+            font-size: 10px;
+            padding: 2px 6px;
+            cursor: pointer;
+            opacity: 0;
+            transition: opacity 0.15s;
+            z-index: 1;
+            display: flex;
+            align-items: center;
+            gap: 3px;
+        }
+        .chatMsg pre:hover .chatCopyBtn,
+        .chatMsg .tableWrap:hover .chatCopyBtn {
+            opacity: 1;
+        }
+        .chatCopyBtn:hover {
+            background: rgba(255,255,255,0.2);
+            color: var(--text-primary);
+        }
+        .chatCopyBtn.copied {
+            color: #4ade80;
+            opacity: 1;
+        }
+
+        /* LaTeX block math */
+        .chatMsg .katex-block {
+            overflow-x: auto;
+            margin: 6px 0;
+            padding: 4px 0;
+        }
+        .chatMsg .katex-inline {
+            display: inline;
+        }
+
+        /* VIP tip chips clickable */
+        .vipTipsBanner .vipTip {
+            cursor: pointer;
+            transition: background 0.15s, color 0.15s;
+        }
+        .vipTipsBanner .vipTip:hover {
+            background: rgba(255,215,0,0.22);
+            color: #ffd700;
+        }
+
         /* AI badge on AI messages */
         .chatMsg.ai .aiBadge {
             display: flex;
@@ -780,6 +888,84 @@
             border: 1px solid rgba(220, 38, 38, 0.25);
         }
 
+        /* AI message action buttons (copy, regenerate) */
+        .chatMsgActions {
+            display: flex;
+            gap: 8px;
+            margin-top: 6px;
+            opacity: 0;
+            transition: opacity 0.15s;
+        }
+        .chatMsg.ai:hover .chatMsgActions { opacity: 1; }
+        .chatMsgAction {
+            background: none;
+            border: none;
+            color: var(--text-secondary);
+            font-size: 11px;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            gap: 3px;
+            padding: 2px 4px;
+            border-radius: 4px;
+            transition: color 0.15s, background 0.15s;
+        }
+        .chatMsgAction:hover { color: var(--text-primary); background: rgba(255,255,255,0.08); }
+        .chatMsgAction.copied { color: #4ade80; }
+        .chatMsgAction svg { width: 12px; height: 12px; fill: currentColor; }
+
+        /* AI badge timestamp */
+        .aiBadgeTime { font-weight: 400; opacity: 0.6; }
+
+        /* Scroll to bottom button */
+        .chatScrollDown {
+            position: absolute;
+            bottom: 80px;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 32px; height: 32px;
+            border-radius: 50%;
+            background: var(--bg-secondary);
+            border: 1px solid var(--border-color);
+            color: var(--text-primary);
+            font-size: 16px;
+            cursor: pointer;
+            opacity: 0;
+            pointer-events: none;
+            transition: opacity 0.2s;
+            z-index: 5;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        .chatScrollDown:hover { background: var(--bg-tertiary); }
+        .chatScrollDown.visible { opacity: 1; pointer-events: auto; }
+
+        /* Blockquote in AI messages */
+        .chatMsg blockquote {
+            border-left: 3px solid var(--accent);
+            margin: 6px 0;
+            padding: 4px 10px;
+            color: var(--text-secondary);
+            font-style: italic;
+            background: rgba(255,255,255,0.03);
+            border-radius: 0 4px 4px 0;
+        }
+        body[data-tier="vip"] .chatMsg blockquote { border-left-color: #ffd700; }
+
+        /* Table overflow scroll hint */
+        .chatMsg .tableWrap.scrollable::after {
+            content: '';
+            position: absolute;
+            top: 0; right: 0; bottom: 0;
+            width: 20px;
+            background: linear-gradient(to right, transparent, var(--bg-tertiary));
+            pointer-events: none;
+        }
+
+        /* Loading elapsed timer */
+        .chatLoadingElapsed { font-size: 10px; color: var(--text-secondary); opacity: 0.5; margin-left: 4px; }
+
         /* Injection warning banner */
         .chatInjectionWarning {
             background: rgba(255, 170, 0, 0.12);
@@ -862,6 +1048,64 @@
         body[data-tier="vip"] .chatSuggestionChip:hover { border-color: #ffd700; color: #ffd700; background: rgba(255, 215, 0, 0.12); }
         body[data-tier="vip"] .chatSummaryBtn:hover { color: #ffd700; border-color: #ffd700; }
 
+        /* VIP feature tips banner */
+        .vipTipsBanner {
+            display: none;
+            padding: 6px 12px;
+            background: linear-gradient(135deg, rgba(255,215,0,0.08), rgba(255,170,0,0.05));
+            border-bottom: 1px solid rgba(255,215,0,0.15);
+            font-size: 11px;
+            color: var(--text-secondary);
+            line-height: 1.4;
+        }
+        .vipTipsBanner .vipTipsLabel {
+            color: #ffd700;
+            font-weight: 600;
+            font-size: 10px;
+            letter-spacing: 0.3px;
+            margin-bottom: 2px;
+        }
+        .vipTipsBanner .vipTipsItems {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 4px;
+            margin-top: 4px;
+        }
+        .vipTipsBanner .vipTip {
+            background: rgba(255,215,0,0.1);
+            border: 1px solid rgba(255,215,0,0.15);
+            border-radius: 10px;
+            padding: 2px 8px;
+            font-size: 10px;
+            color: rgba(255,215,0,0.8);
+            white-space: nowrap;
+        }
+        body[data-tier="vip"] .vipTipsBanner { display: block; }
+
+        /* Detail mode toggle */
+        .vipTipsRow { display: flex; justify-content: space-between; align-items: center; }
+        .detailToggle { display: flex; align-items: center; gap: 6px; cursor: pointer; user-select: none; }
+        .detailToggle input { display: none; }
+        .detailToggleSlider {
+            width: 28px; height: 16px;
+            background: rgba(255,255,255,0.15);
+            border-radius: 8px;
+            position: relative;
+            transition: background 0.2s;
+        }
+        .detailToggleSlider::after {
+            content: '';
+            position: absolute; left: 2px; top: 2px;
+            width: 12px; height: 12px;
+            background: var(--text-secondary);
+            border-radius: 50%;
+            transition: transform 0.2s, background 0.2s;
+        }
+        .detailToggle input:checked + .detailToggleSlider { background: rgba(255,215,0,0.3); }
+        .detailToggle input:checked + .detailToggleSlider::after { transform: translateX(12px); background: #ffd700; }
+        .detailToggleText { font-size: 10px; color: var(--text-secondary); font-weight: 500; transition: color 0.2s; }
+        .detailToggle input:checked ~ .detailToggleText { color: #ffd700; }
+
         /* Suggestion chips */
         .chatSuggestions {
             display: flex;
@@ -2868,7 +3112,25 @@
             </button>
             <button class="closeBtn" id="closeChatSidebar">&times;</button>
         </div>
+        <div class="vipTipsBanner" id="vipTipsBanner">
+            <div class="vipTipsRow">
+                <div class="vipTipsLabel">VIP — Benden isteyebileceklerin:</div>
+                <label class="detailToggle" id="detailToggleLabel">
+                    <input type="checkbox" id="detailToggle">
+                    <span class="detailToggleSlider"></span>
+                    <span class="detailToggleText">Detaylı</span>
+                </label>
+            </div>
+            <div class="vipTipsItems">
+                <span class="vipTip">detayli aciklama</span>
+                <span class="vipTip">ornek ver</span>
+                <span class="vipTip">sinav sorusu</span>
+                <span class="vipTip">karsilastirma tablosu</span>
+                <span class="vipTip">ezber teknigi</span>
+            </div>
+        </div>
         <div id="chatMessages"></div>
+        <button id="chatScrollDown" class="chatScrollDown">&#x2193;</button>
         <div class="chatCharCount" id="chatCharCount"></div>
         <div class="chatQuotaBar" id="chatQuotaBar">
             <div class="chatQuotaTrack"><div class="chatQuotaFill" id="chatQuotaFill"></div></div>
@@ -2937,6 +3199,18 @@
                 return originalToBlob.apply(this, arguments);
             };
 
+            // Block getImageData for PDF page canvases (prevents raw pixel extraction)
+            const originalGetImageData = CanvasRenderingContext2D.prototype.getImageData;
+            CanvasRenderingContext2D.prototype.getImageData = function () {
+                if (this.canvas && this.canvas.closest && this.canvas.closest('.page') && this.canvas.closest('#viewerContainer')) {
+                    // Return blank ImageData of requested size
+                    var w = arguments[2] || 1;
+                    var h = arguments[3] || 1;
+                    return new ImageData(w, h);
+                }
+                return originalGetImageData.apply(this, arguments);
+            };
+
             pdfjsLib.GlobalWorkerOptions.workerSrc = '';
 
             // State - now private, not accessible from console
@@ -3499,38 +3773,9 @@
                 }
 
                 try {
-                    // ============================================
-                    // SPA CACHE - Check if parent has cached buffer
-                    // ============================================
                     let pdfBuffer = null;
 
-                    if (window.parent && window.parent !== window) {
-                        // Request cached buffer from parent
-                        const cachePromise = new Promise((resolve) => {
-                            const handler = (event) => {
-                                if (event.data && event.data.type === 'pdf-secure-cache-response' && event.data.filename === config.filename) {
-                                    window.removeEventListener('message', handler);
-                                    resolve(event.data.buffer);
-                                }
-                            };
-                            window.addEventListener('message', handler);
-
-                            // Timeout after 100ms
-                            setTimeout(() => {
-                                window.removeEventListener('message', handler);
-                                resolve(null);
-                            }, 100);
-
-                            window.parent.postMessage({ type: 'pdf-secure-cache-request', filename: config.filename }, window.location.origin);
-                        });
-
-                        pdfBuffer = await cachePromise;
-                        if (pdfBuffer) {
-                        }
-                    }
-
-                    // If no cache, fetch from server
-                    if (!pdfBuffer) {
+                    {
                         // Nonce and key are embedded in HTML config (not fetched from API)
                         const nonce = config.nonce;
                         const decryptKey = config.dk;
@@ -3546,23 +3791,12 @@
 
                         const encodedBuffer = await pdfRes.arrayBuffer();
 
-                        // Decrypt AES-256-GCM encrypted data
-                        if (decryptKey && decryptIv) {
-                            pdfBuffer = await aesGcmDecode(encodedBuffer, decryptKey, decryptIv);
-                        } else {
-                            pdfBuffer = encodedBuffer;
+                        // Decrypt AES-256-GCM encrypted data (refuse to load without encryption)
+                        if (!decryptKey || !decryptIv) {
+                            throw new Error('Missing encryption parameters');
                         }
+                        pdfBuffer = await aesGcmDecode(encodedBuffer, decryptKey, decryptIv);
 
-                        // Send buffer to parent for caching (premium only - non-premium must not leak decoded buffer)
-                        if ((_cfg.isPremium !== false || _cfg.isLite) && window.parent && window.parent !== window) {
-                            // Clone buffer for parent (we keep original)
-                            const bufferCopy = pdfBuffer.slice(0);
-                            window.parent.postMessage({
-                                type: 'pdf-secure-buffer',
-                                filename: config.filename,
-                                buffer: bufferCopy
-                            }, window.location.origin, [bufferCopy]);  // Transferable
-                        }
                     }
 
 
@@ -3606,6 +3840,18 @@
                         };
                     }
 
+                    // Security: Wipe decryption keys from config to prevent memory inspection
+                    if (config) {
+                        config.dk = null;
+                        config.iv = null;
+                        config.nonce = null;
+                    }
+                    if (_cfg) {
+                        _cfg.dk = null;
+                        _cfg.iv = null;
+                        _cfg.nonce = null;
+                    }
+
 
                 } catch (err) {
 
@@ -3810,6 +4056,17 @@
             const chatIsPremium = _cfg && _cfg.isPremium;
             const chatIsVip = _cfg && _cfg.isVip;
 
+            // Detail mode toggle (VIP only)
+            var chatDetailMode = false;
+            var detailToggleEl = document.getElementById('detailToggle');
+            if (chatIsVip && detailToggleEl) {
+                try { chatDetailMode = localStorage.getItem('pdfChat_detailMode') === 'true'; detailToggleEl.checked = chatDetailMode; } catch (e) { /* localStorage unavailable */ }
+                detailToggleEl.addEventListener('change', function () {
+                    chatDetailMode = detailToggleEl.checked;
+                    try { localStorage.setItem('pdfChat_detailMode', String(chatDetailMode)); } catch (e) { /* ignore */ }
+                });
+            }
+
             // Show chat button if chatEnabled (visible to all users, not just premium)
             if (_cfg && _cfg.chatEnabled) {
                 chatBtnEl.style.display = '';
@@ -3901,6 +4158,37 @@
 
             chatBtnEl.onclick = toggleChat;
 
+            // Scroll-to-bottom button
+            var chatScrollDownBtn = document.getElementById('chatScrollDown');
+            if (chatScrollDownBtn) {
+                chatMessagesEl.addEventListener('scroll', function () {
+                    var atBottom = chatMessagesEl.scrollHeight - chatMessagesEl.scrollTop - chatMessagesEl.clientHeight < 60;
+                    chatScrollDownBtn.classList.toggle('visible', !atBottom);
+                });
+                chatScrollDownBtn.onclick = function () {
+                    chatMessagesEl.scrollTo({ top: chatMessagesEl.scrollHeight, behavior: 'smooth' });
+                };
+            }
+
+            // VIP tip chips — click to populate chat input
+            var vipTipChips = document.querySelectorAll('.vipTip');
+            var vipTipPrompts = {
+                'detayli aciklama': 'Bu konuyu detayli aciklar misin?',
+                'ornek ver': 'Bununla ilgili somut bir ornek verir misin?',
+                'sinav sorusu': 'Bu konudan cikmis veya cikabilecek sinav sorulari neler?',
+                'karsilastirma tablosu': 'Bu konudaki kavramlari karsilastirma tablosu ile goster',
+                'ezber teknigi': 'Bu konuyu kolayca ezberlemek icin teknik onerir misin?',
+            };
+            vipTipChips.forEach(function (chip) {
+                chip.onclick = function () {
+                    var prompt = vipTipPrompts[chip.textContent.trim()];
+                    if (prompt && chatInputEl) {
+                        chatInputEl.value = prompt;
+                        sendChatMessage();
+                    }
+                };
+            });
+
             closeChatBtn.onclick = () => {
                 chatSidebarEl.classList.remove('open');
                 chatBtnEl.classList.remove('active');
@@ -3917,12 +4205,19 @@
 
                 var frag = document.createDocumentFragment();
 
-                // Split into code blocks and normal text
-                var parts = text.split(/(```[\s\S]*?```)/g);
+                // Split into code blocks, LaTeX blocks ($$...$$), and normal text
+                var parts = text.split(/(```[\s\S]*?```|\$\$[\s\S]*?\$\$)/g);
                 for (var pi = 0; pi < parts.length; pi++) {
                     var part = parts[pi];
                     if (!part) continue;
 
+                    // LaTeX block: $$...$$
+                    if (part.startsWith('$$') && part.endsWith('$$') && part.length > 4) {
+                        var latex = part.slice(2, -2).trim();
+                        frag.appendChild(renderMath(latex, true));
+                        continue;
+                    }
+
                     // Code block
                     if (part.startsWith('```') && part.endsWith('```')) {
                         var codeContent = part.slice(3, -3);
@@ -3935,31 +4230,267 @@
                         var code = document.createElement('code');
                         code.textContent = codeContent.trim();
                         pre.appendChild(code);
+                        pre.appendChild(createCopyBtn(codeContent.trim()));
                         frag.appendChild(pre);
                         continue;
                     }
 
-                    // Normal text — process inline formatting
-                    renderInlineMarkdown(part, frag);
+                    // Normal text — process block and inline formatting
+                    renderBlocks(part, frag);
                 }
                 return frag;
             }
 
-            function renderInlineMarkdown(text, parent) {
-                // Split by lines first
+            // Block-level markdown: tables, lists, headers, HR
+            // Falls back to inline formatting for regular text
+            function renderBlocks(text, parent) {
                 var lines = text.split('\n');
-                for (var li = 0; li < lines.length; li++) {
-                    if (li > 0) parent.appendChild(document.createElement('br'));
-                    var line = lines[li];
-                    if (!line) continue;
-
-                    // Tokenize: inline code, bold, italic, page citations
-                    // Process left-to-right with a simple state machine
-                    var tokens = tokenizeInline(line);
-                    for (var ti = 0; ti < tokens.length; ti++) {
-                        parent.appendChild(tokens[ti]);
+                var i = 0;
+                var paraBuf = [];
+                var hasOutput = false; // track if we've rendered anything yet
+
+                function flushPara() {
+                    if (paraBuf.length === 0) return;
+                    if (hasOutput) parent.appendChild(document.createElement('br'));
+                    for (var pi = 0; pi < paraBuf.length; pi++) {
+                        if (pi > 0) parent.appendChild(document.createElement('br'));
+                        var tokens = tokenizeInline(paraBuf[pi]);
+                        for (var t = 0; t < tokens.length; t++) {
+                            parent.appendChild(tokens[t]);
+                        }
                     }
+                    paraBuf = [];
+                    hasOutput = true;
                 }
+
+                while (i < lines.length) {
+                    var trimmed = lines[i].trim();
+
+                    // Empty line — flush paragraph buffer
+                    if (!trimmed) { flushPara(); i++; continue; }
+
+                    // Horizontal rule: --- or *** or ___
+                    if (/^[-*_]{3,}\s*$/.test(trimmed) && !/\S/.test(trimmed.replace(/[-*_]/g, ''))) {
+                        flushPara();
+                        parent.appendChild(document.createElement('hr'));
+                        hasOutput = true;
+                        i++; continue;
+                    }
+
+                    // Header: # ## ### ####
+                    var hMatch = trimmed.match(/^(#{1,4})\s+(.+)/);
+                    if (hMatch) {
+                        flushPara();
+                        var hEl = document.createElement('h' + Math.min(hMatch[1].length + 2, 5));
+                        var hTokens = tokenizeInline(hMatch[2]);
+                        for (var t = 0; t < hTokens.length; t++) hEl.appendChild(hTokens[t]);
+                        parent.appendChild(hEl);
+                        hasOutput = true;
+                        i++; continue;
+                    }
+
+                    // Blockquote: > text
+                    if (trimmed.startsWith('> ')) {
+                        flushPara();
+                        var bq = document.createElement('blockquote');
+                        var bqTokens = tokenizeInline(trimmed.slice(2));
+                        for (var t = 0; t < bqTokens.length; t++) bq.appendChild(bqTokens[t]);
+                        parent.appendChild(bq);
+                        hasOutput = true;
+                        i++; continue;
+                    }
+
+                    // Table: lines containing | with a separator row
+                    if (trimmed.includes('|') && i + 1 < lines.length) {
+                        var tLines = [];
+                        var j = i;
+                        while (j < lines.length && lines[j].trim().includes('|')) {
+                            tLines.push(lines[j].trim());
+                            j++;
+                        }
+                        if (tLines.length >= 2 && /^\|?[\s:|-]+\|?$/.test(tLines[1]) && tLines[1].includes('-')) {
+                            flushPara();
+                            var table = renderTable(tLines);
+                            if (table) {
+                                var wrap = document.createElement('div');
+                                wrap.className = 'tableWrap';
+                                wrap.appendChild(table);
+                                wrap.appendChild(createCopyBtn(tableToText(table)));
+                                parent.appendChild(wrap);
+                                // Detect horizontal overflow for scroll hint
+                                requestAnimationFrame(function () {
+                                    if (wrap.scrollWidth > wrap.clientWidth) wrap.classList.add('scrollable');
+                                });
+                                wrap.addEventListener('scroll', function () {
+                                    var atEnd = wrap.scrollLeft + wrap.clientWidth >= wrap.scrollWidth - 5;
+                                    wrap.classList.toggle('scrollable', !atEnd);
+                                });
+                                hasOutput = true;
+                                i = j; continue;
+                            }
+                        }
+                    }
+
+                    // Unordered list: - item or * item (but not ---)
+                    if (/^[-*]\s+/.test(trimmed)) {
+                        flushPara();
+                        var ul = document.createElement('ul');
+                        while (i < lines.length) {
+                            var lt = lines[i].trim();
+                            var lm = lt.match(/^[-*]\s+(.*)/);
+                            if (lm) {
+                                var li2 = document.createElement('li');
+                                var liTokens = tokenizeInline(lm[1]);
+                                for (var t = 0; t < liTokens.length; t++) li2.appendChild(liTokens[t]);
+                                ul.appendChild(li2);
+                                i++;
+                            } else if (!lt) {
+                                i++;
+                                if (i < lines.length && /^[-*]\s+/.test(lines[i].trim())) continue;
+                                break;
+                            } else { break; }
+                        }
+                        parent.appendChild(ul);
+                        hasOutput = true;
+                        continue;
+                    }
+
+                    // Ordered list: 1. item or 1) item
+                    if (/^\d+[.)]\s+/.test(trimmed)) {
+                        flushPara();
+                        var ol = document.createElement('ol');
+                        while (i < lines.length) {
+                            var lt = lines[i].trim();
+                            var om = lt.match(/^\d+[.)]\s+(.*)/);
+                            if (om) {
+                                var li3 = document.createElement('li');
+                                var oTokens = tokenizeInline(om[1]);
+                                for (var t = 0; t < oTokens.length; t++) li3.appendChild(oTokens[t]);
+                                ol.appendChild(li3);
+                                i++;
+                            } else if (!lt) {
+                                i++;
+                                if (i < lines.length && /^\d+[.)]\s+/.test(lines[i].trim())) continue;
+                                break;
+                            } else { break; }
+                        }
+                        parent.appendChild(ol);
+                        hasOutput = true;
+                        continue;
+                    }
+
+                    // Regular text line — buffer for paragraph
+                    paraBuf.push(trimmed);
+                    i++;
+                }
+                flushPara();
+            }
+
+            function renderTable(tLines) {
+                var headerCells = parseTableRow(tLines[0]);
+                if (!headerCells || headerCells.length === 0) return null;
+
+                // Parse alignments from separator row
+                var sepCells = parseTableRow(tLines[1]);
+                var aligns = sepCells ? sepCells.map(function (c) {
+                    c = c.trim();
+                    if (c.charAt(0) === ':' && c.charAt(c.length - 1) === ':') return 'center';
+                    if (c.charAt(c.length - 1) === ':') return 'right';
+                    return '';
+                }) : [];
+
+                var table = document.createElement('table');
+                var thead = document.createElement('thead');
+                var hRow = document.createElement('tr');
+                for (var c = 0; c < headerCells.length; c++) {
+                    var th = document.createElement('th');
+                    if (aligns[c]) th.style.textAlign = aligns[c];
+                    var tokens = tokenizeInline(headerCells[c].trim());
+                    for (var t = 0; t < tokens.length; t++) th.appendChild(tokens[t]);
+                    hRow.appendChild(th);
+                }
+                thead.appendChild(hRow);
+                table.appendChild(thead);
+
+                var tbody = document.createElement('tbody');
+                for (var r = 2; r < tLines.length; r++) {
+                    var cells = parseTableRow(tLines[r]);
+                    if (!cells) continue;
+                    var tr = document.createElement('tr');
+                    for (var c = 0; c < cells.length; c++) {
+                        var td = document.createElement('td');
+                        if (aligns[c]) td.style.textAlign = aligns[c];
+                        var tokens = tokenizeInline((cells[c] || '').trim());
+                        for (var t = 0; t < tokens.length; t++) td.appendChild(tokens[t]);
+                        tr.appendChild(td);
+                    }
+                    tbody.appendChild(tr);
+                }
+                table.appendChild(tbody);
+                return table;
+            }
+
+            function parseTableRow(line) {
+                line = line.trim();
+                if (line.charAt(0) === '|') line = line.slice(1);
+                if (line.charAt(line.length - 1) === '|') line = line.slice(0, -1);
+                if (!line) return null;
+                return line.split('|');
+            }
+
+            // Copy button helper (used for code blocks and tables)
+            function createCopyBtn(textToCopy) {
+                var btn = document.createElement('button');
+                btn.className = 'chatCopyBtn';
+                btn.textContent = 'Kopyala';
+                btn.onclick = function (e) {
+                    e.stopPropagation();
+                    navigator.clipboard.writeText(textToCopy).then(function () {
+                        btn.textContent = 'Kopyalandi!';
+                        btn.classList.add('copied');
+                        setTimeout(function () {
+                            btn.textContent = 'Kopyala';
+                            btn.classList.remove('copied');
+                        }, 1500);
+                    }).catch(function () {
+                        btn.textContent = 'Hata!';
+                        setTimeout(function () { btn.textContent = 'Kopyala'; }, 1500);
+                    });
+                };
+                return btn;
+            }
+
+            // Convert table element to tab-separated text for clipboard
+            function tableToText(table) {
+                var lines = [];
+                var rows = table.querySelectorAll('tr');
+                for (var r = 0; r < rows.length; r++) {
+                    var cells = rows[r].querySelectorAll('th, td');
+                    var line = [];
+                    for (var c = 0; c < cells.length; c++) {
+                        line.push(cells[c].textContent.trim());
+                    }
+                    lines.push(line.join('\t'));
+                }
+                return lines.join('\n');
+            }
+
+            // Render LaTeX math expression (inline or block)
+            function renderMath(latex, displayMode) {
+                if (typeof katex === 'undefined') {
+                    // KaTeX not loaded, show raw LaTeX
+                    var fallback = document.createElement('code');
+                    fallback.textContent = (displayMode ? '$$' : '$') + latex + (displayMode ? '$$' : '$');
+                    return fallback;
+                }
+                var container = document.createElement('span');
+                container.className = displayMode ? 'katex-block' : 'katex-inline';
+                try {
+                    katex.render(latex, container, { displayMode: displayMode, throwOnError: false });
+                } catch (e) {
+                    container.textContent = latex;
+                }
+                return container;
             }
 
             function tokenizeInline(line) {
@@ -4000,6 +4531,26 @@
                 }
 
                 while (i < line.length) {
+                    // Block math: $$...$$
+                    if (line[i] === '$' && line[i + 1] === '$') {
+                        var endM = line.indexOf('$$', i + 2);
+                        if (endM !== -1) {
+                            flushBuf();
+                            nodes.push(renderMath(line.slice(i + 2, endM), true));
+                            i = endM + 2;
+                            continue;
+                        }
+                    }
+                    // Inline math: $...$  (but not $$)
+                    if (line[i] === '$' && line[i + 1] !== '$') {
+                        var endM2 = line.indexOf('$', i + 1);
+                        if (endM2 !== -1 && endM2 > i + 1) {
+                            flushBuf();
+                            nodes.push(renderMath(line.slice(i + 1, endM2), false));
+                            i = endM2 + 1;
+                            continue;
+                        }
+                    }
                     // Inline code: `...`
                     if (line[i] === '`') {
                         var end = line.indexOf('`', i + 1);
@@ -4036,6 +4587,18 @@
                             continue;
                         }
                     }
+                    // Strikethrough: ~~...~~
+                    if (line[i] === '~' && line[i + 1] === '~') {
+                        var endS = line.indexOf('~~', i + 2);
+                        if (endS !== -1 && endS - i < 5002) {
+                            flushBuf();
+                            var del = document.createElement('del');
+                            del.textContent = line.slice(i + 2, endS);
+                            nodes.push(del);
+                            i = endS + 2;
+                            continue;
+                        }
+                    }
                     buf += line[i];
                     i++;
                 }
@@ -4057,6 +4620,11 @@
                 svg.appendChild(path);
                 badge.appendChild(svg);
                 badge.appendChild(document.createTextNode(' AI'));
+                var ts = document.createElement('span');
+                ts.className = 'aiBadgeTime';
+                var now = new Date();
+                ts.textContent = ' \u2022 ' + now.getHours().toString().padStart(2, '0') + ':' + now.getMinutes().toString().padStart(2, '0');
+                badge.appendChild(ts);
                 return badge;
             }
 
@@ -4072,6 +4640,32 @@
                     }
                     msg.appendChild(createAiBadge());
                     msg.appendChild(renderMarkdownSafe(text));
+
+                    // Action buttons (regenerate)
+                    var actions = document.createElement('div');
+                    actions.className = 'chatMsgActions';
+
+                    var regenBtn = document.createElement('button');
+                    regenBtn.className = 'chatMsgAction';
+                    regenBtn.innerHTML = '<svg viewBox="0 0 24 24"><path d="M17.65 6.35A7.958 7.958 0 0012 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0112 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"/></svg> Tekrar sor';
+                    regenBtn.onclick = function () {
+                        if (chatHistory.length >= 2) {
+                            var lastQ = chatHistory[chatHistory.length - 2];
+                            if (lastQ.role === 'user') {
+                                chatHistory.pop();
+                                chatHistory.pop();
+                                var msgs = chatMessagesEl.querySelectorAll('.chatMsg');
+                                if (msgs.length >= 2) {
+                                    msgs[msgs.length - 1].remove();
+                                    msgs[msgs.length - 2].remove();
+                                }
+                                chatInputEl.value = lastQ.text;
+                                sendChatMessage();
+                            }
+                        }
+                    };
+                    actions.appendChild(regenBtn);
+                    msg.appendChild(actions);
                 } else if (role === 'user') {
                     var now = new Date();
                     var timeStr = now.getHours().toString().padStart(2, '0') + ':' + now.getMinutes().toString().padStart(2, '0');
@@ -4089,18 +4683,34 @@
             }
 
             function showChatLoading() {
-                const msg = document.createElement('div');
+                var loadText = chatDetailMode ? 'Detayl\u0131 analiz haz\u0131rlan\u0131yor' : 'D\u00fc\u015f\u00fcn\u00fcyor';
+                var msg = document.createElement('div');
                 msg.className = 'chatMsg ai chatLoading';
                 msg.id = 'chatLoadingMsg';
-                msg.innerHTML = '<span class="chatLoadingText">Düşünüyor</span><span class="chatLoadingDots"><span>.</span><span>.</span><span>.</span></span>';
+                msg.innerHTML = '<span class="chatLoadingText">' + loadText + '</span><span class="chatLoadingDots"><span>.</span><span>.</span><span>.</span></span>';
+                var elapsed = document.createElement('span');
+                elapsed.className = 'chatLoadingElapsed';
+                elapsed.style.display = 'none';
+                msg.appendChild(elapsed);
+                var startTime = Date.now();
+                msg._timer = setInterval(function () {
+                    var secs = Math.floor((Date.now() - startTime) / 1000);
+                    if (secs >= 5) {
+                        elapsed.style.display = '';
+                        elapsed.textContent = '(' + secs + 's)';
+                    }
+                }, 1000);
                 chatMessagesEl.appendChild(msg);
                 chatMessagesEl.scrollTop = chatMessagesEl.scrollHeight;
                 return msg;
             }
 
             function removeChatLoading() {
-                const el = document.getElementById('chatLoadingMsg');
-                if (el) el.remove();
+                var el = document.getElementById('chatLoadingMsg');
+                if (el) {
+                    if (el._timer) clearInterval(el._timer);
+                    el.remove();
+                }
             }
 
             // Quota usage bar
@@ -4172,7 +4782,7 @@
                     var existingChips = suggestions.querySelectorAll('.chatSuggestionChip');
                     existingChips.forEach(function (c) { c.classList.add('loading'); });
 
-                    fetch((_cfg.relativePath || '') + '/api/v3/plugins/pdf-secure/suggestions?filename=' + encodeURIComponent(_cfg.filename), {
+                    fetch((_cfg.relativePath || '') + '/api/v3/plugins/pdf-secure/suggestions?filename=' + encodeURIComponent(_cfg.filename) + '&tid=' + encodeURIComponent(_cfg.tid || 0), {
                         headers: { 'x-csrf-token': _cfg.csrfToken || '' },
                     })
                     .then(function (r) { return r.json(); })
@@ -4211,9 +4821,14 @@
                     suggestions.appendChild(chip);
                 });
 
-                // Trigger AI suggestions on hover/focus of the suggestions area (lazy)
-                suggestions.addEventListener('mouseenter', loadAiSuggestions, { once: true });
-                suggestions.addEventListener('focusin', loadAiSuggestions, { once: true });
+                // VIP: auto-load context-aware suggestions immediately
+                // Premium: lazy-load on hover/focus (avoids unnecessary API calls)
+                if (chatIsVip) {
+                    setTimeout(loadAiSuggestions, 0);
+                } else {
+                    suggestions.addEventListener('mouseenter', loadAiSuggestions, { once: true });
+                    suggestions.addEventListener('focusin', loadAiSuggestions, { once: true });
+                }
 
                 chatMessagesEl.appendChild(suggestions);
                 chatMessagesEl.scrollTop = chatMessagesEl.scrollHeight;
@@ -4398,8 +5013,10 @@
                         },
                         body: JSON.stringify({
                             filename: _cfg.filename,
+                            tid: _cfg.tid || 0,
                             question: question,
                             history: chatHistory,
+                            detailMode: chatDetailMode,
                         }),
                     });
 
@@ -4424,7 +5041,16 @@
                             chatHistory = chatHistory.slice(-50);
                         }
                     } else {
-                        addChatMessage('error', data.error || 'Bir hata oluştu. Tekrar deneyin.');
+                        var errorMsg = addChatMessage('error', data.error || 'Bir hata oluştu. Tekrar deneyin.');
+                        // Show upgrade button for file size limit errors (Premium -> VIP)
+                        if (data.showUpgrade && errorMsg) {
+                            var uid = (_cfg && _cfg.uid) || 0;
+                            var upgradeBtn = document.createElement('button');
+                            upgradeBtn.style.cssText = 'margin-top:8px;padding:4px 12px;background:linear-gradient(135deg,#ffd700,#ffaa00);color:#1a1a1a;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;';
+                            upgradeBtn.textContent = 'VIP\'e Y\u00fckselt';
+                            upgradeBtn.addEventListener('click', function () { window.open('https://forum.ieu.app/pay/checkout?uid=' + uid, '_blank'); });
+                            errorMsg.appendChild(upgradeBtn);
+                        }
                     }
                 } catch (err) {
                     removeChatLoading();