feat: enhance password management features in random-password-generator

- Updated localization files for English, Spanish, French, Japanese, Portuguese, and Chinese to include new password management strings.
- Refactored PasswordDisplay component to support editing and deleting passwords with a dialog interface.
- Improved the password display layout and added functionality for copying, showing, and hiding passwords.
- Removed the delete password functionality from the main page and integrated it into the PasswordDisplay component.
- Enhanced the password vault page to dynamically fetch and display saved passwords with loading states.

Author: Michael-Obele

src/lib/remote/index.ts

@@ -5,7 +5,7 @@ export { getCurrentUser, loginUser, registerUser } from './auth.remote';
 export { getMantra, likeMantra } from './mantra.remote';
 
 // Remote functions for password management
-export { getSavedPasswords, savePassword, deletePassword } from './password.remote';
+export { getSavedPasswords, savePassword, deletePassword, editPassword } from './password.remote';
 
 // Remote functions for purchase tracker
 export {

src/lib/remote/password.remote.ts

@@ -72,3 +72,44 @@ export const deletePassword = command(v.string(), async (passwordId) => {
 
 	return { success: true };
 });
+
+// Command to edit a saved password
+export const editPassword = command(
+	v.object({
+		passwordId: v.pipe(v.string(), v.nonEmpty('Password ID is required')),
+		password: v.pipe(v.string(), v.nonEmpty('Password is required')),
+		details: v.optional(
+			v.nullable(v.pipe(v.string(), v.maxLength(200, 'Details must be 200 characters or less')))
+		)
+	}),
+	async (data) => {
+		const user = await getCurrentUser();
+
+		if (!user) {
+			throw new Error('User not authenticated');
+		}
+
+		// Update password - ensure user can only update their own passwords
+		const updatedPassword = await prisma.userPassword.updateMany({
+			where: {
+				id: data.passwordId,
+				userId: user.id
+			},
+			data: {
+				passwordHash: data.password, // Note: field name is passwordHash but we store plain text
+				details: data.details ?? null,
+				updatedAt: new Date()
+			}
+		});
+
+		// Check if any password was actually updated
+		if (updatedPassword.count === 0) {
+			throw new Error('Password not found or unauthorized');
+		}
+
+		// Refresh the query to get the updated list
+		await getSavedPasswords().refresh();
+
+		return { success: true, passwordId: data.passwordId };
+	}
+);

src/locales/de.po

@@ -3,7 +3,7 @@ msgstr ""
 "Project-Id-Version: \n"
 "Report-Msgid-Bugs-To: \n"
 "POT-Creation-Date: 2025-10-29T11:50:39.124Z\n"
-"PO-Revision-Date: 2025-10-30T12:49:01.290Z\n"
+"PO-Revision-Date: 2025-10-30T13:17:53.462Z\n"
 "Last-Translator: \n"
 "Language: de\n"
 "Language-Team: \n"
@@ -2256,6 +2256,7 @@ msgstr "3-31 Zeichen: Kleinbuchstaben, Zahlen, Unterstriche und Bindestriche"
 
 #: src/routes/(auth)/login/+page.svelte
 #: src/routes/(auth)/register/+page.svelte
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
 msgid "Password"
 msgstr "Passwort"
 
@@ -2565,6 +2566,7 @@ msgstr "Geben Sie Ihren Benutzernamen ein"
 #: src/routes/apps/(app)/purchase-tracker/AddEditPurchaseDialog.svelte
 #: src/routes/apps/(app)/purchase-tracker/ConfirmDeleteDialog.svelte
 #: src/routes/apps/(app)/random-password-generator/+page.svelte
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
 #: src/routes/apps/(app)/smoke-free-tracker/+page.svelte
 #: src/routes/apps/(app)/smoke-free-tracker/+page.svelte
 #: src/routes/apps/(app)/smoke-free-tracker/+page.svelte
@@ -3007,6 +3009,7 @@ msgstr "Speichern..."
 
 #: src/routes/(auth)/profile/UserProfileCard.svelte
 #: src/routes/apps/(app)/budget-tracker/BudgetDialog.svelte
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
 msgid "Save changes"
 msgstr "Änderungen speichern"
 
@@ -7399,7 +7402,9 @@ msgid "Description (Optional)"
 msgstr "Beschreibung (Optional)"
 
 #. placeholder {0}: passwordDetails.length
+#. placeholder {0}: editedDetails.length
 #: src/routes/apps/(app)/random-password-generator/+page.svelte
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
 msgid "{0}/200 characters"
 msgstr "{0}/200 Zeichen"
 
@@ -7532,8 +7537,8 @@ msgstr "Erstellen Sie Ihr erstes Passwort"
 msgid "Your Password Vault"
 msgstr "Ihr Passwort-Tresor"
 
-#. placeholder {0}: savedPasswords.length
-#. placeholder {1}: savedPasswords.length === 1 ? 'password' : 'passwords'
+#. placeholder {0}: passwords.length
+#. placeholder {1}: passwords.length === 1 ? 'password' : 'passwords'
 #: src/routes/apps/(app)/random-password-generator/passwords/+page.svelte
 msgid "{0} {1} stored securely"
 msgstr "{0} {1} sicher gespeichert"
@@ -7551,3 +7556,47 @@ msgstr ""
 "Alle Passwörter werden verschlüsselt und sicher gespeichert. Sie können Ihre Passwörter\n"
 "jederzeit anzeigen, kopieren und löschen. Für maximale Sicherheit sollten Sie einen\n"
 "dedizierten Passwort-Manager für sensible Konten verwenden.```"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Hide password"
+msgstr "Passwort ausblenden"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Show password"
+msgstr "Passwort anzeigen"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Copy password"
+msgstr "Passwort kopieren"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Edit password"
+msgstr "Passwort bearbeiten"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Delete password"
+msgstr "Passwort löschen"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Edit Password"
+msgstr "Passwort bearbeiten"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Update your password and its details. Click save when you're done."
+msgstr "Aktualisieren Sie Ihr Passwort und dessen Details. Klicken Sie auf Speichern, wenn Sie fertig sind."
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Enter password"
+msgstr "Passwort eingeben"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Details (optional)"
+msgstr "Details (optional)"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Add details about this password..."
+msgstr "Fügen Sie Details zu diesem Passwort hinzu..."
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "<0/> Saving..."
+msgstr "<0/> Speichern...```"

src/locales/en.po

@@ -3,7 +3,7 @@ msgstr ""
 "Project-Id-Version: \n"
 "Report-Msgid-Bugs-To: \n"
 "POT-Creation-Date: 2025-10-24T09:30:24.009Z\n"
-"PO-Revision-Date: 2025-10-30T12:48:45.726Z\n"
+"PO-Revision-Date: 2025-10-30T13:17:53.354Z\n"
 "Last-Translator: \n"
 "Language: en\n"
 "Language-Team: \n"
@@ -1668,6 +1668,7 @@ msgstr "3-31 characters: lowercase letters, numbers, underscores, and hyphens"
 
 #: src/routes/(auth)/login/+page.svelte
 #: src/routes/(auth)/register/+page.svelte
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
 msgid "Password"
 msgstr "Password"
 
@@ -1899,6 +1900,7 @@ msgstr "Enter your username"
 #: src/routes/apps/(app)/purchase-tracker/AddEditPurchaseDialog.svelte
 #: src/routes/apps/(app)/purchase-tracker/ConfirmDeleteDialog.svelte
 #: src/routes/apps/(app)/random-password-generator/+page.svelte
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
 #: src/routes/apps/(app)/smoke-free-tracker/+page.svelte
 #: src/routes/apps/(app)/smoke-free-tracker/+page.svelte
 #: src/routes/apps/(app)/smoke-free-tracker/+page.svelte
@@ -2343,6 +2345,7 @@ msgstr "Saving..."
 
 #: src/routes/(auth)/profile/UserProfileCard.svelte
 #: src/routes/apps/(app)/budget-tracker/BudgetDialog.svelte
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
 msgid "Save changes"
 msgstr "Save changes"
 
@@ -7484,7 +7487,9 @@ msgid "Description (Optional)"
 msgstr "Description (Optional)"
 
 #. placeholder {0}: passwordDetails.length
+#. placeholder {0}: editedDetails.length
 #: src/routes/apps/(app)/random-password-generator/+page.svelte
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
 msgid "{0}/200 characters"
 msgstr "{0}/200 characters"
 
@@ -7617,8 +7622,8 @@ msgstr "Create Your First Password"
 msgid "Your Password Vault"
 msgstr "Your Password Vault"
 
-#. placeholder {0}: savedPasswords.length
-#. placeholder {1}: savedPasswords.length === 1 ? 'password' : 'passwords'
+#. placeholder {0}: passwords.length
+#. placeholder {1}: passwords.length === 1 ? 'password' : 'passwords'
 #: src/routes/apps/(app)/random-password-generator/passwords/+page.svelte
 msgid "{0} {1} stored securely"
 msgstr "{0} {1} stored securely"
@@ -7636,3 +7641,47 @@ msgstr ""
 "All passwords are encrypted and stored securely. You can view, copy, and delete your\n"
 "passwords at any time. For maximum security, consider using a dedicated password\n"
 "manager for sensitive accounts."
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Hide password"
+msgstr "Hide password"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Show password"
+msgstr "Show password"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Copy password"
+msgstr "Copy password"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Edit password"
+msgstr "Edit password"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Delete password"
+msgstr "Delete password"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Edit Password"
+msgstr "Edit Password"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Update your password and its details. Click save when you're done."
+msgstr "Update your password and its details. Click save when you're done."
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Enter password"
+msgstr "Enter password"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Details (optional)"
+msgstr "Details (optional)"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Add details about this password..."
+msgstr "Add details about this password..."
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "<0/> Saving..."
+msgstr "<0/> Saving..."

src/locales/es.po

@@ -3,7 +3,7 @@ msgstr ""
 "Project-Id-Version: \n"
 "Report-Msgid-Bugs-To: \n"
 "POT-Creation-Date: 2025-10-24T09:30:24.050Z\n"
-"PO-Revision-Date: 2025-10-30T12:48:50.255Z\n"
+"PO-Revision-Date: 2025-10-30T13:17:53.397Z\n"
 "Last-Translator: \n"
 "Language: es\n"
 "Language-Team: \n"
@@ -1657,6 +1657,7 @@ msgstr "3-31 caracteres: letras minúsculas, números, guiones bajos y guiones"
 
 #: src/routes/(auth)/login/+page.svelte
 #: src/routes/(auth)/register/+page.svelte
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
 msgid "Password"
 msgstr "Contraseña"
 
@@ -1888,6 +1889,7 @@ msgstr "Ingresa tu nombre de usuario"
 #: src/routes/apps/(app)/purchase-tracker/AddEditPurchaseDialog.svelte
 #: src/routes/apps/(app)/purchase-tracker/ConfirmDeleteDialog.svelte
 #: src/routes/apps/(app)/random-password-generator/+page.svelte
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
 #: src/routes/apps/(app)/smoke-free-tracker/+page.svelte
 #: src/routes/apps/(app)/smoke-free-tracker/+page.svelte
 #: src/routes/apps/(app)/smoke-free-tracker/+page.svelte
@@ -2332,6 +2334,7 @@ msgstr "Guardando..."
 
 #: src/routes/(auth)/profile/UserProfileCard.svelte
 #: src/routes/apps/(app)/budget-tracker/BudgetDialog.svelte
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
 msgid "Save changes"
 msgstr "Guardar cambios"
 
@@ -7445,7 +7448,9 @@ msgid "Description (Optional)"
 msgstr "Descripción (Opcional)"
 
 #. placeholder {0}: passwordDetails.length
+#. placeholder {0}: editedDetails.length
 #: src/routes/apps/(app)/random-password-generator/+page.svelte
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
 msgid "{0}/200 characters"
 msgstr "{0}/200 caracteres"
 
@@ -7578,8 +7583,8 @@ msgstr "Crea Tu Primera Contraseña"
 msgid "Your Password Vault"
 msgstr "Tu Bóveda de Contraseñas"
 
-#. placeholder {0}: savedPasswords.length
-#. placeholder {1}: savedPasswords.length === 1 ? 'password' : 'passwords'
+#. placeholder {0}: passwords.length
+#. placeholder {1}: passwords.length === 1 ? 'password' : 'passwords'
 #: src/routes/apps/(app)/random-password-generator/passwords/+page.svelte
 msgid "{0} {1} stored securely"
 msgstr "{0} {1} almacenada(s) de forma segura"
@@ -7597,3 +7602,47 @@ msgstr ""
 "Todas las contraseñas están encriptadas y almacenadas de forma segura. Puedes ver, copiar y eliminar tus\n"
 "contraseñas en cualquier momento. Para máxima seguridad, considera usar un administrador de contraseñas dedicado\n"
 "para cuentas confidenciales.```"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Hide password"
+msgstr "Ocultar contraseña"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Show password"
+msgstr "Mostrar contraseña"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Copy password"
+msgstr "Copiar contraseña"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Edit password"
+msgstr "Editar contraseña"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Delete password"
+msgstr "Eliminar contraseña"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Edit Password"
+msgstr "Editar Contraseña"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Update your password and its details. Click save when you're done."
+msgstr "Actualiza tu contraseña y sus detalles. Haz clic en guardar cuando hayas terminado."
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Enter password"
+msgstr "Introduce la contraseña"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Details (optional)"
+msgstr "Detalles (opcional)"
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "Add details about this password..."
+msgstr "Añade detalles sobre esta contraseña..."
+
+#: src/routes/apps/(app)/random-password-generator/PasswordDisplay.svelte
+msgid "<0/> Saving..."
+msgstr "<0/> Guardando...```"