Enter Credentials
@@ -675,6 +697,7 @@
var roleLevel = { admin: 4, poweruser: 3, operator: 2, viewer: 1 };
var isAdmin = false;
+ var currentUserRole = 'viewer';
var selectedFolder = null; // { name, scope, description }
var folders = [];
var folderEntryCounts = {}; // "scope/name" -> count
@@ -728,6 +751,7 @@
.then(function(data) {
if (!data) return;
isAdmin = data.role === 'admin';
+ currentUserRole = data.role || 'viewer';
var level = roleLevel[data.role] || 0;
if (level < 3) {
document.getElementById('sessions-link').style.display = 'none';
@@ -763,6 +787,7 @@
return;
}
loadFolders();
+ startOnboarding(currentUserRole);
})
.catch(function(err) {
showError('Failed to check authentication: ' + err.message);
@@ -2236,6 +2261,106 @@
});
}
+ // ── Onboarding Wizard ──
+ var onboardSteps = [
+ { title: 'Welcome to rustguac', minRole: 1, body:
+ 'This is your remote access gateway. Browse connection entries organised by folder, then click Connect to launch a session in a new browser tab.' +
+ '
This quick tour covers the essentials — you can dismiss it at any time.'
+ },
+ { title: 'Navigation', minRole: 1, body:
+ 'The nav bar at the top links to:' +
+ '
• Address Book — your connection entries' +
+ '
• Sessions — active and recent sessions' +
+ '
• Recordings — session playback' +
+ '
• Docs — built-in documentation' +
+ '
The Settings menu (top right) has theme selection, credential management, and this tour.'
+ },
+ { title: 'My Credentials', minRole: 2, body:
+ 'Some entries use credential variables like $domain_username. Before connecting, set your personal credentials:' +
+ '
Click Settings → My Credentials to fill in your values. They are stored securely in Vault and applied automatically when you connect.'
+ },
+ { title: 'Connect vs Login', minRole: 2, body:
+ 'Address book entries have two connection modes:' +
+ '
• Connect — launches the session directly using the saved settings.' +
+ '
• Login — runs an automated login script after connecting (e.g. filling in a web login form). If an entry shows Login, the admin has configured an auto-login workflow for it.'
+ },
+ { title: 'Clipboard', minRole: 2, body:
+ 'Ctrl+V pastes from your browser clipboard into the remote session automatically.' +
+ '
For advanced use (copy from remote, send arbitrary text), press Ctrl+Alt+Shift or click the Clipboard tab on the left edge of the session window.'
+ },
+ { title: 'File Transfer', minRole: 2, body:
+ 'RDP sessions with drive redirection enabled show a Files tab on the right edge of the session window.' +
+ '
Use it to upload and download files via a shared virtual drive. SSH sessions support SFTP file transfer instead.' +
+ '
Toggle the file panel with Ctrl+Alt+F.'
+ },
+ { title: 'Ad-hoc Sessions', minRole: 3, body:
+ 'As a power user, you can create one-off sessions from the Sessions page — useful for quick connections that aren\'t in the address book.' +
+ '
Choose SSH, RDP, VNC, or Web and enter connection details directly.'
+ },
+ { title: 'Managing the Address Book', minRole: 4, body:
+ 'As an admin, you can:' +
+ '
• Create and edit folders with OIDC group permissions' +
+ '
• Add, edit, clone, and delete entries' +
+ '
• Configure credential variables, login scripts, and recording overrides per entry' +
+ '
• Manage users and API tokens from the Admin page'
+ }
+ ];
+ var onboardCurrent = 0;
+ var onboardFiltered = [];
+
+ function startOnboarding(role) {
+ if (localStorage.getItem('rustguac_onboarding_dismissed')) return;
+ var level = roleLevel[role] || 1;
+ onboardFiltered = onboardSteps.filter(function(s) { return s.minRole <= level; });
+ if (onboardFiltered.length === 0) return;
+ onboardCurrent = 0;
+ renderOnboardStep();
+ document.getElementById('onboard-dismiss').checked = false;
+ document.getElementById('onboarding-modal').classList.add('active');
+ }
+
+ function renderOnboardStep() {
+ var step = onboardFiltered[onboardCurrent];
+ document.getElementById('onboard-title').textContent = step.title;
+ document.getElementById('onboard-body').innerHTML = step.body;
+ document.getElementById('onboard-step-indicator').textContent = (onboardCurrent + 1) + ' / ' + onboardFiltered.length;
+ document.getElementById('onboard-back').style.display = onboardCurrent === 0 ? 'none' : '';
+ var nextBtn = document.getElementById('onboard-next');
+ nextBtn.textContent = (onboardCurrent === onboardFiltered.length - 1) ? 'Done' : 'Next';
+ }
+
+ function closeOnboarding() {
+ document.getElementById('onboarding-modal').classList.remove('active');
+ if (document.getElementById('onboard-dismiss').checked) {
+ localStorage.setItem('rustguac_onboarding_dismissed', '1');
+ }
+ }
+
+ document.getElementById('onboard-next').addEventListener('click', function() {
+ if (onboardCurrent < onboardFiltered.length - 1) {
+ onboardCurrent++;
+ renderOnboardStep();
+ } else {
+ localStorage.setItem('rustguac_onboarding_dismissed', '1');
+ closeOnboarding();
+ }
+ });
+ document.getElementById('onboard-back').addEventListener('click', function() {
+ if (onboardCurrent > 0) {
+ onboardCurrent--;
+ renderOnboardStep();
+ }
+ });
+ document.getElementById('onboarding-modal').addEventListener('click', function(e) {
+ if (e.target === this) closeOnboarding();
+ });
+
+ document.getElementById('show-tour-item').addEventListener('click', function() {
+ document.getElementById('user-menu').style.display = 'none';
+ localStorage.removeItem('rustguac_onboarding_dismissed');
+ startOnboarding(currentUserRole);
+ });
+
init();