@promptbook/cli 0.114.0-0 → 0.114.0-2

package/apps/agents-server/src/components/NewAgentDialog/ManGoNewAgentWizard/lib/bookSource.ts

@@ -0,0 +1,54 @@
+/**
+ * Inserts Book-language sections before the final learning-mode marker.
+ *
+ * `OPEN` and `CLOSED` apply to the whole agent and should remain the final
+ * commitment. Keeping this operation shared prevents the section chips and
+ * the knowledge-source integration from creating different source layouts.
+ *
+ * @param source - Current Book source.
+ * @param sections - Book-language sections to insert.
+ * @returns Source with the sections inserted before `OPEN` or `CLOSED`.
+ */
+export function insertBookContentBeforeLearningMarker(source: string, sections: readonly string[]): string {
+    const normalizedSections = sections.map((section) => section.trim()).filter((section) => section !== '');
+
+    if (normalizedSections.length === 0) {
+        return source;
+    }
+
+    const normalizedSource = source.replace(/\r\n/g, '\n').trimEnd();
+    const lines = normalizedSource.split('\n');
+    const markerIndex = findLearningMarkerIndex(lines);
+    const sectionSource = normalizedSections.join('\n\n');
+
+    if (markerIndex === -1) {
+        return [normalizedSource, sectionSource].filter((content) => content !== '').join('\n\n');
+    }
+
+    const sourceBeforeMarker = lines.slice(0, markerIndex).join('\n').trimEnd();
+    const sourceFromMarker = lines.slice(markerIndex).join('\n').trim();
+
+    return [sourceBeforeMarker, sectionSource, sourceFromMarker]
+        .filter((content) => content !== '')
+        .join('\n\n');
+}
+
+/**
+ * Finds the last standalone `OPEN` or `CLOSED` line in a Book source.
+ *
+ * @param lines - Normalized Book source lines.
+ * @returns Index of the learning-mode marker, or `-1` when absent.
+ *
+ * @private internal utility of manGo Book source editing
+ */
+function findLearningMarkerIndex(lines: readonly string[]): number {
+    for (let lineIndex = lines.length - 1; lineIndex >= 0; lineIndex -= 1) {
+        const line = lines[lineIndex];
+
+        if (line && (line.trim().toUpperCase() === 'OPEN' || line.trim().toUpperCase() === 'CLOSED')) {
+            return lineIndex;
+        }
+    }
+
+    return -1;
+}

package/apps/agents-server/src/components/NewAgentDialog/ManGoNewAgentWizard/services/bookService.ts

@@ -1,21 +1,28 @@
 import { postManGoOnboardingJson } from './postManGoOnboardingJson';
 
 /**
- * Response returned by the manGo Book conversion endpoint.
+ * Response returned by the manGo Book generation endpoint.
  *
  * @private internal type of the manGo wizard book service.
  */
-type ConvertToBookResponse = {
+type GenerateBookResponse = {
     readonly book: string;
-    readonly isValid: boolean;
 };
 
 /**
- * Boundary used by the imported Book language panel. Backed by the manGo book expert.
+ * Generates the initial Book directly from the assignment step.
  *
- * @param input - Current Book editor content.
- * @returns Validated Book source and validation flag for the panel badge.
+ * @param input - Agent name and brief captured by the entry step.
+ * @returns Editable Book source used by the following wizard steps.
  */
-export async function convertToBook(input: string): Promise<{ book: string; isValid: boolean }> {
-    return postManGoOnboardingJson<ConvertToBookResponse>('/api/onboarding/book', { input });
+export async function generateBook(input: {
+    readonly agentName: string;
+    readonly agentBrief: string;
+}): Promise<string> {
+    const response = await postManGoOnboardingJson<GenerateBookResponse>('/api/onboarding/book', {
+        agentName: input.agentName,
+        agentBrief: input.agentBrief,
+    });
+
+    return response.book;
 }

package/apps/agents-server/src/components/NewAgentDialog/ManGoNewAgentWizard/services/createManGoAgentSource.ts

@@ -1,5 +1,6 @@
 import { spaceTrim } from 'spacetrim';
 import { validateBook, type string_book } from '../../../../../../../src/book-2.0/agent-source/string_book';
+import { insertBookContentBeforeLearningMarker } from '../lib/bookSource';
 import type { KnowledgeItem, OnboardingState } from '../types';
 
 /**
@@ -22,7 +23,7 @@ function getKnowledgeSource(item: KnowledgeItem): string {
 }
 
 /**
- * Creates a minimal Book source when the editable draft is empty.
+ * Creates a minimal Book source when the editable Book is empty.
  *
  * @param state - Current wizard state.
  * @returns Book source fallback.
@@ -57,41 +58,6 @@ function ensureBookTitle(source: string, agentName: string): string {
     return agentName.trim() || FALLBACK_AGENT_NAME;
 }
 
-/**
- * Inserts extra commitments before a final `OPEN` or `CLOSED` marker when present.
- *
- * @param source - Current Book source.
- * @param commitments - Commitment lines to insert.
- * @returns Source with inserted commitments.
- */
-function insertCommitmentsBeforeLearningMarker(source: string, commitments: ReadonlyArray<string>): string {
-    if (commitments.length === 0) {
-        return source;
-    }
-
-    const lines = source.replace(/\r\n/g, '\n').split('\n');
-    let markerIndex = -1;
-    for (let lineIndex = lines.length - 1; lineIndex >= 0; lineIndex -= 1) {
-        const line = lines[lineIndex];
-        if (line === undefined) {
-            continue;
-        }
-
-        const normalizedLine = line.trim().toUpperCase();
-        if (normalizedLine === 'OPEN' || normalizedLine === 'CLOSED') {
-            markerIndex = lineIndex;
-            break;
-        }
-    }
-    const insertionLines = ['', ...commitments];
-
-    if (markerIndex === -1) {
-        return [...lines, ...insertionLines].join('\n');
-    }
-
-    return [...lines.slice(0, markerIndex), ...insertionLines, '', ...lines.slice(markerIndex)].join('\n');
-}
-
 /**
  * Builds the final Book source submitted from the manGo wizard.
  *
@@ -108,5 +74,5 @@ export function createManGoAgentSource(state: OnboardingState): string_book {
         .filter((source) => !titledSource.includes(`KNOWLEDGE ${source}`))
         .map((source) => `KNOWLEDGE ${source}`);
 
-    return validateBook(insertCommitmentsBeforeLearningMarker(titledSource, knowledgeCommitments));
+    return validateBook(insertBookContentBeforeLearningMarker(titledSource, knowledgeCommitments));
 }

package/apps/agents-server/src/components/NewAgentDialog/ManGoNewAgentWizard/services/createManGoOpenEditorRequest.ts

@@ -8,7 +8,7 @@ import { createManGoAgentSource } from './createManGoAgentSource';
  *
  * @param state - Current imported wizard state.
  * @param defaultVisibility - Metadata-backed default visibility for newly created agents.
- * @returns Classic Book editor request carrying the current draft.
+ * @returns Classic Book editor request carrying the current Book.
  *
  * @private internal utility of <ManGoNewAgentWizard/>.
  */

package/apps/agents-server/src/components/NewAgentDialog/ManGoNewAgentWizard/state/OnboardingProvider.tsx

@@ -6,8 +6,8 @@ import { NotAllowed } from '../../../../../../../src/errors/NotAllowed';
 import type { OnboardingState } from '../types';
 
 /** sessionStorage key for the wizard session — exported so callers (e.g. the dashboard's
- * "Nový onboarding") can clear a stale draft before starting fresh. */
-export const ONBOARDING_STORAGE_KEY = 'onboarding:v1';
+ * "Nový onboarding") can clear a stale Book before starting fresh. */
+export const ONBOARDING_STORAGE_KEY = 'onboarding:v2';
 const STORAGE_KEY = ONBOARDING_STORAGE_KEY;
 
 const INITIAL_STATE: OnboardingState = {

package/apps/agents-server/src/components/UsersList/CreateUserDialog.tsx

@@ -5,25 +5,14 @@ import type { Dispatch, FormEvent, SetStateAction } from 'react';
 import { Dialog } from '../Portal/Dialog';
 import { SecretInput } from '../SecretInput/SecretInput';
 import { useServerLanguage } from '../ServerLanguage/ServerLanguageProvider';
+import { USER_DIALOG_PRIMARY_BUTTON_CLASS_NAME, USER_DIALOG_SECONDARY_BUTTON_CLASS_NAME } from './userDialogClassNames';
 
 /**
- * Shared input styling used by the create-user dialog.
+ * Styling for ordinary form inputs inside the create-user dialog.
  */
-const INPUT_CLASS_NAME =
+const CREATE_USER_INPUT_CLASS_NAME =
     'w-full rounded-md border border-gray-300 px-3 py-2 text-sm text-gray-900 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200';
 
-/**
- * Shared secondary button styling used by the create-user dialog.
- */
-const SECONDARY_BUTTON_CLASS_NAME =
-    'inline-flex items-center justify-center gap-2 rounded-md border border-gray-300 bg-white px-3 py-2 text-sm font-semibold text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-60';
-
-/**
- * Shared primary button styling used by the create-user dialog.
- */
-const PRIMARY_BUTTON_CLASS_NAME =
-    'inline-flex items-center justify-center gap-2 rounded-md bg-blue-600 px-3 py-2 text-sm font-semibold text-white hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-60';
-
 /**
  * Props for the create-user dialog.
  *
@@ -31,10 +20,12 @@ const PRIMARY_BUTTON_CLASS_NAME =
  */
 type CreateUserDialogProps = {
     readonly isAdmin: boolean;
+    /** Whether the dialog can be dismissed through its backdrop or Escape key. */
+    readonly isDismissible?: boolean;
     readonly isOpen: boolean;
     readonly isSubmitting: boolean;
     readonly onClose: () => void;
-    readonly onGeneratePassword: () => void;
+    readonly onOpenPasswordGenerator: () => void;
     readonly onSubmit: (event: FormEvent<HTMLFormElement>) => Promise<void>;
     readonly password: string;
     readonly setIsAdmin: Dispatch<SetStateAction<boolean>>;
@@ -50,10 +41,11 @@ type CreateUserDialogProps = {
  */
 export function CreateUserDialog({
     isAdmin,
+    isDismissible,
     isOpen,
     isSubmitting,
     onClose,
-    onGeneratePassword,
+    onOpenPasswordGenerator,
     onSubmit,
     password,
     setIsAdmin,
@@ -68,7 +60,7 @@ export function CreateUserDialog({
     }
 
     return (
-        <Dialog onClose={onClose} className="mx-4 w-full max-w-lg overflow-hidden">
+        <Dialog onClose={onClose} isDismissible={isDismissible} className="mx-4 w-full max-w-lg overflow-hidden">
             <form onSubmit={(event) => void onSubmit(event)}>
                 <div className="flex items-start justify-between gap-4 border-b border-gray-200 px-6 py-5">
                     <div>
@@ -95,7 +87,7 @@ export function CreateUserDialog({
                             type="text"
                             value={username}
                             onChange={(event) => setUsername(event.target.value)}
-                            className={INPUT_CLASS_NAME}
+                            className={CREATE_USER_INPUT_CLASS_NAME}
                             placeholder={t('users.usernamePlaceholder')}
                             autoComplete="off"
                             required
@@ -115,13 +107,12 @@ export function CreateUserDialog({
                         />
                         <button
                             type="button"
-                            onClick={onGeneratePassword}
+                            onClick={onOpenPasswordGenerator}
                             className="mt-2 text-sm font-medium text-blue-600 hover:text-blue-800"
                         >
                             <RefreshCw className="mr-1 inline h-3.5 w-3.5" />
                             {t('users.generatePassword')}
                         </button>
-                        <p className="mt-1 text-xs text-gray-500">{t('users.passwordGeneratorDescription')}</p>
                     </div>
 
                     <label className="flex items-start gap-3 rounded-lg border border-gray-200 bg-gray-50 p-4 text-sm text-gray-600">
@@ -139,10 +130,10 @@ export function CreateUserDialog({
                 </div>
 
                 <div className="flex flex-col-reverse gap-3 border-t border-gray-100 px-6 py-5 sm:flex-row sm:justify-end">
-                    <button type="button" onClick={onClose} className={SECONDARY_BUTTON_CLASS_NAME}>
+                    <button type="button" onClick={onClose} className={USER_DIALOG_SECONDARY_BUTTON_CLASS_NAME}>
                         {t('users.deleteConfirmCancel')}
                     </button>
-                    <button type="submit" disabled={isSubmitting} className={PRIMARY_BUTTON_CLASS_NAME}>
+                    <button type="submit" disabled={isSubmitting} className={USER_DIALOG_PRIMARY_BUTTON_CLASS_NAME}>
                         {isSubmitting ? <Loader2 className="h-4 w-4 animate-spin" /> : null}
                         {t('users.createUser')}
                     </button>

package/apps/agents-server/src/components/UsersList/PasswordGeneratorDialog.tsx

@@ -0,0 +1,216 @@
+'use client';
+
+import { RefreshCw, X } from 'lucide-react';
+import { useState } from 'react';
+import type { ServerTranslationKey } from '../../languages/ServerTranslationKeys';
+import { Dialog } from '../Portal/Dialog';
+import { SecretInput } from '../SecretInput/SecretInput';
+import { useServerLanguage } from '../ServerLanguage/ServerLanguageProvider';
+import {
+    DEFAULT_PASSWORD_GENERATOR_OPTIONS,
+    generateSecurePassword,
+    PASSWORD_CHARACTER_OPTION_NAMES,
+    type PasswordCharacterOptionName,
+    type PasswordGeneratorOptions,
+} from './generateSecurePassword';
+import { USER_DIALOG_PRIMARY_BUTTON_CLASS_NAME, USER_DIALOG_SECONDARY_BUTTON_CLASS_NAME } from './userDialogClassNames';
+
+/**
+ * Minimum password length offered by the password generator.
+ */
+const MINIMUM_PASSWORD_LENGTH = 1;
+
+/**
+ * Maximum password length offered by the password generator.
+ */
+const MAXIMUM_PASSWORD_LENGTH = 128;
+
+/**
+ * Translation keys for each configurable character category.
+ */
+const PASSWORD_CHARACTER_OPTION_TRANSLATION_KEYS: Readonly<Record<PasswordCharacterOptionName, ServerTranslationKey>> = {
+    isUppercaseLettersIncluded: 'users.passwordGeneratorIncludeUppercaseLetters',
+    isLowercaseLettersIncluded: 'users.passwordGeneratorIncludeLowercaseLetters',
+    isNumbersIncluded: 'users.passwordGeneratorIncludeNumbers',
+    isSpecialCharactersIncluded: 'users.passwordGeneratorIncludeSpecialCharacters',
+};
+
+/**
+ * Props for the password generator dialog.
+ *
+ * @private component of <UsersList/>
+ */
+type PasswordGeneratorDialogProps = {
+    readonly onClose: () => void;
+    readonly onUsePassword: (password: string) => void;
+};
+
+/**
+ * Renders configurable, Web Crypto-backed password generation for new users.
+ *
+ * @private component of <UsersList/>
+ */
+export function PasswordGeneratorDialog({ onClose, onUsePassword }: PasswordGeneratorDialogProps) {
+    const { t } = useServerLanguage();
+    const [passwordGeneratorOptions, setPasswordGeneratorOptions] = useState<PasswordGeneratorOptions>(
+        DEFAULT_PASSWORD_GENERATOR_OPTIONS,
+    );
+    const [generatedPassword, setGeneratedPassword] = useState(() =>
+        generateSecurePassword(DEFAULT_PASSWORD_GENERATOR_OPTIONS),
+    );
+    const includedCharacterOptionCount = PASSWORD_CHARACTER_OPTION_NAMES.filter(
+        (optionName) => passwordGeneratorOptions[optionName],
+    ).length;
+
+    /**
+     * Stores an updated configuration and creates a password that exactly matches it.
+     */
+    function updatePasswordGeneratorOptions(updatedPasswordGeneratorOptions: PasswordGeneratorOptions) {
+        setPasswordGeneratorOptions(updatedPasswordGeneratorOptions);
+        setGeneratedPassword(generateSecurePassword(updatedPasswordGeneratorOptions));
+    }
+
+    /**
+     * Updates the requested length while preserving a valid count for the selected character categories.
+     */
+    function handlePasswordLengthChange(passwordLength: number) {
+        if (!Number.isSafeInteger(passwordLength)) {
+            return;
+        }
+
+        updatePasswordGeneratorOptions({
+            ...passwordGeneratorOptions,
+            length: Math.min(
+                MAXIMUM_PASSWORD_LENGTH,
+                Math.max(includedCharacterOptionCount, MINIMUM_PASSWORD_LENGTH, passwordLength),
+            ),
+        });
+    }
+
+    /**
+     * Enables or disables one character category without allowing an empty character set.
+     */
+    function handleCharacterOptionChange(optionName: PasswordCharacterOptionName, isIncluded: boolean) {
+        const updatedIncludedCharacterOptionCount = includedCharacterOptionCount +
+            (isIncluded === passwordGeneratorOptions[optionName] ? 0 : isIncluded ? 1 : -1);
+
+        if (updatedIncludedCharacterOptionCount === 0) {
+            return;
+        }
+
+        const updatedPasswordGeneratorOptions: PasswordGeneratorOptions = {
+            ...passwordGeneratorOptions,
+            [optionName]: isIncluded,
+        };
+
+        updatePasswordGeneratorOptions({
+            ...updatedPasswordGeneratorOptions,
+            length: Math.max(updatedPasswordGeneratorOptions.length, updatedIncludedCharacterOptionCount),
+        });
+    }
+
+    /**
+     * Passes the current generated password back to the create-user form.
+     */
+    function handleUsePassword() {
+        if (!generatedPassword) {
+            return;
+        }
+
+        onUsePassword(generatedPassword);
+    }
+
+    return (
+        <Dialog onClose={onClose} className="mx-4 w-full max-w-lg overflow-hidden" ariaLabelledBy="password-generator-title">
+            <div className="flex items-start justify-between gap-4 border-b border-gray-200 px-6 py-5">
+                <div>
+                    <h2 id="password-generator-title" className="text-xl font-semibold text-gray-900">
+                        {t('users.passwordGeneratorTitle')}
+                    </h2>
+                    <p className="mt-1 text-sm text-gray-500">{t('users.passwordGeneratorDescription')}</p>
+                </div>
+                <button
+                    type="button"
+                    onClick={onClose}
+                    className="rounded-md p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-700"
+                    aria-label={t('users.closePasswordGeneratorDialog')}
+                >
+                    <X className="h-5 w-5" />
+                </button>
+            </div>
+
+            <div className="space-y-5 px-6 py-6">
+                <div>
+                    <label htmlFor="password-generator-length" className="mb-1 block text-sm font-medium text-gray-700">
+                        {t('users.passwordGeneratorLength')}
+                    </label>
+                    <input
+                        id="password-generator-length"
+                        type="number"
+                        min={Math.max(includedCharacterOptionCount, MINIMUM_PASSWORD_LENGTH)}
+                        max={MAXIMUM_PASSWORD_LENGTH}
+                        step="1"
+                        value={passwordGeneratorOptions.length}
+                        onChange={(event) => handlePasswordLengthChange(event.target.valueAsNumber)}
+                        className="w-full rounded-md border border-gray-300 px-3 py-2 text-sm text-gray-900 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200"
+                    />
+                </div>
+
+                <fieldset>
+                    <legend className="mb-2 text-sm font-medium text-gray-700">
+                        {t('users.passwordGeneratorCharacters')}
+                    </legend>
+                    <div className="space-y-2">
+                        {PASSWORD_CHARACTER_OPTION_NAMES.map((optionName) => {
+                            const isIncluded = passwordGeneratorOptions[optionName];
+                            const isOnlyIncludedCharacterOption = isIncluded && includedCharacterOptionCount === 1;
+
+                            return (
+                                <label key={optionName} className="flex items-center gap-3 text-sm text-gray-700">
+                                    <input
+                                        type="checkbox"
+                                        checked={isIncluded}
+                                        onChange={(event) => handleCharacterOptionChange(optionName, event.target.checked)}
+                                        disabled={isOnlyIncludedCharacterOption}
+                                        className="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500 disabled:cursor-not-allowed disabled:opacity-60"
+                                    />
+                                    {t(PASSWORD_CHARACTER_OPTION_TRANSLATION_KEYS[optionName])}
+                                </label>
+                            );
+                        })}
+                    </div>
+                </fieldset>
+
+                <SecretInput
+                    id="password-generator-value"
+                    label={t('users.generatedPassword')}
+                    value={generatedPassword}
+                    readOnly
+                    autoComplete="new-password"
+                />
+                <button
+                    type="button"
+                    onClick={() => setGeneratedPassword(generateSecurePassword(passwordGeneratorOptions))}
+                    className="text-sm font-medium text-blue-600 hover:text-blue-800"
+                >
+                    <RefreshCw className="mr-1 inline h-3.5 w-3.5" />
+                    {t('users.regeneratePassword')}
+                </button>
+            </div>
+
+            <div className="flex flex-col-reverse gap-3 border-t border-gray-100 px-6 py-5 sm:flex-row sm:justify-end">
+                <button type="button" onClick={onClose} className={USER_DIALOG_SECONDARY_BUTTON_CLASS_NAME}>
+                    {t('users.deleteConfirmCancel')}
+                </button>
+                <button
+                    type="button"
+                    onClick={handleUsePassword}
+                    disabled={!generatedPassword}
+                    className={USER_DIALOG_PRIMARY_BUTTON_CLASS_NAME}
+                >
+                    {t('users.useGeneratedPassword')}
+                </button>
+            </div>
+        </Dialog>
+    );
+}

package/apps/agents-server/src/components/UsersList/UsersList.tsx

@@ -8,8 +8,8 @@ import { Section } from '../Homepage/Section';
 import { useServerLanguage } from '../ServerLanguage/ServerLanguageProvider';
 import { isAnonymousUsername } from '../../utils/anonymousUser';
 import { formatServerLanguageHumanReadableDate } from '@/src/utils/localization/formatServerLanguageHumanReadableDate';
-import { generateSecurePassword } from './generateSecurePassword';
 import { CreateUserDialog } from './CreateUserDialog';
+import { PasswordGeneratorDialog } from './PasswordGeneratorDialog';
 import { useUsersAdmin } from './useUsersAdmin';
 
 /**
@@ -33,6 +33,7 @@ export function UsersList({ allowCreate = true }: UsersListProps) {
     const { language, t } = useServerLanguage();
 
     const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);
+    const [isPasswordGeneratorOpen, setIsPasswordGeneratorOpen] = useState(false);
     const [isCreatingUser, setIsCreatingUser] = useState(false);
     const [newUsername, setNewUsername] = useState('');
     const [newPassword, setNewPassword] = useState('');
@@ -65,10 +66,6 @@ export function UsersList({ allowCreate = true }: UsersListProps) {
 
     const handleOpenCreateDialog = () => {
         resetCreateUserForm();
-        const generatedPassword = generateSecurePassword();
-        if (generatedPassword) {
-            setNewPassword(generatedPassword);
-        }
         setIsCreateDialogOpen(true);
     };
 
@@ -78,6 +75,7 @@ export function UsersList({ allowCreate = true }: UsersListProps) {
         }
 
         setIsCreateDialogOpen(false);
+        setIsPasswordGeneratorOpen(false);
         resetCreateUserForm();
     };
 
@@ -93,6 +91,7 @@ export function UsersList({ allowCreate = true }: UsersListProps) {
             });
 
             setIsCreateDialogOpen(false);
+            setIsPasswordGeneratorOpen(false);
             resetCreateUserForm();
         } catch {
             // Error is already handled and exposed via `error` state from the hook
@@ -271,15 +270,11 @@ export function UsersList({ allowCreate = true }: UsersListProps) {
             {allowCreate ? (
                 <CreateUserDialog
                     isAdmin={newIsAdmin}
+                    isDismissible={!isPasswordGeneratorOpen}
                     isOpen={isCreateDialogOpen}
                     isSubmitting={isCreatingUser}
                     onClose={handleCloseCreateDialog}
-                    onGeneratePassword={() => {
-                        const generatedPassword = generateSecurePassword();
-                        if (generatedPassword) {
-                            setNewPassword(generatedPassword);
-                        }
-                    }}
+                    onOpenPasswordGenerator={() => setIsPasswordGeneratorOpen(true)}
                     onSubmit={handleCreateUser}
                     password={newPassword}
                     setIsAdmin={setNewIsAdmin}
@@ -288,6 +283,16 @@ export function UsersList({ allowCreate = true }: UsersListProps) {
                     username={newUsername}
                 />
             ) : null}
+
+            {isPasswordGeneratorOpen ? (
+                <PasswordGeneratorDialog
+                    onClose={() => setIsPasswordGeneratorOpen(false)}
+                    onUsePassword={(password) => {
+                        setNewPassword(password);
+                        setIsPasswordGeneratorOpen(false);
+                    }}
+                />
+            ) : null}
         </div>
     );
 }