nzgnzg73
/

System_Controller

Model card Files Files and versions

xet

Community

nzgnzg73 commited on Apr 17

Commit

a7ef04e

verified ·

1 Parent(s): 46f982d

Upload voice to text.html

Browse files

Files changed (1) hide show

Speech to text/voice to text.html +1433 -0

Speech to text/voice to text.html ADDED Viewed

	@@ -0,0 +1,1433 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
+    <title>NZG 73 Pro - Speech to Text (Complete)</title>
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        :root {
+            --bg-primary: #0a0a0a; --bg-secondary: #1a1a2e; --bg-card: rgba(255,255,255,0.05);
+            --text-primary: #ffffff; --text-secondary: #888888; --accent: #00d4ff; --accent2: #00ff88; --danger: #ff0040;
+            --font-size: 18px;
+        }
+        body.light-mode {
+            --bg-primary: #f5f5f5; --bg-secondary: #ffffff; --bg-card: rgba(0,0,0,0.05); --text-primary: #1a1a1a; --text-secondary: #666666;
+        }
+        body {
+            font-family: 'Segoe UI', Tahoma, sans-serif;
+            background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
+            min-height: 100vh;
+            color: var(--text-primary);
+            transition: all 0.3s ease;
+        }
+        /* Top Bar */
+        .top-bar {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 10px 15px;
+            background: rgba(0,0,0,0.3);
+            position: sticky;
+            top: 0;
+            z-index: 100;
+            backdrop-filter: blur(10px);
+            animation: slideDown 0.5s ease;
+        }
+        .logo {
+            font-size: 24px;
+            font-weight: bold;
+            background: linear-gradient(45deg, #ff0080, #00d4ff, #00ff88);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            animation: glow 2s infinite alternate;
+        }
+        .icon-btn {
+            width: 40px;
+            height: 40px;
+            border-radius: 50%;
+            border: 2px solid var(--accent);
+            background: transparent;
+            color: var(--text-primary);
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 18px;
+            transition: all 0.3s;
+        }
+        .icon-btn:hover {
+            transform: scale(1.1);
+            box-shadow: 0 0 10px var(--accent);
+        }
+        /* Tabs */
+        .tabs {
+            display: flex;
+            justify-content: center;
+            gap: 5px;
+            padding: 15px;
+            background: var(--bg-card);
+            flex-wrap: wrap;
+            animation: fadeIn 0.8s ease;
+        }
+        .tab-btn {
+            padding: 10px 20px;
+            border: none;
+            background: transparent;
+            color: var(--text-secondary);
+            cursor: pointer;
+            font-weight: bold;
+            border-radius: 25px;
+            transition: all 0.3s;
+        }
+        .tab-btn:hover {
+            transform: translateY(-2px);
+        }
+        .tab-btn.active {
+            background: var(--accent);
+            color: #000;
+            animation: pulseBtn 2s infinite;
+        }
+        /* Content */
+        .tab-content {
+            display: none;
+            padding: 15px;
+            max-width: 1000px;
+            margin: 0 auto;
+        }
+        .tab-content.active {
+            display: block;
+            animation: slideUp 0.5s ease;
+        }
+        /* Animations */
+        @keyframes slideDown {
+            from { transform: translateY(-20px); opacity: 0; }
+            to { transform: translateY(0); opacity: 1; }
+        }
+        @keyframes slideUp {
+            from { transform: translateY(20px); opacity: 0; }
+            to { transform: translateY(0); opacity: 1; }
+        }
+        @keyframes fadeIn {
+            from { opacity: 0; }
+            to { opacity: 1; }
+        }
+        @keyframes glow {
+            from { text-shadow: 0 0 10px #00d4ff, 0 0 20px #00d4ff; }
+            to { text-shadow: 0 0 20px #ff0080, 0 0 30px #ff0080; }
+        }
+        @keyframes pulseBtn {
+            0% { box-shadow: 0 0 0 0 rgba(0, 212, 255, 0.7); }
+            70% { box-shadow: 0 0 0 10px rgba(0, 212, 255, 0); }
+            100% { box-shadow: 0 0 0 0 rgba(0, 212, 255, 0); }
+        }
+        @keyframes bounce {
+            0%, 100% { transform: translateY(0); }
+            50% { transform: translateY(-10px); }
+        }
+        /* Mic & Lang */
+        .lang-section {
+            background: var(--bg-card);
+            border-radius: 15px;
+            padding: 15px;
+            margin-bottom: 15px;
+            text-align: center;
+            animation: fadeIn 1s ease;
+        }
+        .lang-buttons {
+            display: flex;
+            justify-content: center;
+            gap: 8px;
+            flex-wrap: wrap;
+            margin-top: 10px;
+        }
+        .lang-btn {
+            padding: 8px 16px;
+            border: 2px solid #444;
+            background: transparent;
+            color: var(--text-primary);
+            border-radius: 20px;
+            cursor: pointer;
+            transition: all 0.3s;
+        }
+        .lang-btn:hover {
+            transform: scale(1.05);
+        }
+        .lang-btn.active {
+            background: var(--accent);
+            color: #000;
+            border-color: var(--accent);
+            animation: bounce 0.5s;
+        }
+        .mic-section {
+            text-align: center;
+            padding: 20px;
+            animation: fadeIn 1.2s ease;
+        }
+        .mic-btn {
+            width: 90px;
+            height: 90px;
+            border-radius: 50%;
+            border: 4px solid #333;
+            background: #222;
+            cursor: pointer;
+            font-size: 40px;
+            transition: all 0.3s;
+            color: #fff;
+            animation: bounce 2s infinite;
+        }
+        .mic-btn:hover {
+            border-color: var(--accent);
+            transform: scale(1.05);
+        }
+        .mic-btn.recording {
+            border-color: var(--danger);
+            animation: pulse 1s infinite;
+            background: #300;
+        }
+        @keyframes pulse {
+            0% { box-shadow: 0 0 0 0 rgba(255,0,64,0.7); }
+            70% { box-shadow: 0 0 0 20px rgba(255,0,64,0); }
+        }
+        .mic-status {
+            margin-top: 10px;
+            color: var(--text-secondary);
+            font-weight: bold;
+        }
+        /* Editor */
+        .text-section {
+            background: var(--bg-card);
+            border-radius: 15px;
+            padding: 15px;
+            animation: fadeIn 1.5s ease;
+        }
+        .text-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 10px;
+            flex-wrap: wrap;
+            gap: 10px;
+        }
+        .action-btn {
+            padding: 6px 12px;
+            border: 1px solid #444;
+            background: rgba(255,255,255,0.05);
+            color: var(--text-primary);
+            border-radius: 15px;
+            cursor: pointer;
+            font-size: 12px;
+            transition: all 0.3s;
+            display: flex;
+            align-items: center;
+            gap: 5px;
+        }
+        .action-btn:hover {
+            background: var(--accent);
+            color: #000;
+            transform: translateY(-2px);
+        }
+        /* Text zoom buttons */
+        .zoom-controls {
+            display: flex;
+            gap: 5px;
+            margin-left: 10px;
+        }
+        .zoom-btn {
+            width: 30px;
+            height: 30px;
+            border-radius: 50%;
+            border: 1px solid #444;
+            background: rgba(255,255,255,0.05);
+            color: var(--text-primary);
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-weight: bold;
+            transition: all 0.3s;
+        }
+        .zoom-btn:hover {
+            background: var(--accent);
+            color: #000;
+        }
+        .text-editor {
+            width: 100%;
+            min-height: 250px;
+            background: rgba(0,0,0,0.3);
+            border: 1px solid #333;
+            border-radius: 10px;
+            padding: 15px;
+            color: var(--text-primary);
+            font-size: var(--font-size);
+            line-height: 1.6;
+            resize: vertical;
+            font-family: inherit;
+            transition: all 0.3s;
+            overflow-y: auto;
+            overflow-x: hidden;
+            white-space: pre-wrap;
+            word-break: break-word;
+            -webkit-overflow-scrolling: touch;
+        }
+        .text-editor.urdu-mode {
+            direction: rtl;
+            text-align: right;
+            font-family: 'Noto Nastaliq Urdu', 'Segoe UI', Arial, serif;
+        }
+        body.light-mode .text-editor {
+            background: #fff;
+            border-color: #ccc;
+            color: #000;
+        }
+        /* History Items */
+        .history-list {
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+        }
+        .history-item {
+            background: var(--bg-card);
+            padding: 15px;
+            border-radius: 10px;
+            border: 1px solid rgba(255,255,255,0.1);
+            animation: slideUp 0.3s ease;
+        }
+        .history-item-header {
+            display: flex;
+            justify-content: space-between;
+            margin-bottom: 5px;
+        }
+        .history-title {
+            color: var(--accent);
+            font-weight: bold;
+        }
+        .history-text {
+            font-size: 14px;
+            color: var(--text-secondary);
+            max-height: 60px;
+            overflow: hidden;
+            margin-bottom: 10px;
+        }
+        .history-actions {
+            display: flex;
+            gap: 5px;
+            flex-wrap: wrap;
+        }
+        .delete-btn {
+            color: var(--danger);
+            border-color: var(--danger);
+        }
+        .delete-btn:hover {
+            background: var(--danger);
+            color: #fff;
+        }
+        /* Modals */
+        .modal-overlay {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0,0,0,0.8);
+            z-index: 1000;
+            justify-content: center;
+            align-items: center;
+            animation: fadeIn 0.3s ease;
+        }
+        .modal-overlay.active {
+            display: flex;
+        }
+        .modal {
+            background: var(--bg-secondary);
+            padding: 25px;
+            border-radius: 15px;
+            width: 90%;
+            max-width: 400px;
+            border: 1px solid #444;
+            animation: slideUp 0.5s ease;
+        }
+        .modal h3 {
+            color: var(--accent);
+            margin-bottom: 15px;
+            text-align: center;
+        }
+        .modal input {
+            width: 100%;
+            padding: 10px;
+            margin-bottom: 15px;
+            background: rgba(0,0,0,0.3);
+            border: 1px solid #444;
+            color: #fff;
+            border-radius: 5px;
+        }
+        body.light-mode .modal input {
+            background: #f5f5f5;
+            color: #000;
+            border-color: #ccc;
+        }
+        .modal-btns {
+            display: flex;
+            gap: 10px;
+        }
+        .modal-btn {
+            flex: 1;
+            padding: 10px;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+            font-weight: bold;
+            transition: all 0.3s;
+        }
+        .modal-btn:hover {
+            transform: translateY(-2px);
+        }
+        .primary {
+            background: var(--accent);
+            color: #000;
+        }
+        .secondary {
+            background: #444;
+            color: #fff;
+        }
+        /* Toast */
+        .toast {
+            position: fixed;
+            bottom: 80px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: var(--accent);
+            color: #000;
+            padding: 10px 20px;
+            border-radius: 20px;
+            font-weight: bold;
+            z-index: 2000;
+            animation: slideUp 0.3s;
+        }
+        /* Fullscreen */
+        .fullscreen-controls {
+            display: none;
+            position: fixed;
+            bottom: 20px;
+            left: 50%;
+            transform: translateX(-50%);
+            background: rgba(0,0,0,0.9);
+            padding: 10px 20px;
+            border-radius: 30px;
+            gap: 10px;
+            z-index: 2000;
+            border: 1px solid #444;
+            animation: slideUp 0.5s;
+        }
+        body.fullscreen-mode .fullscreen-controls {
+            display: flex;
+        }
+        body.fullscreen-mode .top-bar,
+        body.fullscreen-mode .tabs,
+        body.fullscreen-mode .mic-section {
+            display: none;
+        }
+        body.fullscreen-mode .tab-content.active {
+            padding-top: 20px;
+        }
+        body.fullscreen-mode .text-editor {
+            height: 80vh;
+        }
+        /* Share Modal */
+        .share-options {
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+            margin-top: 15px;
+        }
+        .share-btn {
+            padding: 10px;
+            border: none;
+            border-radius: 10px;
+            background: rgba(0,0,0,0.3);
+            color: var(--text-primary);
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            transition: all 0.3s;
+        }
+        .share-btn:hover {
+            background: var(--accent);
+            color: #000;
+            transform: translateY(-2px);
+        }
+    </style>
+</head>
+<body>
+    <div class="top-bar">
+        <div class="logo">🎤 NZG 73 Pro</div>
+        <div>
+            <button class="icon-btn" onclick="toggleTheme()">🌓</button>
+            <button class="icon-btn" onclick="toggleFullscreen()" style="margin-left:5px">⛶</button>
+        </div>
+    </div>
+    <div class="tabs">
+        <button class="tab-btn active" onclick="showTab('speech')">🎙️ Speech</button>
+        <button class="tab-btn" onclick="showTab('history')">📚 History (36 Years)</button>
+        <button class="tab-btn" onclick="showTab('trash')">🗑️ Trash</button>
+    </div>
+    <div id="tab-speech" class="tab-content active">
+        <div class="lang-section">
+            <div class="lang-buttons">
+                <button class="lang-btn active" onclick="setLang('ur-PK')" id="btn-urdu">اردو</button>
+                <button class="lang-btn" onclick="setLang('en-US')" id="btn-english">English</button>
+                <button class="lang-btn" onclick="setLang('en-PK')" id="btn-pak-english">Pakistan English</button>
+            </div>
+        </div>
+        <div class="mic-section">
+            <button class="mic-btn" id="micBtn" onclick="toggleMic()">🎙️</button>
+            <p class="mic-status" id="micStatus">Tap to Start</p>
+        </div>
+        <div class="text-section">
+            <div class="text-header">
+                <h3 style="color:var(--accent)">📝 Text</h3>
+                <div style="display:flex; gap:5px; flex-wrap:wrap; align-items:center;">
+                    <!-- Text Zoom Controls -->
+                    <div class="zoom-controls">
+                        <button class="zoom-btn" onclick="textZoom('out')">A-</button>
+                        <button class="zoom-btn" onclick="textZoom('in')">A+</button>
+                    </div>
+                    <!-- Action Buttons -->
+                    <button class="action-btn" onclick="toggleSpeak()" id="speakBtn">🔊 Speak</button>
+                    <button class="action-btn" onclick="copyText()">📋 Copy</button>
+                    <button class="action-btn" onclick="pasteText()">📥 Paste</button>
+                    <button class="action-btn" onclick="clearText()">🗑️ Clear</button>
+                    <!-- Undo/Redo Buttons -->
+                    <button class="action-btn" onclick="undoText()" id="undoBtn" disabled>↶ Undo</button>
+                    <button class="action-btn" onclick="redoText()" id="redoBtn" disabled>↷ Redo</button>
+                    <!-- Share Button -->
+                    <button class="action-btn" onclick="shareText()" style="background:linear-gradient(45deg, #ff0080, #00d4ff); color:white;">📤 Share</button>
+                    <!-- Save Button -->
+                    <button class="action-btn" onclick="openSaveModal()" style="background:var(--accent2); color:#000;">💾 SAVE</button>
+                </div>
+            </div>
+            <textarea class="text-editor" id="textEditor" placeholder="یہاں بولیں یا لکھیں..." oninput="updateCounts(); saveToHistoryStack();" onclick="saveCursorPosition()"></textarea>
+            <div style="margin-top:10px; text-align:center; color:var(--text-secondary); font-size:12px">
+                Words: <span id="wordCount">0</span> | Chars: <span id="charCount">0</span> | Cursor: <span id="cursorPos">0</span>
+            </div>
+        </div>
+    </div>
+    <div id="tab-history" class="tab-content">
+        <div class="text-header">
+            <h3>Saved Files</h3>
+            <button class="action-btn delete-btn" onclick="clearAllHistory()">Clear All</button>
+        </div>
+        <div class="history-list" id="historyList"></div>
+    </div>
+    <div id="tab-trash" class="tab-content">
+        <div class="text-header">
+            <h3>Trash Bin (36 Years Safe)</h3>
+            <button class="action-btn delete-btn" onclick="emptyTrash()">Empty Trash</button>
+        </div>
+        <div class="history-list" id="trashList"></div>
+    </div>
+    <div class="modal-overlay" id="saveModal">
+        <div class="modal">
+            <h3>💾 Save File</h3>
+            <input type="text" id="saveFileName" placeholder="File Name likhein...">
+            <div class="modal-btns">
+                <button class="modal-btn secondary" onclick="closeModals()">Cancel</button>
+                <button class="modal-btn primary" onclick="saveToHistory()">SAVE NOW</button>
+            </div>
+        </div>
+    </div>
+    <div class="modal-overlay" id="renameModal">
+        <div class="modal">
+            <h3>✏️ Rename File</h3>
+            <input type="text" id="renameInput" placeholder="New Name...">
+            <input type="hidden" id="renameId">
+            <div class="modal-btns">
+                <button class="modal-btn secondary" onclick="closeModals()">Cancel</button>
+                <button class="modal-btn primary" onclick="confirmRename()">RENAME</button>
+            </div>
+        </div>
+    </div>
+    <div class="modal-overlay" id="shareModal">
+        <div class="modal">
+            <h3>📤 Share Text</h3>
+            <div class="share-options">
+                <button class="share-btn" onclick="shareViaWhatsApp()">
+                    <span style="font-size:20px;">📱</span> WhatsApp
+                </button>
+                <button class="share-btn" onclick="shareAsText()">
+                    <span style="font-size:20px;">📝</span> Copy as Text
+                </button>
+                <button class="share-btn" onclick="shareAsFile()">
+                    <span style="font-size:20px;">📄</span> Download as File
+                </button>
+            </div>
+            <div class="modal-btns" style="margin-top:15px;">
+                <button class="modal-btn secondary" onclick="closeModals()">Cancel</button>
+            </div>
+        </div>
+    </div>
+    <div class="fullscreen-controls">
+        <button class="action-btn" onclick="toggleMic()" id="fs-mic">🎙️</button>
+        <button class="action-btn" onclick="undoText()">↶ Undo</button>
+        <button class="action-btn" onclick="redoText()">↷ Redo</button>
+        <button class="action-btn" onclick="copyText()">📋 Copy</button>
+        <button class="action-btn" onclick="openSaveModal()">💾 Save</button>
+        <button class="action-btn" onclick="toggleFullscreen()">❌ Exit</button>
+    </div>
+    <script>
+        // --- VARIABLES ---
+        var savedHistory = [];
+        var trashBin = [];
+        var recognition = null;
+        var isRecording = false;
+        var currentLang = 'ur-PK';
+        // Undo/Redo stacks
+        var undoStack = [];
+        var redoStack = [];
+        var currentTextState = "";
+        // Cursor position
+        var cursorPosition = 0;
+        // 36 Years in milliseconds
+        var RETENTION_TIME = 1135296000000;
+        // Font size
+        var currentFontSize = 18;
+        // ═══════════════════════════════════════════════════════════════════════════════
+        //  ڈرافٹ ٹیکسٹ پرزسٹنس سسٹم - ٹیکسٹ باکس
+        //  DRAFT TEXT PERSISTENCE SYSTEM - TEXT BOX
+        // ═══════════════════════════════════════════════════════════════════════════════
+        var DRAFT_STORAGE_KEY = 'nzg73_speech_draft_v1';
+        var draftSaveTimer = null;
+        var DRAFT_SAVE_DELAY = 300;
+        // ═══════════════════════════════════════════════════════════════════════════════
+        //  ختم ڈرافٹ ٹیکسٹ پرزسٹنس سسٹم - ٹیکسٹ باکس
+        //  END DRAFT TEXT PERSISTENCE SYSTEM - TEXT BOX
+        // ═══════════════════════════════════════════════════════════════════════════════
+        // --- INIT ---
+        window.onload = function() {
+            loadData();
+            loadTheme();
+            var editor = document.getElementById('textEditor');
+            editor.addEventListener('input', updateCounts);
+            editor.addEventListener('input', scheduleDraftSave);
+            editor.addEventListener('click', saveCursorPosition);
+            editor.addEventListener('keyup', saveCursorPosition);
+            editor.addEventListener('keydown', saveCursorPosition);
+            // Initialize undo/redo
+            saveToHistoryStack();
+            // Default to Urdu
+            setLang('ur-PK');
+            // Restore saved draft only for this text box
+            restoreDraftText();
+            // Update UI
+            updateUndoRedoButtons();
+        };
+        // --- SPEECH ENGINE (IMPROVED) ---
+        function initSpeech() {
+            if (!('webkitSpeechRecognition' in window) && !('SpeechRecognition' in window)) {
+                showToast("⚠️ Browser not supported");
+                return null;
+            }
+            var Speech = window.SpeechRecognition || window.webkitSpeechRecognition;
+            var rec = new Speech();
+            rec.continuous = true;
+            rec.interimResults = true;
+            rec.lang = currentLang;
+            // Improved settings for better Urdu recognition
+            rec.maxAlternatives = 3;
+            rec.interimResults = true;
+            rec.onstart = function() {
+                isRecording = true;
+                updateMicUI(true);
+                showToast("🎤 Recording started...");
+            };
+            rec.onend = function() {
+                if (isRecording) {
+                    // Auto-restart if not manually stopped
+                    setTimeout(function() {
+                        try { rec.start(); } catch(e) {}
+                    }, 100);
+                } else {
+                    updateMicUI(false);
+                }
+            };
+            rec.onresult = function(event) {
+                var final = "";
+                var interim = "";
+                for (var i = event.resultIndex; i < event.results.length; ++i) {
+                    if (event.results[i].isFinal) {
+                        final += event.results[i][0].transcript;
+                        // For Pakistani English, adjust pronunciation
+                        if (currentLang === 'en-PK') {
+                            final = adjustPakistaniEnglish(final);
+                        }
+                    } else {
+                        interim += event.results[i][0].transcript;
+                    }
+                }
+                if (final) {
+                    var editor = document.getElementById('textEditor');
+                    var text = editor.value;
+                    // Insert at cursor position
+                    var beforeCursor = text.substring(0, cursorPosition);
+                    var afterCursor = text.substring(cursorPosition);
+                    // Add space before if needed
+                    if (beforeCursor.length > 0 && !beforeCursor.endsWith(' ') && !beforeCursor.endsWith('\n')) {
+                        final = ' ' + final;
+                    }
+                    // Add space after if needed
+                    if (final.length > 0 && !final.endsWith(' ') && !final.endsWith('\n')) {
+                        final = final + ' ';
+                    }
+                    editor.value = beforeCursor + final + afterCursor;
+                    // Move cursor to after inserted text
+                    cursorPosition = beforeCursor.length + final.length;
+                    editor.selectionStart = cursorPosition;
+                    editor.selectionEnd = cursorPosition;
+                    updateCounts();
+                    saveToHistoryStack();
+                    scheduleDraftSave();
+                    // Scroll to cursor position
+                    if (editor.value.length > 0) {
+                        editor.scrollTop = editor.scrollHeight * (cursorPosition / editor.value.length);
+                    }
+                }
+            };
+            rec.onerror = function(event) {
+                console.error("Speech recognition error:", event.error);
+                if(event.error === 'not-allowed') {
+                    showToast("⚠️ Please ALLOW Microphone access!");
+                    isRecording = false;
+                    updateMicUI(false);
+                } else if (event.error === 'no-speech') {
+                    showToast("🎤 No speech detected. Try again.");
+                } else if (event.error === 'audio-capture') {
+                    showToast("🎤 No microphone found. Check your microphone.");
+                }
+            };
+            return rec;
+        }
+        // Adjust text for Pakistani English pronunciation
+        function adjustPakistaniEnglish(text) {
+            var adjustments = {
+                // Common Pakistani pronunciations
+                'hello': 'hello ji',
+                'how are you': 'how are you ji',
+                'thank you': 'thank you ji',
+                'please': 'please ji',
+                'sorry': 'sorry ji',
+                'welcome': 'welcome ji'
+            };
+            var adjustedText = text.toLowerCase();
+            for (var word in adjustments) {
+                var regex = new RegExp('\\b' + word + '\\b', 'gi');
+                adjustedText = adjustedText.replace(regex, adjustments[word]);
+            }
+            return adjustedText;
+        }
+        function toggleMic() {
+            if (!recognition) {
+                recognition = initSpeech();
+            }
+            if (!recognition) return;
+            if (isRecording) {
+                isRecording = false;
+                try {
+                    recognition.stop();
+                } catch(e) {}
+                updateMicUI(false);
+                showToast("⏹️ Recording stopped");
+            } else {
+                try {
+                    recognition.start();
+                    showToast("🎤 Recording... Speak now!");
+                } catch(e) {
+                    console.error(e);
+                    showToast("⚠️ Error starting microphone");
+                    // Try re-initializing
+                    recognition = initSpeech();
+                    setTimeout(function() {
+                        try { recognition.start(); } catch(e2) {}
+                    }, 500);
+                }
+            }
+        }
+        function updateMicUI(on) {
+            var btn = document.getElementById('micBtn');
+            var status = document.getElementById('micStatus');
+            var fsBtn = document.getElementById('fs-mic');
+            if(on) {
+                btn.classList.add('recording');
+                status.textContent = "🔴 Recording... (Tap to Stop)";
+                status.style.color = "var(--danger)";
+                if(fsBtn) fsBtn.style.background = "var(--danger)";
+                btn.style.animation = "pulse 1s infinite, bounce 2s infinite";
+            } else {
+                btn.classList.remove('recording');
+                status.textContent = "Tap to Start";
+                status.style.color = "var(--text-secondary)";
+                if(fsBtn) fsBtn.style.background = "";
+                btn.style.animation = "bounce 2s infinite";
+            }
+        }
+        function setLang(lang) {
+            currentLang = lang;
+            // Update UI buttons
+            document.querySelectorAll('.lang-btn').forEach(b => b.classList.remove('active'));
+            if (lang === 'ur-PK') {
+                document.getElementById('btn-urdu').classList.add('active');
+                document.getElementById('textEditor').classList.add('urdu-mode');
+                document.getElementById('textEditor').placeholder = "یہاں بولیں یا لکھیں...";
+                showToast("🇵🇰 اردو زبان منتخب کی گئی ہے");
+            } else if (lang === 'en-US') {
+                document.getElementById('btn-english').classList.add('active');
+                document.getElementById('textEditor').classList.remove('urdu-mode');
+                document.getElementById('textEditor').placeholder = "Speak or type here...";
+                showToast("🇺🇸 English language selected");
+            } else if (lang === 'en-PK') {
+                document.getElementById('btn-pak-english').classList.add('active');
+                document.getElementById('textEditor').classList.remove('urdu-mode');
+                document.getElementById('textEditor').placeholder = "Speak or type here (Pakistani English)...";
+                showToast("🇵🇰 Pakistani English selected");
+            }
+            // Update speech recognition
+            if(recognition) {
+                recognition.lang = currentLang;
+                if(isRecording) {
+                    // Restart with new language
+                    recognition.stop();
+                    setTimeout(function() {
+                        try { recognition.start(); } catch(e) {}
+                    }, 500);
+                }
+            }
+        }
+        // --- TEXT ZOOM ---
+        function textZoom(direction) {
+            var editor = document.getElementById('textEditor');
+            if (direction === 'in') {
+                currentFontSize += 2;
+                if (currentFontSize > 36) currentFontSize = 36;
+            } else {
+                currentFontSize -= 2;
+                if (currentFontSize < 12) currentFontSize = 12;
+            }
+            document.documentElement.style.setProperty('--font-size', currentFontSize + 'px');
+            editor.style.fontSize = currentFontSize + 'px';
+            showToast("Font size: " + currentFontSize + "px");
+        }
+        // ═══════════════════════════════════════════════════════════════════════════════
+        //  ڈرافٹ ٹیکسٹ باکس لاجک - جاوا اسکرپٹ
+        //  DRAFT TEXT BOX LOGIC - JAVASCRIPT
+        // ═══════════════════════════════════════════════════════════════════════════════
+        function getDraftPayload() {
+            try {
+                var raw = localStorage.getItem(DRAFT_STORAGE_KEY);
+                return raw ? JSON.parse(raw) : null;
+            } catch (error) {
+                console.error('Draft payload read error:', error);
+                return null;
+            }
+        }
+        function scheduleDraftSave() {
+            if (draftSaveTimer) {
+                clearTimeout(draftSaveTimer);
+            }
+            draftSaveTimer = setTimeout(function() {
+                persistDraftText();
+            }, DRAFT_SAVE_DELAY);
+        }
+        function persistDraftText() {
+            try {
+                var editor = document.getElementById('textEditor');
+                if (!editor) return;
+                var payload = {
+                    text: editor.value || '',
+                    lang: currentLang,
+                    savedAt: Date.now()
+                };
+                localStorage.setItem(DRAFT_STORAGE_KEY, JSON.stringify(payload));
+            } catch (error) {
+                console.error('Draft save error:', error);
+            }
+        }
+        function restoreDraftText() {
+            try {
+                var editor = document.getElementById('textEditor');
+                var payload = getDraftPayload();
+                if (!editor || !payload || typeof payload.text !== 'string') return;
+                editor.value = payload.text;
+                currentTextState = payload.text;
+                cursorPosition = payload.text.length;
+                editor.selectionStart = cursorPosition;
+                editor.selectionEnd = cursorPosition;
+                if (payload.lang === 'ur-PK' || payload.lang === 'en-US' || payload.lang === 'en-PK') {
+                    setLang(payload.lang);
+                }
+                updateCounts();
+                updateUndoRedoButtons();
+            } catch (error) {
+                console.error('Draft restore error:', error);
+            }
+        }
+        function clearDraftText() {
+            try {
+                if (draftSaveTimer) {
+                    clearTimeout(draftSaveTimer);
+                    draftSaveTimer = null;
+                }
+                localStorage.removeItem(DRAFT_STORAGE_KEY);
+            } catch (error) {
+                console.error('Draft clear error:', error);
+            }
+        }
+        // ═══════════════════════════════════════════════════════════════════════════════
+        //  ختم ڈرافٹ ٹیکسٹ باکس لاجک - جاوا اسکرپٹ
+        //  END DRAFT TEXT BOX LOGIC - JAVASCRIPT
+        // ═══════════════════════════════════════════════════════════════════════════════
+// 👇 یہ فنکشن یہاں ایڈ کریں (Speak Logic Start/Stop) 👇
+        function toggleSpeak() {
+            var btn = document.getElementById('speakBtn');
+            var text = document.getElementById('textEditor').value;
+            // اگر پہلے سے بول رہا ہے تو روک دو (Stop Logic)
+            if (window.speechSynthesis.speaking) {
+                window.speechSynthesis.cancel();
+                btn.innerHTML = "🔊 Speak";
+                btn.style.background = "";
+                return;
+            }
+            if (!text.trim()) { showToast("❌ No text to speak!"); return; }
+            // بولنے کا نیا حکم (Start Logic)
+            var msg = new SpeechSynthesisUtterance(text);
+            // زبان کی چیکنگ (اردو ہے یا انگلش)
+            if (currentLang === 'ur-PK' || document.getElementById('textEditor').classList.contains('urdu-mode')) {
+                msg.lang = 'ur-PK';
+            } else {
+                msg.lang = 'en-US';
+            }
+            // جب بولنا ختم ہو جائے تو بٹن واپس نارمل ہو جائے
+            msg.onend = function() {
+                btn.innerHTML = "🔊 Speak";
+                btn.style.background = "";
+            };
+            window.speechSynthesis.speak(msg);
+            btn.innerHTML = "⏹️ Stop"; // بٹن کا نام تبدیل کر کے Stop کر دو
+            btn.style.background = "var(--danger)"; // بٹن کا رنگ لال کر دو
+        }
+        // 👆 یہاں تک 👆
+        // --- UNDO/REDO SYSTEM ---
+        function saveToHistoryStack() {
+            var editor = document.getElementById('textEditor');
+            var currentText = editor.value;
+            if (currentText !== currentTextState) {
+                undoStack.push(currentTextState);
+                currentTextState = currentText;
+                redoStack = []; // Clear redo stack when new change is made
+                updateUndoRedoButtons();
+            }
+        }
+        function undoText() {
+            if (undoStack.length > 0) {
+                var editor = document.getElementById('textEditor');
+                redoStack.push(currentTextState);
+                currentTextState = undoStack.pop();
+                editor.value = currentTextState;
+                updateCounts();
+                updateUndoRedoButtons();
+                scheduleDraftSave();
+                showToast("↶ Undo performed");
+            }
+        }
+        function redoText() {
+            if (redoStack.length > 0) {
+                var editor = document.getElementById('textEditor');
+                undoStack.push(currentTextState);
+                currentTextState = redoStack.pop();
+                editor.value = currentTextState;
+                updateCounts();
+                updateUndoRedoButtons();
+                scheduleDraftSave();
+                showToast("↷ Redo performed");
+            }
+        }
+        function updateUndoRedoButtons() {
+            document.getElementById('undoBtn').disabled = undoStack.length === 0;
+            document.getElementById('redoBtn').disabled = redoStack.length === 0;
+        }
+        // --- CURSOR POSITION TRACKING ---
+        function saveCursorPosition() {
+            var editor = document.getElementById('textEditor');
+            cursorPosition = editor.selectionStart;
+            document.getElementById('cursorPos').textContent = cursorPosition;
+        }
+        function insertAtCursor(text) {
+            var editor = document.getElementById('textEditor');
+            var beforeCursor = editor.value.substring(0, cursorPosition);
+            var afterCursor = editor.value.substring(cursorPosition);
+            editor.value = beforeCursor + text + afterCursor;
+            cursorPosition = beforeCursor.length + text.length;
+            editor.selectionStart = cursorPosition;
+            editor.selectionEnd = cursorPosition;
+            updateCounts();
+            saveToHistoryStack();
+            scheduleDraftSave();
+        }
+        // --- SHARE FUNCTIONALITY ---
+        function shareText() {
+            document.getElementById('shareModal').classList.add('active');
+        }
+        function shareViaWhatsApp() {
+            var text = document.getElementById('textEditor').value;
+            if (!text.trim()) {
+                showToast("❌ No text to share!");
+                return;
+            }
+            var whatsappUrl = "https://wa.me/?text=" + encodeURIComponent(text);
+            window.open(whatsappUrl, '_blank');
+            closeModals();
+            showToast("📱 Opening WhatsApp...");
+        }
+        function shareAsText() {
+            var text = document.getElementById('textEditor').value;
+            if (!text.trim()) {
+                showToast("❌ No text to share!");
+                return;
+            }
+            navigator.clipboard.writeText(text).then(function() {
+                showToast("📋 Text copied to clipboard!");
+                closeModals();
+            }).catch(function() {
+                showToast("❌ Failed to copy text");
+            });
+        }
+        function shareAsFile() {
+            var text = document.getElementById('textEditor').value;
+            if (!text.trim()) {
+                showToast("❌ No text to share!");
+                return;
+            }
+            var blob = new Blob([text], {type: 'text/plain'});
+            var url = URL.createObjectURL(blob);
+            var a = document.createElement('a');
+            a.href = url;
+            a.download = 'NZG73_Text_' + new Date().getTime() + '.txt';
+            document.body.appendChild(a);
+            a.click();
+            document.body.removeChild(a);
+            URL.revokeObjectURL(url);
+            closeModals();
+            showToast("📄 File downloaded!");
+        }
+        // --- DATA MANAGEMENT ---
+        function saveToHistory() {
+            var nameInput = document.getElementById('saveFileName');
+            var name = nameInput.value.trim();
+            var text = document.getElementById('textEditor').value;
+            if (!text.trim()) {
+                showToast("❌ Text khali hai!");
+                closeModals();
+                return;
+            }
+            if (!name) name = "Untitled " + new Date().toLocaleTimeString();
+            var newItem = {
+                id: Date.now(),
+                name: name,
+                text: text,
+                date: new Date().toLocaleString(),
+                isUrdu: currentLang === 'ur-PK'
+            };
+            savedHistory.unshift(newItem);
+            saveToLocal();
+            renderHistory();
+            closeModals();
+            showToast("✅ Saved Successfully!");
+            nameInput.value = "";
+        }
+        function confirmRename() {
+            var id = parseInt(document.getElementById('renameId').value);
+            var newName = document.getElementById('renameInput').value.trim();
+            if(!newName) { showToast("❌ Name likhein!"); return; }
+            var item = savedHistory.find(i => i.id === id);
+            if(item) {
+                item.name = newName;
+                saveToLocal();
+                renderHistory();
+                closeModals();
+                showToast("✅ Renamed!");
+            }
+        }
+        function deleteItem(id, permanent) {
+            if(permanent) {
+                if(!confirm("Delete forever?")) return;
+                trashBin = trashBin.filter(i => i.id !== id);
+                showToast("🗑️ Deleted Forever");
+            } else {
+                var item = savedHistory.find(i => i.id === id);
+                if(item) {
+                    savedHistory = savedHistory.filter(i => i.id !== id);
+                    item.deletedAt = Date.now();
+                    trashBin.unshift(item);
+                    showToast("🗑️ Moved to Trash");
+                }
+            }
+            saveToLocal();
+            renderHistory();
+            renderTrash();
+        }
+        function restoreItem(id) {
+            var item = trashBin.find(i => i.id === id);
+            if(item) {
+                trashBin = trashBin.filter(i => i.id !== id);
+                delete item.deletedAt;
+                savedHistory.unshift(item);
+                saveToLocal();
+                renderHistory();
+                renderTrash();
+                showToast("♻️ Restored!");
+            }
+        }
+        // --- STORAGE & RETENTION ---
+        function saveToLocal() {
+            localStorage.setItem('nzg73_data', JSON.stringify(savedHistory));
+            localStorage.setItem('nzg73_trash', JSON.stringify(trashBin));
+            localStorage.setItem('nzg73_fontsize', currentFontSize);
+        }
+        function loadData() {
+            var d = localStorage.getItem('nzg73_data');
+            var t = localStorage.getItem('nzg73_trash');
+            var fs = localStorage.getItem('nzg73_fontsize');
+            if(d) savedHistory = JSON.parse(d);
+            if(t) trashBin = JSON.parse(t);
+            if(fs) {
+                currentFontSize = parseInt(fs);
+                document.documentElement.style.setProperty('--font-size', currentFontSize + 'px');
+                document.getElementById('textEditor').style.fontSize = currentFontSize + 'px';
+            }
+            // Cleanup old data
+            var now = Date.now();
+            savedHistory = savedHistory.filter(i => (now - i.id) < RETENTION_TIME);
+            trashBin = trashBin.filter(i => (now - (i.deletedAt || 0)) < RETENTION_TIME);
+            saveToLocal();
+            renderHistory();
+            renderTrash();
+        }
+        // --- RENDERING ---
+        function renderHistory() {
+            var html = '';
+            if(savedHistory.length === 0) html = '<div style="padding:20px; text-align:center">No Saved Files</div>';
+            savedHistory.forEach(item => {
+                html += `
+                <div class="history-item">
+                    <div class="history-item-header">
+                        <span class="history-title">${escapeHtml(item.name)}</span>
+                        <span style="font-size:10px">${item.date}</span>
+                    </div>
+                    <div class="history-text ${item.isUrdu ? 'urdu-mode' : ''}">${escapeHtml(item.text.substring(0,100))}...</div>
+                    <div class="history-actions">
+                        <button class="action-btn" onclick="loadItem(${item.id})">📂 Load</button>
+                        <button class="action-btn" onclick="openRename(${item.id})">✏️ Rename</button>
+                        <button class="action-btn delete-btn" onclick="deleteItem(${item.id}, false)">🗑️ Del</button>
+                    </div>
+                </div>`;
+            });
+            document.getElementById('historyList').innerHTML = html;
+        }
+        function renderTrash() {
+            var html = '';
+            if(trashBin.length === 0) html = '<div style="padding:20px; text-align:center">Trash Empty</div>';
+            trashBin.forEach(item => {
+                html += `
+                <div class="history-item" style="opacity:0.7">
+                    <div class="history-item-header">
+                        <span class="history-title">${escapeHtml(item.name)}</span>
+                    </div>
+                    <div class="history-actions">
+                        <button class="action-btn" onclick="restoreItem(${item.id})">♻️ Restore</button>
+                        <button class="action-btn delete-btn" onclick="deleteItem(${item.id}, true)">🔥 Delete Forever</button>
+                    </div>
+                </div>`;
+            });
+            document.getElementById('trashList').innerHTML = html;
+        }
+        // --- UTILS ---
+        function loadItem(id) {
+            var item = savedHistory.find(i => i.id === id);
+            if(item) {
+                document.getElementById('textEditor').value = item.text;
+                if(item.isUrdu) {
+                    setLang('ur-PK');
+                } else {
+                    setLang('en-US');
+                }
+                showTab('speech');
+                updateCounts();
+                saveToHistoryStack();
+                scheduleDraftSave();
+                cursorPosition = item.text.length;
+            }
+        }
+        function openRename(id) {
+            var item = savedHistory.find(i => i.id === id);
+            if(item) {
+                document.getElementById('renameInput').value = item.name;
+                document.getElementById('renameId').value = id;
+                document.getElementById('renameModal').classList.add('active');
+            }
+        }
+        function closeModals() {
+            document.querySelectorAll('.modal-overlay').forEach(el => el.classList.remove('active'));
+        }
+        function clearAllHistory() {
+            if(confirm("Move ALL to Trash?")) {
+                savedHistory.forEach(i => { i.deletedAt = Date.now(); trashBin.unshift(i); });
+                savedHistory = [];
+                saveToLocal();
+                renderHistory();
+                renderTrash();
+                showToast("🗑️ All moved to trash");
+            }
+        }
+        function emptyTrash() {
+            if(confirm("Permanently delete everything in Trash?")) {
+                trashBin = [];
+                saveToLocal();
+                renderTrash();
+                showToast("🔥 Trash Emptied");
+            }
+        }
+        // UI Helpers
+        function showTab(tab) {
+            document.querySelectorAll('.tab-content').forEach(el => el.classList.remove('active'));
+            document.querySelectorAll('.tab-btn').forEach(el => el.classList.remove('active'));
+            document.getElementById('tab-'+tab).classList.add('active');
+            var btns = document.getElementsByClassName('tab-btn');
+            if(tab=='speech') btns[0].classList.add('active');
+            if(tab=='history') btns[1].classList.add('active');
+            if(tab=='trash') btns[2].classList.add('active');
+        }
+        function toggleTheme() {
+            document.body.classList.toggle('light-mode');
+            localStorage.setItem('nzg73_theme', document.body.classList.contains('light-mode') ? 'light' : 'dark');
+            showToast("Theme changed");
+        }
+        function loadTheme() {
+            if(localStorage.getItem('nzg73_theme') === 'light') document.body.classList.add('light-mode');
+        }
+        function toggleFullscreen() {
+            document.body.classList.toggle('fullscreen-mode');
+            if(document.body.classList.contains('fullscreen-mode')) {
+                document.documentElement.requestFullscreen().catch(e=>{});
+                showToast("⛶ Fullscreen mode");
+            } else {
+                document.exitFullscreen().catch(e=>{});
+                showToast("Normal mode");
+            }
+        }
+        function showToast(msg) {
+            var t = document.createElement('div');
+            t.className = 'toast';
+            t.textContent = msg;
+            document.body.appendChild(t);
+            setTimeout(() => t.remove(), 2500);
+        }
+        function copyText() {
+            var txt = document.getElementById('textEditor').value;
+            navigator.clipboard.writeText(txt).then(() => showToast("📋 Copied!"));
+        }
+        async function pasteText() {
+            try {
+                const text = await navigator.clipboard.readText();
+                insertAtCursor(text);
+                showToast("📥 Pasted!");
+            } catch(e) {
+                showToast("❌ Use Ctrl+V to paste");
+            }
+        }
+        function clearText() {
+            document.getElementById('textEditor').value = "";
+            updateCounts();
+            saveToHistoryStack();
+            clearDraftText();
+            cursorPosition = 0;
+            showToast("🗑️ Text cleared");
+        }
+        function updateCounts() {
+            var t = document.getElementById('textEditor').value;
+            document.getElementById('wordCount').innerText = t.trim() === '' ? 0 : t.trim().split(/\s+/).length;
+            document.getElementById('charCount').innerText = t.length;
+        }
+        function escapeHtml(text) {
+            var map = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#039;' };
+            return text.replace(/[&<>"']/g, function(m) { return map[m]; });
+        }
+        // ═══════════════════════════════════════════════════════════════════════════════
+        //  صفحہ بند ہونے سے پہلے ڈرافٹ محفوظ کرنا - جاوا اسکرپٹ
+        //  SAVE DRAFT BEFORE PAGE CLOSE - JAVASCRIPT
+        // ═══════════════════════════════════════════════════════════════════════════════
+        window.addEventListener('beforeunload', function() {
+            persistDraftText();
+        });
+        // ═══════════════════════════════════════════════════════════════════════════════
+        //  ختم صفحہ بند ہونے سے پہلے ڈرافٹ محفوظ کرنا - جاوا اسکرپٹ
+        //  END SAVE DRAFT BEFORE PAGE CLOSE - JAVASCRIPT
+        // ═══════════════════════════════════════════════════════════════════════════════
+        function openSaveModal() {
+            document.getElementById('saveFileName').value = "";
+            document.getElementById('saveModal').classList.add('active');
+        }
+    </script>
+</body>
+</html>