Function openLootFile

web/scripts/ragnar_modern.js:12392–12431

(encodedPath)

                               placeholder="Confirm password">
                    </div>
                    <div id="setup-status" class="hidden p-3 rounded-lg text-sm"></div>
                    <button type="submit" id="setup-btn"
                            class="w-full bg-sky-600 hover:bg-sky-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors">
                        Enable Authentication
                    </button>
                </form>
            `;
        } else {
            // Show management panel
            let hwBadge = status.hw_match
                ? '<span class="text-green-400 text-xs">Hardware matched</span>'
                : '<span class="text-red-400 text-xs">Hardware mismatch!</span>';

            container.innerHTML = `
                <div class="space-y-4">
                    <div class="flex items-center justify-between">
                        <div>
                            <span class="text-green-400 font-medium">Authentication Enabled</span>
                            <span class="mx-2 text-gray-500">|</span>
                            ${hwBadge}
                            <span class="mx-2 text-gray-500">|</span>
                            <span class="text-gray-400 text-xs">${status.recovery_codes_remaining} recovery codes remaining</span>
                        </div>
                    </div>

                    <!-- Change Password -->
                    <div class="glass rounded-lg p-4">
                        <h4 class="font-medium mb-3">Change Password</h4>
                        <form id="change-pw-form" onsubmit="handleChangePassword(event)" class="space-y-3">
                            <input type="password" id="current-password" required autocomplete="current-password"
                                   class="w-full px-3 py-2 rounded-lg bg-slate-700 border border-slate-600 text-white placeholder-gray-400 focus:ring-2 focus:ring-sky-500 outline-none"
                                   placeholder="Current password">
                            <input type="password" id="new-password" required minlength="8" autocomplete="new-password"
                                   class="w-full px-3 py-2 rounded-lg bg-slate-700 border border-slate-600 text-white placeholder-gray-400 focus:ring-2 focus:ring-sky-500 outline-none"
                                   placeholder="New password (min 8 chars)">
                            <input type="password" id="confirm-new-password" required minlength="8" autocomplete="new-password"
                                   class="w-full px-3 py-2 rounded-lg bg-slate-700 border border-slate-600 text-white placeholder-gray-400 focus:ring-2 focus:ring-sky-500 outline-none"
                                   placeholder="Confirm new password">
                            <div id="change-pw-status" class="hidden p-3 rounded-lg text-sm"></div>
                            <button type="submit"
                                    class="bg-sky-600 hover:bg-sky-700 text-white px-4 py-2 rounded-lg transition-colors text-sm">
                                Change Password
                            </button>