@franzzemen/brokenstock-shell 0.0.1

package/fesm2022/franzzemen-brokenstock-shell.mjs

@@ -0,0 +1,931 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, signal, computed, Injectable, inject, input, Directive, NgZone, effect, Component, viewChild, afterNextRender } from '@angular/core';
+import * as i2$1 from '@angular/router';
+import { Router, RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
+import { HttpHeader, BEARER_TOKEN_REGEX, USERNAME_REGEX, PASSWORD_REGEX } from '@franzzemen/utility';
+import { validateCredentials } from '@franzzemen/identity';
+import { HttpClient } from '@angular/common/http';
+import { tap, catchError, from, switchMap, throwError } from 'rxjs';
+import * as i3 from '@angular/forms';
+import { NG_VALIDATORS, FormsModule } from '@angular/forms';
+import { DOCUMENT, DatePipe } from '@angular/common';
+import { z } from 'zod/v4';
+import * as i1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i2 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i1$1 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i5 from '@angular/cdk/text-field';
+import { TextFieldModule } from '@angular/cdk/text-field';
+import { MatFormField, MatLabel } from '@angular/material/form-field';
+import * as i4 from '@angular/material/input';
+import { MatInput, MatInputModule } from '@angular/material/input';
+import * as i6 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i1$2 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule } from '@angular/material/dialog';
+
+const SHELL_APP_NAME = new InjectionToken('SHELL_APP_NAME');
+const SHELL_MENU_ITEMS = new InjectionToken('SHELL_MENU_ITEMS');
+const SHELL_AUTH_URLS = new InjectionToken('SHELL_AUTH_URLS');
+/**
+ * App-specific commands to register alongside the built-in command set.
+ * Provide via provideShellConfig().
+ */
+const SHELL_COMMANDS = new InjectionToken('SHELL_COMMANDS');
+
+function provideShellConfig(config) {
+    return makeEnvironmentProviders([
+        { provide: SHELL_APP_NAME, useValue: config.appName },
+        { provide: SHELL_MENU_ITEMS, useValue: config.menuItems },
+        { provide: SHELL_AUTH_URLS, useValue: config.authUrls },
+        { provide: SHELL_COMMANDS, useValue: config.commands ?? [] },
+    ]);
+}
+
+class ThinkingService {
+    #activeCount = signal(0, ...(ngDevMode ? [{ debugName: "#activeCount" }] : /* istanbul ignore next */ []));
+    isThinking = computed(() => this.#activeCount() > 0, ...(ngDevMode ? [{ debugName: "isThinking" }] : /* istanbul ignore next */ []));
+    startThinking() {
+        this.#activeCount.update(c => c + 1);
+    }
+    stopThinking() {
+        this.#activeCount.update(c => Math.max(0, c - 1));
+    }
+    reset() {
+        this.#activeCount.set(0);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: ThinkingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: ThinkingService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: ThinkingService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class AuthenticationService {
+    authenticated = signal(false, ...(ngDevMode ? [{ debugName: "authenticated" }] : /* istanbul ignore next */ []));
+    authenticating = signal(false, ...(ngDevMode ? [{ debugName: "authenticating" }] : /* istanbul ignore next */ []));
+    userSession = signal(undefined, ...(ngDevMode ? [{ debugName: "userSession" }] : /* istanbul ignore next */ []));
+    effectivePermissions = signal({}, ...(ngDevMode ? [{ debugName: "effectivePermissions" }] : /* istanbul ignore next */ []));
+    conflictSessions = signal(undefined, ...(ngDevMode ? [{ debugName: "conflictSessions" }] : /* istanbul ignore next */ []));
+    #refreshing = null;
+    #auth = 'Bearer ..';
+    #httpClient = inject(HttpClient);
+    #thinkingService = inject(ThinkingService);
+    #router = inject(Router);
+    #authUrls = inject(SHELL_AUTH_URLS);
+    get auth() {
+        return this.#auth;
+    }
+    /** Check if the current user has a specific role. */
+    hasRole(roleName) {
+        return this.authenticated() && this.userSession()?.roles.includes(roleName) === true;
+    }
+    /** Check if the current user has any of the specified roles. */
+    hasAnyRole(roleNames) {
+        return this.authenticated() && roleNames.some(r => this.userSession()?.roles.includes(r) === true);
+    }
+    refresh() {
+        if (this.#refreshing) {
+            return this.#refreshing;
+        }
+        this.#refreshing = this.#doRefresh().finally(() => { this.#refreshing = null; });
+        return this.#refreshing;
+    }
+    logout() {
+        const subscription = this.#httpClient
+            .get(this.#authUrls.logout, {
+            headers: {
+                [HttpHeader.Authorization]: this.#auth,
+                [HttpHeader.AppContext]: 'brokenstock',
+            },
+        })
+            .subscribe({
+            next: () => {
+                this.#clearSession();
+                subscription.unsubscribe();
+            },
+            error: () => {
+                this.#thinkingService.reset();
+                this.#clearSession();
+            },
+        });
+    }
+    login(credentials, force = false) {
+        const validation = validateCredentials(credentials);
+        if (validation !== true) {
+            return Promise.reject('Invalid credentials');
+        }
+        this.conflictSessions.set(undefined);
+        this.#thinkingService.startThinking();
+        return new Promise((resolve, reject) => {
+            this.authenticating.set(true);
+            const body = force ? { ...credentials, force: true } : credentials;
+            const subscription = this.#httpClient
+                .post(this.#authUrls.login, body, {
+                headers: {
+                    [HttpHeader.ContentType]: 'application/json',
+                    [HttpHeader.AppContext]: 'brokenstock',
+                },
+                observe: 'response',
+                responseType: 'json',
+                withCredentials: true,
+            })
+                .subscribe({
+                next: (response) => {
+                    try {
+                        const authResponse = response.body;
+                        // @ts-ignore
+                        delete authResponse.session.token;
+                        this.userSession.set(authResponse.session);
+                        this.effectivePermissions.set(authResponse.effectivePermissions ?? {});
+                        const auth = response.headers.get(HttpHeader.Authorization);
+                        if (!auth || !BEARER_TOKEN_REGEX.test(auth)) {
+                            reject('Unable to login');
+                            return;
+                        }
+                        this.#auth = auth;
+                        this.authenticated.set(true);
+                        resolve();
+                    }
+                    catch {
+                        reject('Unable to login');
+                    }
+                    finally {
+                        this.authenticating.set(false);
+                        subscription.unsubscribe();
+                        this.#thinkingService.stopThinking();
+                    }
+                },
+                error: (err) => {
+                    try {
+                        if (err.status === 409) {
+                            this.conflictSessions.set(err.error?.activeSessions ?? []);
+                            reject('conflict');
+                        }
+                        else {
+                            reject(err.message ?? 'Unable to login');
+                        }
+                    }
+                    finally {
+                        this.authenticating.set(false);
+                        subscription.unsubscribe();
+                        this.#thinkingService.stopThinking();
+                    }
+                },
+            });
+        });
+    }
+    async #doRefresh() {
+        try {
+            const response = await fetch(this.#authUrls.refresh, {
+                method: 'POST',
+                headers: {
+                    [HttpHeader.Authorization]: this.#auth,
+                    [HttpHeader.AppContext]: 'brokenstock',
+                },
+                credentials: 'include',
+            });
+            if (!response.ok)
+                return false;
+            const auth = response.headers.get(HttpHeader.Authorization);
+            if (!auth || !BEARER_TOKEN_REGEX.test(auth))
+                return false;
+            const body = await response.json();
+            this.#auth = auth;
+            this.userSession.set(body.session);
+            this.effectivePermissions.set(body.effectivePermissions ?? {});
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }
+    #clearSession() {
+        this.authenticated.set(false);
+        this.userSession.set(undefined);
+        this.effectivePermissions.set({});
+        this.conflictSessions.set(undefined);
+        this.#auth = 'Bearer ..';
+        this.#router.navigate(['/login']).catch(console.error);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: AuthenticationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: AuthenticationService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: AuthenticationService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+const authGuard = () => {
+    const authService = inject(AuthenticationService);
+    const router = inject(Router);
+    if (authService.authenticated()) {
+        return true;
+    }
+    return router.createUrlTree(['/login']);
+};
+
+const authInterceptor = (req, next) => {
+    const authService = inject(AuthenticationService);
+    const thinkingService = inject(ThinkingService);
+    const authUrls = inject(SHELL_AUTH_URLS);
+    const router = inject(Router);
+    return next(req).pipe(tap({
+        next: (event) => {
+            if ('headers' in event && event.headers?.get('x-permissions-stale') === 'true') {
+                authService.refresh();
+            }
+        },
+    }), catchError((error) => {
+        const isRefreshOrLogin = req.url === authUrls.refresh || req.url === authUrls.login;
+        if (error.status === 401 && !isRefreshOrLogin) {
+            return from(authService.refresh()).pipe(switchMap((refreshed) => {
+                if (refreshed) {
+                    const retryReq = req.clone({
+                        setHeaders: { [HttpHeader.Authorization]: authService.auth },
+                    });
+                    return next(retryReq);
+                }
+                thinkingService.reset();
+                authService.authenticated.set(false);
+                authService.userSession.set(undefined);
+                router.navigate(['/login']);
+                return throwError(() => error);
+            }), catchError(() => {
+                thinkingService.reset();
+                authService.authenticated.set(false);
+                authService.userSession.set(undefined);
+                router.navigate(['/login']);
+                return throwError(() => error);
+            }));
+        }
+        return throwError(() => error);
+    }));
+};
+
+class RegexValidatorDirective {
+    regex = input(/^[A-Z0-9._%+-@!?]{4,64}$/i, ...(ngDevMode ? [{ debugName: "regex" }] : /* istanbul ignore next */ []));
+    validate(control) {
+        if (!control.value || !this.regex().test(control.value)) {
+            return { regexValidator: { value: control.value } };
+        }
+        return null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: RegexValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.7", type: RegexValidatorDirective, isStandalone: true, selector: "[regexValidator]", inputs: { regex: { classPropertyName: "regex", publicName: "regex", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: NG_VALIDATORS, useExisting: RegexValidatorDirective, multi: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: RegexValidatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[regexValidator]',
+                    providers: [{ provide: NG_VALIDATORS, useExisting: RegexValidatorDirective, multi: true }],
+                }]
+        }], propDecorators: { regex: [{ type: i0.Input, args: [{ isSignal: true, alias: "regex", required: false }] }] } });
+
+class ThemeService {
+    mode = signal('dark', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    isDark = computed(() => this.mode() === 'dark', ...(ngDevMode ? [{ debugName: "isDark" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: ThemeService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: ThemeService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class TerminalFocusService {
+    focusRequested = signal(0, ...(ngDevMode ? [{ debugName: "focusRequested" }] : /* istanbul ignore next */ []));
+    requestFocus() {
+        this.focusRequested.update(v => v + 1);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: TerminalFocusService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: TerminalFocusService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: TerminalFocusService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class KeyboardShortcutService {
+    #groups = new Map();
+    #activeGroupId = signal(null, ...(ngDevMode ? [{ debugName: "#activeGroupId" }] : /* istanbul ignore next */ []));
+    #document = inject(DOCUMENT);
+    #zone = inject(NgZone);
+    #focusService = inject(TerminalFocusService);
+    helpVisible = signal(false, ...(ngDevMode ? [{ debugName: "helpVisible" }] : /* istanbul ignore next */ []));
+    activeShortcuts = computed(() => {
+        const groupId = this.#activeGroupId();
+        if (!groupId)
+            return null;
+        const shortcuts = this.#groups.get(groupId);
+        if (!shortcuts)
+            return null;
+        return { groupId, shortcuts };
+    }, ...(ngDevMode ? [{ debugName: "activeShortcuts" }] : /* istanbul ignore next */ []));
+    constructor() {
+        this.#zone.runOutsideAngular(() => {
+            this.#document.addEventListener('keydown', (event) => {
+                this.#handleKeydown(event);
+            });
+        });
+    }
+    registerGroup(groupId, shortcuts) {
+        this.#groups.set(groupId, shortcuts);
+        this.#activeGroupId.set(groupId);
+    }
+    unregisterGroup(groupId) {
+        this.#groups.delete(groupId);
+        if (this.#activeGroupId() === groupId) {
+            const keys = [...this.#groups.keys()];
+            this.#activeGroupId.set(keys.length > 0 ? keys[keys.length - 1] : null);
+        }
+    }
+    toggleHelp() {
+        this.helpVisible.update(v => !v);
+    }
+    #handleKeydown(event) {
+        const activeId = this.#activeGroupId();
+        if (activeId) {
+            const shortcuts = this.#groups.get(activeId);
+            if (shortcuts) {
+                const match = shortcuts.find(s => {
+                    if (s.modifier === 'Alt')
+                        return event.altKey && s.key === event.key;
+                    return !event.altKey && !event.ctrlKey && !event.metaKey && s.key === event.key;
+                });
+                if (match) {
+                    event.preventDefault();
+                    this.#zone.run(() => match.action());
+                    return true;
+                }
+            }
+        }
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            this.#zone.run(() => {
+                this.helpVisible.set(false);
+                this.#focusService.requestFocus();
+            });
+            return true;
+        }
+        if (!event.altKey)
+            return false;
+        if (event.key === '?' || event.key === '/') {
+            event.preventDefault();
+            this.#zone.run(() => this.toggleHelp());
+            return true;
+        }
+        return false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: KeyboardShortcutService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: KeyboardShortcutService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: KeyboardShortcutService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+class CommandRegistryService {
+    commands = new Map();
+    constructor() {
+        const appCommands = inject(SHELL_COMMANDS, { optional: true }) ?? [];
+        for (const cmd of appCommands) {
+            this.register(cmd);
+        }
+    }
+    register(command) {
+        this.commands.set(command.name, command);
+    }
+    get(name) {
+        return this.commands.get(name);
+    }
+    getAll() {
+        return Array.from(this.commands.values());
+    }
+    /**
+     * Returns command name suggestions for tab-completion.
+     * Built-ins (clear, help) are included when authenticated.
+     */
+    getSuggestions(prefix, isAuthenticated) {
+        if (!prefix)
+            return [];
+        if (!isAuthenticated) {
+            return 'login'.startsWith(prefix) && 'login' !== prefix ? ['login'] : [];
+        }
+        const builtIns = ['clear', 'help'];
+        const registered = [...this.commands.values()].map(c => c.name);
+        return [...builtIns, ...registered]
+            .filter(name => name.startsWith(prefix) && name !== prefix)
+            .sort();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CommandRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CommandRegistryService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CommandRegistryService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Quote-aware command tokenizer. Treats "..." as single tokens and strips enclosing quotes.
+ */
+function tokenize(input) {
+    return (input.match(/(?:"[^"]*"|\S)+/g) ?? []).map(t => t.replace(/"([^"]*)"/g, '$1'));
+}
+const CLEAR_USAGE = 'clear\n\n' +
+    '  Clears the terminal history.\n' +
+    '  No arguments required.';
+const HELP_USAGE = 'help [command]\n\n' +
+    '  With no arguments, lists all available commands.\n' +
+    '  With a command name, shows detailed usage for that command.\n\n' +
+    '  Arguments:\n' +
+    '    [command]   Optional command name to show detailed help for';
+
+const CommandInputSchema = z.string().trim().min(1, 'Command cannot be empty');
+class CommandService {
+    history = signal([], ...(ngDevMode ? [{ debugName: "history" }] : /* istanbul ignore next */ []));
+    currentInput = signal('', ...(ngDevMode ? [{ debugName: "currentInput" }] : /* istanbul ignore next */ []));
+    isProcessing = signal(false, ...(ngDevMode ? [{ debugName: "isProcessing" }] : /* istanbul ignore next */ []));
+    authService = inject(AuthenticationService);
+    registry = inject(CommandRegistryService);
+    constructor() {
+        effect(() => {
+            if (!this.authService.authenticated()) {
+                this.history.set([]);
+            }
+        });
+    }
+    lastResult = computed(() => {
+        const h = this.history();
+        return h.length > 0 ? h[h.length - 1].result : null;
+    }, ...(ngDevMode ? [{ debugName: "lastResult" }] : /* istanbul ignore next */ []));
+    echoCommand(input) {
+        if (this.#coalesce(input))
+            return;
+        this.history.update(h => [...h, {
+                input,
+                result: { success: true, message: '', timestamp: new Date() },
+                repeatCount: 1,
+            }]);
+    }
+    pushNotification(notification) {
+        this.history.update(h => [...h, {
+                input: '',
+                result: {
+                    success: notification.severity !== 'error',
+                    message: notification.message,
+                    timestamp: new Date(),
+                    severity: notification.severity,
+                },
+            }]);
+    }
+    execute(rawInput) {
+        const validation = CommandInputSchema.safeParse(rawInput);
+        if (!validation.success) {
+            this.history.update(h => [...h, {
+                    input: rawInput,
+                    result: { success: false, message: validation.error.issues[0].message, timestamp: new Date() },
+                }]);
+            this.currentInput.set('');
+            return;
+        }
+        const input = validation.data;
+        const parts = tokenize(input);
+        const command = parts[0].toLowerCase();
+        const def = this.registry.get(command);
+        const displayInput = def?.sanitizeInput ? def.sanitizeInput(input) : input;
+        const resultOrPromise = this.#dispatch(command, parts.slice(1));
+        this.currentInput.set('');
+        if (resultOrPromise instanceof Promise) {
+            this.isProcessing.set(true);
+            resultOrPromise
+                .then(result => {
+                if (!this.#coalesce(displayInput)) {
+                    this.history.update(h => [...h, { input: displayInput, result, repeatCount: 1 }]);
+                }
+            })
+                .finally(() => this.isProcessing.set(false));
+        }
+        else {
+            if (!this.#coalesce(displayInput)) {
+                this.history.update(h => [...h, { input: displayInput, result: resultOrPromise, repeatCount: 1 }]);
+            }
+        }
+    }
+    #coalesce(input) {
+        if (!input)
+            return false;
+        const h = this.history();
+        for (let i = h.length - 1; i >= 0; i--) {
+            if (h[i].input) {
+                if (h[i].input === input) {
+                    this.history.update(history => {
+                        const updated = [...history];
+                        updated[i] = { ...updated[i], repeatCount: (updated[i].repeatCount ?? 1) + 1 };
+                        return updated;
+                    });
+                    return true;
+                }
+                return false;
+            }
+        }
+        return false;
+    }
+    #dispatch(command, args) {
+        const hasHelp = args.some(a => a.toLowerCase() === 'help');
+        const isAuthenticated = this.authService.authenticated();
+        if (!isAuthenticated && command !== 'login') {
+            return { success: false, message: 'Not logged in. Use "login" to authenticate.', timestamp: new Date() };
+        }
+        if (command === 'clear') {
+            if (hasHelp)
+                return { success: true, message: CLEAR_USAGE, timestamp: new Date() };
+            this.history.set([]);
+            return { success: true, message: '', timestamp: new Date() };
+        }
+        if (command === 'help') {
+            const target = args[0]?.toLowerCase();
+            if (target)
+                return this.#commandHelp(target);
+            const registered = this.registry.getAll();
+            const lines = [
+                '  clear — Clear terminal history',
+                '  help — List available commands',
+                ...registered.map(c => `  ${c.name} — ${c.description}`),
+            ];
+            return {
+                success: true,
+                message: 'Available commands:\n' + lines.join('\n') + '\n\nType "help <command>" or "<command> help" for detailed usage.',
+                timestamp: new Date(),
+            };
+        }
+        const def = this.registry.get(command);
+        if (!def) {
+            return { success: false, message: `Unknown command: ${command}`, timestamp: new Date() };
+        }
+        if (hasHelp) {
+            return { success: true, message: def.usage, timestamp: new Date() };
+        }
+        const validation = def.argsSchema.safeParse(args);
+        if (!validation.success) {
+            return { success: false, message: `Invalid arguments for '${command}': ${validation.error.issues[0].message}`, timestamp: new Date() };
+        }
+        return def.execute(args);
+    }
+    #commandHelp(name) {
+        if (name === 'clear')
+            return { success: true, message: CLEAR_USAGE, timestamp: new Date() };
+        if (name === 'help')
+            return { success: true, message: HELP_USAGE, timestamp: new Date() };
+        const def = this.registry.get(name);
+        if (!def)
+            return { success: false, message: `Unknown command: ${name}`, timestamp: new Date() };
+        return { success: true, message: def.usage, timestamp: new Date() };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CommandService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CommandService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CommandService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+class StatusBar {
+    #authService = inject(AuthenticationService);
+    #focusService = inject(TerminalFocusService);
+    #commandService = inject(CommandService);
+    isAuthenticated = this.#authService.authenticated;
+    loginStatus = computed(() => this.#authService.authenticating()
+        ? 'Authenticating...'
+        : this.#authService.authenticated()
+            ? 'Logged in'
+            : 'Not logged in', ...(ngDevMode ? [{ debugName: "loginStatus" }] : /* istanbul ignore next */ []));
+    logout() {
+        this.#authService.logout();
+        this.#commandService.echoCommand('logout');
+        this.#focusService.requestFocus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: StatusBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: StatusBar, isStandalone: true, selector: "shell-status-bar", ngImport: i0, template: "<div class=\"status-bar\">\n  <div class=\"status-item\">\n    <span class=\"status-label text-secondary-info\">Status:</span>\n    @if (isAuthenticated()) {\n      <a class=\"status-value text-interactive logout-link\" (click)=\"logout()\">Log Out</a>\n    } @else {\n      <span class=\"status-value text-loss\">{{ loginStatus() }}</span>\n    }\n  </div>\n  @if (isAuthenticated()) {\n    <ng-content />\n  }\n</div>\n", styles: [".status-bar{display:flex;align-items:center;gap:24px;padding:0 16px;height:100%;background-color:var(--color-surface);border-bottom:1px solid var(--color-surface-border);font-size:.8rem}.status-item{display:flex;align-items:baseline;gap:6px}.status-label{font-weight:500;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.logout-link{cursor:pointer;text-decoration:underline}.logout-link:hover{opacity:.8}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: StatusBar, decorators: [{
+            type: Component,
+            args: [{ selector: 'shell-status-bar', template: "<div class=\"status-bar\">\n  <div class=\"status-item\">\n    <span class=\"status-label text-secondary-info\">Status:</span>\n    @if (isAuthenticated()) {\n      <a class=\"status-value text-interactive logout-link\" (click)=\"logout()\">Log Out</a>\n    } @else {\n      <span class=\"status-value text-loss\">{{ loginStatus() }}</span>\n    }\n  </div>\n  @if (isAuthenticated()) {\n    <ng-content />\n  }\n</div>\n", styles: [".status-bar{display:flex;align-items:center;gap:24px;padding:0 16px;height:100%;background-color:var(--color-surface);border-bottom:1px solid var(--color-surface-border);font-size:.8rem}.status-item{display:flex;align-items:baseline;gap:6px}.status-label{font-weight:500;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.logout-link{cursor:pointer;text-decoration:underline}.logout-link:hover{opacity:.8}\n"] }]
+        }] });
+
+class SideMenu {
+    #focusService = inject(TerminalFocusService);
+    #commandService = inject(CommandService);
+    #shortcutService = inject(KeyboardShortcutService);
+    hasShortcuts = this.#shortcutService.activeShortcuts;
+    #allMenuItems = inject(SHELL_MENU_ITEMS, { optional: true }) ?? [];
+    menuItems = computed(() => this.#allMenuItems.filter(item => !item.visible || item.visible()), ...(ngDevMode ? [{ debugName: "menuItems" }] : /* istanbul ignore next */ []));
+    onMenuClick(item) {
+        if (item.command) {
+            this.#commandService.echoCommand(item.command);
+        }
+        this.#focusService.requestFocus();
+    }
+    toggleHelp() {
+        this.#shortcutService.toggleHelp();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SideMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: SideMenu, isStandalone: true, selector: "shell-side-menu", ngImport: i0, template: "<nav class=\"side-menu\">\n  @for (item of menuItems(); track item.route) {\n    <a\n      class=\"menu-item\"\n      [routerLink]=\"item.route\"\n      routerLinkActive=\"active\"\n      [matTooltip]=\"item.label\"\n      matTooltipPosition=\"right\"\n      (click)=\"onMenuClick(item)\"\n    >\n      <mat-icon>{{ item.icon }}</mat-icon>\n    </a>\n  }\n  <div class=\"menu-spacer\"></div>\n  @if (hasShortcuts()) {\n    <button\n      class=\"help-button\"\n      matTooltip=\"Keyboard shortcuts\"\n      matTooltipPosition=\"right\"\n      (click)=\"toggleHelp()\"\n    >\n      <span class=\"help-modifier\">Alt+</span><span class=\"help-key\">?</span>\n    </button>\n  }\n</nav>\n", styles: [".side-menu{display:flex;flex-direction:column;align-items:center;padding-top:8px;gap:4px;height:100%;background-color:var(--color-surface);border-right:1px solid var(--color-surface-border)}.menu-item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:var(--color-secondary-info);text-decoration:none;transition:background-color .15s,color .15s}.menu-item:hover,.menu-item.active{background-color:var(--color-surface-light);color:var(--color-interactive)}.menu-spacer{flex:1}.help-button{margin-bottom:8px;padding:4px 6px;border:1px solid var(--color-surface-border);border-radius:6px;background:none;font-size:.7rem;font-family:Roboto Mono,monospace;cursor:pointer;color:var(--color-interactive);transition:background-color .15s}.help-button:hover{background-color:var(--color-surface-light)}.help-modifier{opacity:.6}.help-key{font-weight:700}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SideMenu, decorators: [{
+            type: Component,
+            args: [{ selector: 'shell-side-menu', imports: [RouterLink, RouterLinkActive, MatIconModule, MatTooltipModule], template: "<nav class=\"side-menu\">\n  @for (item of menuItems(); track item.route) {\n    <a\n      class=\"menu-item\"\n      [routerLink]=\"item.route\"\n      routerLinkActive=\"active\"\n      [matTooltip]=\"item.label\"\n      matTooltipPosition=\"right\"\n      (click)=\"onMenuClick(item)\"\n    >\n      <mat-icon>{{ item.icon }}</mat-icon>\n    </a>\n  }\n  <div class=\"menu-spacer\"></div>\n  @if (hasShortcuts()) {\n    <button\n      class=\"help-button\"\n      matTooltip=\"Keyboard shortcuts\"\n      matTooltipPosition=\"right\"\n      (click)=\"toggleHelp()\"\n    >\n      <span class=\"help-modifier\">Alt+</span><span class=\"help-key\">?</span>\n    </button>\n  }\n</nav>\n", styles: [".side-menu{display:flex;flex-direction:column;align-items:center;padding-top:8px;gap:4px;height:100%;background-color:var(--color-surface);border-right:1px solid var(--color-surface-border)}.menu-item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:var(--color-secondary-info);text-decoration:none;transition:background-color .15s,color .15s}.menu-item:hover,.menu-item.active{background-color:var(--color-surface-light);color:var(--color-interactive)}.menu-spacer{flex:1}.help-button{margin-bottom:8px;padding:4px 6px;border:1px solid var(--color-surface-border);border-radius:6px;background:none;font-size:.7rem;font-family:Roboto Mono,monospace;cursor:pointer;color:var(--color-interactive);transition:background-color .15s}.help-button:hover{background-color:var(--color-surface-light)}.help-modifier{opacity:.6}.help-key{font-weight:700}\n"] }]
+        }] });
+
+class MainContent {
+    #thinkingService = inject(ThinkingService);
+    #shortcutService = inject(KeyboardShortcutService);
+    isThinking = this.#thinkingService.isThinking;
+    shortcutHelpVisible = this.#shortcutService.helpVisible;
+    activeShortcuts = this.#shortcutService.activeShortcuts;
+    formatKey(key) {
+        const keyMap = {
+            ArrowUp: '↑', ArrowDown: '↓', ArrowLeft: '←', ArrowRight: '→',
+            PageUp: 'PgUp', PageDown: 'PgDn',
+        };
+        return keyMap[key] ?? key;
+    }
+    closeShortcutHelp() {
+        this.#shortcutService.helpVisible.set(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: MainContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: MainContent, isStandalone: true, selector: "shell-main-content", ngImport: i0, template: "<div class=\"main-content\">\n  <div class=\"content-area\">\n    <router-outlet />\n  </div>\n  @if (shortcutHelpVisible() && activeShortcuts()) {\n    <div class=\"shortcut-overlay\" (click)=\"closeShortcutHelp()\">\n      <div class=\"shortcut-panel\" (click)=\"$event.stopPropagation()\">\n        <div class=\"shortcut-title text-secondary-info\">{{ activeShortcuts()!.groupId }} shortcuts</div>\n        @for (s of activeShortcuts()!.shortcuts; track s.key) {\n          <div class=\"shortcut-row\">\n            <kbd class=\"shortcut-key\">Alt+{{ formatKey(s.key) }}</kbd>\n            <span class=\"shortcut-desc text-text-primary\">{{ s.description }}</span>\n          </div>\n        }\n        <div class=\"shortcut-row shortcut-dismiss\">\n          <kbd class=\"shortcut-key\">Alt+?</kbd>\n          <span class=\"shortcut-desc text-secondary-info\">or</span>\n          <kbd class=\"shortcut-key\">Esc</kbd>\n          <span class=\"shortcut-desc text-secondary-info\">dismiss</span>\n        </div>\n      </div>\n    </div>\n  }\n  @if (isThinking()) {\n    <div class=\"thinking-overlay\">\n      <mat-spinner diameter=\"48\" />\n    </div>\n  }\n</div>\n", styles: [".main-content{position:relative;height:100%;overflow:hidden}.content-area{height:100%;overflow-y:auto;padding:16px}.shortcut-overlay{position:absolute;inset:0;z-index:15;display:flex;align-items:center;justify-content:center;background-color:#0a0e1480}.shortcut-panel{background-color:var(--color-terminal-bg);border:1px solid var(--color-surface-border);border-radius:6px;padding:14px 18px;font-size:.8rem;box-shadow:0 4px 16px #00000080;min-width:220px}.shortcut-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-weight:500}.shortcut-row{display:flex;align-items:center;gap:10px;padding:3px 0}.shortcut-row.shortcut-dismiss{margin-top:6px;border-top:1px solid var(--color-surface-border);padding-top:8px}.shortcut-key{font-family:Roboto Mono,monospace;font-size:.75rem;background-color:#ffffff14;border:1px solid var(--color-surface-border);border-radius:3px;padding:1px 6px;min-width:70px;text-align:center}.shortcut-desc{font-size:.78rem}.thinking-overlay{position:absolute;inset:0;z-index:20;background-color:#0a0e14b3;display:flex;align-items:center;justify-content:center;pointer-events:all;cursor:wait}\n"], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: MainContent, decorators: [{
+            type: Component,
+            args: [{ selector: 'shell-main-content', imports: [RouterOutlet, MatProgressSpinnerModule], template: "<div class=\"main-content\">\n  <div class=\"content-area\">\n    <router-outlet />\n  </div>\n  @if (shortcutHelpVisible() && activeShortcuts()) {\n    <div class=\"shortcut-overlay\" (click)=\"closeShortcutHelp()\">\n      <div class=\"shortcut-panel\" (click)=\"$event.stopPropagation()\">\n        <div class=\"shortcut-title text-secondary-info\">{{ activeShortcuts()!.groupId }} shortcuts</div>\n        @for (s of activeShortcuts()!.shortcuts; track s.key) {\n          <div class=\"shortcut-row\">\n            <kbd class=\"shortcut-key\">Alt+{{ formatKey(s.key) }}</kbd>\n            <span class=\"shortcut-desc text-text-primary\">{{ s.description }}</span>\n          </div>\n        }\n        <div class=\"shortcut-row shortcut-dismiss\">\n          <kbd class=\"shortcut-key\">Alt+?</kbd>\n          <span class=\"shortcut-desc text-secondary-info\">or</span>\n          <kbd class=\"shortcut-key\">Esc</kbd>\n          <span class=\"shortcut-desc text-secondary-info\">dismiss</span>\n        </div>\n      </div>\n    </div>\n  }\n  @if (isThinking()) {\n    <div class=\"thinking-overlay\">\n      <mat-spinner diameter=\"48\" />\n    </div>\n  }\n</div>\n", styles: [".main-content{position:relative;height:100%;overflow:hidden}.content-area{height:100%;overflow-y:auto;padding:16px}.shortcut-overlay{position:absolute;inset:0;z-index:15;display:flex;align-items:center;justify-content:center;background-color:#0a0e1480}.shortcut-panel{background-color:var(--color-terminal-bg);border:1px solid var(--color-surface-border);border-radius:6px;padding:14px 18px;font-size:.8rem;box-shadow:0 4px 16px #00000080;min-width:220px}.shortcut-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-weight:500}.shortcut-row{display:flex;align-items:center;gap:10px;padding:3px 0}.shortcut-row.shortcut-dismiss{margin-top:6px;border-top:1px solid var(--color-surface-border);padding-top:8px}.shortcut-key{font-family:Roboto Mono,monospace;font-size:.75rem;background-color:#ffffff14;border:1px solid var(--color-surface-border);border-radius:3px;padding:1px 6px;min-width:70px;text-align:center}.shortcut-desc{font-size:.78rem}.thinking-overlay{position:absolute;inset:0;z-index:20;background-color:#0a0e14b3;display:flex;align-items:center;justify-content:center;pointer-events:all;cursor:wait}\n"] }]
+        }] });
+
+class CommandTerminal {
+    commandService = inject(CommandService);
+    registry = inject(CommandRegistryService);
+    authService = inject(AuthenticationService);
+    terminalFocusService = inject(TerminalFocusService);
+    history = computed(() => [...this.commandService.history()].reverse(), ...(ngDevMode ? [{ debugName: "history" }] : /* istanbul ignore next */ []));
+    currentInput = this.commandService.currentInput;
+    isProcessing = this.commandService.isProcessing;
+    inputEl = viewChild('terminalInput', ...(ngDevMode ? [{ debugName: "inputEl" }] : /* istanbul ignore next */ []));
+    tabCycleIndex = -1;
+    lastTabPrefix = '';
+    ghostText = computed(() => {
+        const input = this.currentInput().trim();
+        if (!input || input.includes(' '))
+            return '';
+        const prefix = input.toLowerCase();
+        const suggestions = this.registry.getSuggestions(prefix, this.authService.authenticated());
+        return suggestions.length > 0 ? suggestions[0] : '';
+    }, ...(ngDevMode ? [{ debugName: "ghostText" }] : /* istanbul ignore next */ []));
+    constructor() {
+        afterNextRender(() => this.focusInput());
+        effect(() => {
+            if (!this.isProcessing()) {
+                setTimeout(() => this.focusInput());
+            }
+        });
+        effect(() => {
+            this.terminalFocusService.focusRequested();
+            setTimeout(() => this.focusInput());
+        });
+    }
+    onSubmit() {
+        const input = this.currentInput();
+        if (!input.trim())
+            return;
+        this.commandService.execute(input);
+        this.tabCycleIndex = -1;
+        this.lastTabPrefix = '';
+        this.focusInput();
+    }
+    onInputChange(value) {
+        this.currentInput.set(value);
+        this.tabCycleIndex = -1;
+        this.lastTabPrefix = '';
+    }
+    onTab(event) {
+        event.preventDefault();
+        const input = this.currentInput().trim();
+        if (!input || input.includes(' '))
+            return;
+        const prefix = input.toLowerCase();
+        const suggestions = this.registry.getSuggestions(prefix, this.authService.authenticated());
+        if (suggestions.length === 0)
+            return;
+        if (suggestions.length === 1) {
+            this.currentInput.set(suggestions[0] + ' ');
+            this.tabCycleIndex = -1;
+            this.lastTabPrefix = '';
+            return;
+        }
+        if (this.lastTabPrefix !== prefix) {
+            this.lastTabPrefix = prefix;
+            this.tabCycleIndex = -1;
+        }
+        if (event.shiftKey) {
+            this.tabCycleIndex = this.tabCycleIndex <= 0 ? suggestions.length - 1 : this.tabCycleIndex - 1;
+        }
+        else {
+            this.tabCycleIndex = (this.tabCycleIndex + 1) % suggestions.length;
+        }
+        this.currentInput.set(suggestions[this.tabCycleIndex]);
+    }
+    getSeverityClass(result) {
+        if (result.severity === 'info')
+            return 'info';
+        if (result.severity === 'warning')
+            return 'warning';
+        if (result.severity === 'error' || !result.success)
+            return 'error';
+        return '';
+    }
+    focusInput() {
+        this.inputEl()?.nativeElement.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CommandTerminal, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: CommandTerminal, isStandalone: true, selector: "shell-command-terminal", viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["terminalInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"terminal\">\n  <div class=\"terminal-input-row\">\n    <span class=\"prompt\">$</span>\n    <div class=\"input-wrapper\">\n      @if (ghostText()) {\n        <input\n          class=\"ghost-input\"\n          type=\"text\"\n          [value]=\"ghostText()\"\n          disabled\n          tabindex=\"-1\"\n          aria-hidden=\"true\"\n        />\n      }\n      <input\n        #terminalInput\n        class=\"terminal-input\"\n        type=\"text\"\n        [ngModel]=\"currentInput()\"\n        (ngModelChange)=\"onInputChange($event)\"\n        (keydown.enter)=\"onSubmit()\"\n        (keydown.tab)=\"onTab($any($event))\"\n        placeholder=\"Type a command...\"\n        [disabled]=\"isProcessing()\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n      />\n    </div>\n  </div>\n  <div class=\"terminal-output\">\n    @for (entry of history(); track entry.result.timestamp) {\n      @if (entry.input) {\n        <div class=\"terminal-line\">\n          <span class=\"prompt\">$</span>\n          <span class=\"command-text\">{{ entry.input }}@if ((entry.repeatCount ?? 1) > 1) { <span class=\"repeat-count\">(\u00D7{{ entry.repeatCount }})</span>}</span>\n        </div>\n      }\n      @if (entry.result.message) {\n        <div class=\"terminal-line\" [class]=\"getSeverityClass(entry.result)\">{{ entry.result.message }}</div>\n      }\n    }\n  </div>\n</div>\n", styles: [".terminal{display:flex;flex-direction:column;height:100%;background-color:var(--color-terminal-bg);border-top:1px solid var(--color-surface-border);font-family:Roboto Mono,Courier New,monospace;font-size:.85rem}.terminal-output{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column}.terminal-line{line-height:1.6;color:var(--color-text-primary);white-space:pre-wrap}.terminal-line.error{color:var(--color-loss)}.terminal-line.warning{color:var(--color-warning)}.terminal-line.info{color:var(--color-info)}.prompt{color:var(--color-terminal-prompt);margin-right:8px;font-weight:700}.command-text{color:var(--color-terminal-text)}.repeat-count{color:var(--color-secondary-info);opacity:.6;margin-left:4px}.terminal-input-row{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid var(--color-surface-border)}.input-wrapper{flex:1;display:grid}.ghost-input,.terminal-input{grid-area:1 / 1;font-family:inherit;font-size:inherit;line-height:normal;margin:0;padding:0;border:none;background:transparent;outline:none;-webkit-appearance:none;appearance:none;width:100%}.ghost-input{color:var(--color-secondary-info);opacity:.3;pointer-events:none}.terminal-input{color:var(--color-terminal-text);caret-color:var(--color-terminal-prompt)}.terminal-input::placeholder{color:var(--color-secondary-info);opacity:.5}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CommandTerminal, decorators: [{
+            type: Component,
+            args: [{ selector: 'shell-command-terminal', imports: [FormsModule], template: "<div class=\"terminal\">\n  <div class=\"terminal-input-row\">\n    <span class=\"prompt\">$</span>\n    <div class=\"input-wrapper\">\n      @if (ghostText()) {\n        <input\n          class=\"ghost-input\"\n          type=\"text\"\n          [value]=\"ghostText()\"\n          disabled\n          tabindex=\"-1\"\n          aria-hidden=\"true\"\n        />\n      }\n      <input\n        #terminalInput\n        class=\"terminal-input\"\n        type=\"text\"\n        [ngModel]=\"currentInput()\"\n        (ngModelChange)=\"onInputChange($event)\"\n        (keydown.enter)=\"onSubmit()\"\n        (keydown.tab)=\"onTab($any($event))\"\n        placeholder=\"Type a command...\"\n        [disabled]=\"isProcessing()\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n      />\n    </div>\n  </div>\n  <div class=\"terminal-output\">\n    @for (entry of history(); track entry.result.timestamp) {\n      @if (entry.input) {\n        <div class=\"terminal-line\">\n          <span class=\"prompt\">$</span>\n          <span class=\"command-text\">{{ entry.input }}@if ((entry.repeatCount ?? 1) > 1) { <span class=\"repeat-count\">(\u00D7{{ entry.repeatCount }})</span>}</span>\n        </div>\n      }\n      @if (entry.result.message) {\n        <div class=\"terminal-line\" [class]=\"getSeverityClass(entry.result)\">{{ entry.result.message }}</div>\n      }\n    }\n  </div>\n</div>\n", styles: [".terminal{display:flex;flex-direction:column;height:100%;background-color:var(--color-terminal-bg);border-top:1px solid var(--color-surface-border);font-family:Roboto Mono,Courier New,monospace;font-size:.85rem}.terminal-output{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column}.terminal-line{line-height:1.6;color:var(--color-text-primary);white-space:pre-wrap}.terminal-line.error{color:var(--color-loss)}.terminal-line.warning{color:var(--color-warning)}.terminal-line.info{color:var(--color-info)}.prompt{color:var(--color-terminal-prompt);margin-right:8px;font-weight:700}.command-text{color:var(--color-terminal-text)}.repeat-count{color:var(--color-secondary-info);opacity:.6;margin-left:4px}.terminal-input-row{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid var(--color-surface-border)}.input-wrapper{flex:1;display:grid}.ghost-input,.terminal-input{grid-area:1 / 1;font-family:inherit;font-size:inherit;line-height:normal;margin:0;padding:0;border:none;background:transparent;outline:none;-webkit-appearance:none;appearance:none;width:100%}.ghost-input{color:var(--color-secondary-info);opacity:.3;pointer-events:none}.terminal-input{color:var(--color-terminal-text);caret-color:var(--color-terminal-prompt)}.terminal-input::placeholder{color:var(--color-secondary-info);opacity:.5}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { inputEl: [{ type: i0.ViewChild, args: ['terminalInput', { isSignal: true }] }] } });
+
+const MIN_TERMINAL_HEIGHT = 80;
+const MAX_TERMINAL_RATIO = 0.6;
+const DEFAULT_TERMINAL_HEIGHT = 160;
+class Shell {
+    #thinkingService = inject(ThinkingService);
+    isThinking = this.#thinkingService.isThinking;
+    terminalHeight = signal(`${DEFAULT_TERMINAL_HEIGHT}px`, ...(ngDevMode ? [{ debugName: "terminalHeight" }] : /* istanbul ignore next */ []));
+    isDragging = signal(false, ...(ngDevMode ? [{ debugName: "isDragging" }] : /* istanbul ignore next */ []));
+    #startY = 0;
+    #startHeight = DEFAULT_TERMINAL_HEIGHT;
+    #onMouseMove = (event) => {
+        const deltaY = event.clientY - this.#startY;
+        const maxHeight = Math.floor(window.innerHeight * MAX_TERMINAL_RATIO);
+        const newHeight = Math.min(maxHeight, Math.max(MIN_TERMINAL_HEIGHT, this.#startHeight - deltaY));
+        this.terminalHeight.set(`${newHeight}px`);
+    };
+    #onMouseUp = () => {
+        this.isDragging.set(false);
+        document.removeEventListener('mousemove', this.#onMouseMove);
+        document.removeEventListener('mouseup', this.#onMouseUp);
+    };
+    onResizeStart(event) {
+        event.preventDefault();
+        this.#startY = event.clientY;
+        this.#startHeight = parseInt(this.terminalHeight(), 10);
+        this.isDragging.set(true);
+        document.addEventListener('mousemove', this.#onMouseMove);
+        document.addEventListener('mouseup', this.#onMouseUp);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: Shell, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: Shell, isStandalone: true, selector: "shell-root", ngImport: i0, template: "<div class=\"shell\" [style.--terminal-height]=\"terminalHeight()\" [class.is-dragging]=\"isDragging()\">\n  <shell-status-bar class=\"shell-status\" [class.disabled-zone]=\"isThinking()\" />\n  <shell-side-menu class=\"shell-menu\" [class.disabled-zone]=\"isThinking()\" />\n  <shell-main-content class=\"shell-main\" />\n  <div class=\"shell-resize\" [class.dragging]=\"isDragging()\" (mousedown)=\"onResizeStart($event)\"></div>\n  <shell-command-terminal class=\"shell-terminal\" [class.disabled-zone]=\"isThinking()\" />\n</div>\n", styles: [".shell{display:grid;grid-template-areas:\"status   status\" \"menu     main\" \"resize   resize\" \"terminal terminal\";grid-template-columns:56px 1fr;grid-template-rows:48px 1fr 4px var(--terminal-height, 160px);height:100vh;width:100vw;overflow:hidden;background-color:var(--color-surface-dark)}.shell-status{grid-area:status}.shell-menu{grid-area:menu}.shell-main{grid-area:main;overflow:hidden}.shell-resize{grid-area:resize;cursor:row-resize;background-color:var(--color-surface-border);transition:background-color .15s ease}.shell-resize:hover,.shell-resize.dragging{background-color:var(--color-interactive)}.shell-terminal{grid-area:terminal}.shell.is-dragging{user-select:none;-webkit-user-select:none}.disabled-zone{pointer-events:none;opacity:.4;transition:opacity .2s ease}\n"], dependencies: [{ kind: "component", type: StatusBar, selector: "shell-status-bar" }, { kind: "component", type: SideMenu, selector: "shell-side-menu" }, { kind: "component", type: MainContent, selector: "shell-main-content" }, { kind: "component", type: CommandTerminal, selector: "shell-command-terminal" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: Shell, decorators: [{
+            type: Component,
+            args: [{ selector: 'shell-root', imports: [StatusBar, SideMenu, MainContent, CommandTerminal], template: "<div class=\"shell\" [style.--terminal-height]=\"terminalHeight()\" [class.is-dragging]=\"isDragging()\">\n  <shell-status-bar class=\"shell-status\" [class.disabled-zone]=\"isThinking()\" />\n  <shell-side-menu class=\"shell-menu\" [class.disabled-zone]=\"isThinking()\" />\n  <shell-main-content class=\"shell-main\" />\n  <div class=\"shell-resize\" [class.dragging]=\"isDragging()\" (mousedown)=\"onResizeStart($event)\"></div>\n  <shell-command-terminal class=\"shell-terminal\" [class.disabled-zone]=\"isThinking()\" />\n</div>\n", styles: [".shell{display:grid;grid-template-areas:\"status   status\" \"menu     main\" \"resize   resize\" \"terminal terminal\";grid-template-columns:56px 1fr;grid-template-rows:48px 1fr 4px var(--terminal-height, 160px);height:100vh;width:100vw;overflow:hidden;background-color:var(--color-surface-dark)}.shell-status{grid-area:status}.shell-menu{grid-area:menu}.shell-main{grid-area:main;overflow:hidden}.shell-resize{grid-area:resize;cursor:row-resize;background-color:var(--color-surface-border);transition:background-color .15s ease}.shell-resize:hover,.shell-resize.dragging{background-color:var(--color-interactive)}.shell-terminal{grid-area:terminal}.shell.is-dragging{user-select:none;-webkit-user-select:none}.disabled-zone{pointer-events:none;opacity:.4;transition:opacity .2s ease}\n"] }]
+        }] });
+
+class Login {
+    authenticationService;
+    router;
+    model = { username: '', password: '' };
+    submitted = false;
+    hide = signal(true, ...(ngDevMode ? [{ debugName: "hide" }] : /* istanbul ignore next */ []));
+    errors = [];
+    USERNAME_REGEX = USERNAME_REGEX;
+    PASSWORD_REGEX = PASSWORD_REGEX;
+    appName = inject(SHELL_APP_NAME, { optional: true }) ?? 'Application';
+    #commandService = inject(CommandService);
+    #terminalFocusService = inject(TerminalFocusService);
+    constructor(authenticationService, router) {
+        this.authenticationService = authenticationService;
+        this.router = router;
+    }
+    onAutofill(event, inputEl) {
+        if (event.isAutofilled) {
+            setTimeout(() => {
+                const length = inputEl.value.length;
+                inputEl.setSelectionRange(length, length);
+            });
+        }
+    }
+    clickEvent(event) {
+        this.hide.set(!this.hide());
+        event.stopPropagation();
+    }
+    onSubmit(event) {
+        this.errors = [];
+        event.preventDefault();
+        this.submitted = true;
+        const result = validateCredentials(this.model);
+        if (result === true) {
+            this.#doLogin(false);
+        }
+        else {
+            for (let ndx = 0; ndx < result.length; ndx++) {
+                this.errors.push({
+                    ndx,
+                    message: `${result[ndx].message ?? 'Unknown error'}: ${result[ndx].field ?? 'Unknown field'} ${result[ndx].type ?? 'Unknown type'} Expected: ${result[ndx].expected} Actual: ${result[ndx].actual}`,
+                });
+            }
+            this.submitted = false;
+        }
+    }
+    onTakeOver() {
+        this.errors = [];
+        this.submitted = true;
+        this.#doLogin(true);
+    }
+    onCancelConflict() {
+        this.authenticationService.conflictSessions.set(undefined);
+        this.submitted = false;
+    }
+    #doLogin(force) {
+        this.authenticationService
+            .login(this.model, force)
+            .then(() => {
+            this.#commandService.echoCommand(`login ${this.model.username}`);
+            this.router.navigate(['/']).then(() => {
+                setTimeout(() => this.#terminalFocusService.requestFocus());
+            }).catch(console.error);
+        })
+            .catch((err) => {
+            if (err !== 'conflict') {
+                this.errors.push({ ndx: 0, message: typeof err === 'string' ? err : 'Unable to login' });
+            }
+            this.submitted = false;
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: Login, deps: [{ token: AuthenticationService }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: Login, isStandalone: true, selector: "shell-login", ngImport: i0, template: "@let usernameRegex = USERNAME_REGEX;\n@let passwordRegex = PASSWORD_REGEX;\n<div class=\"login-container\">\n  <div class=\"login-header\">\n    <h2 class=\"text-text-primary\">{{ appName }}</h2>\n    <p class=\"text-secondary-info\">Sign in to continue</p>\n  </div>\n  <form #loginForm=\"ngForm\" (ngSubmit)=\"onSubmit($event)\" class=\"login-form\">\n    <mat-form-field appearance=\"outline\" class=\"login-field\">\n      <mat-label>Username</mat-label>\n      <input\n        #usernameInput\n        matInput\n        placeholder=\"Enter username\"\n        [(ngModel)]=\"model.username\"\n        name=\"username\"\n        [disabled]=\"submitted\"\n        required\n        regexValidator\n        [regex]=\"usernameRegex\"\n        (cdkAutofill)=\"onAutofill($event, usernameInput)\"\n      />\n    </mat-form-field>\n    <mat-form-field appearance=\"outline\" class=\"login-field\">\n      <mat-label>Password</mat-label>\n      <input\n        #passwordInput\n        matInput\n        placeholder=\"Enter password\"\n        [type]=\"hide() ? 'password' : 'text'\"\n        [(ngModel)]=\"model.password\"\n        name=\"password\"\n        [disabled]=\"submitted\"\n        regexValidator\n        [regex]=\"passwordRegex\"\n        (cdkAutofill)=\"onAutofill($event, passwordInput)\"\n      />\n      <button\n        mat-icon-button\n        matSuffix\n        type=\"button\"\n        (click)=\"clickEvent($event)\"\n        [attr.aria-label]=\"'Hide password'\"\n        [attr.aria-pressed]=\"hide()\"\n      >\n        <mat-icon>{{ hide() ? 'visibility_off' : 'visibility' }}</mat-icon>\n      </button>\n    </mat-form-field>\n    <button mat-flat-button type=\"submit\" [disabled]=\"submitted\" class=\"login-button\">\n      Login\n    </button>\n  </form>\n  @if (errors.length > 0) {\n    <div class=\"login-errors\">\n      @for (error of errors; track error.ndx) {\n        <div class=\"login-error text-loss\">{{ error.message }}</div>\n      }\n    </div>\n  }\n  @if (authenticationService.conflictSessions(); as sessions) {\n    <div class=\"login-conflict\">\n      @for (session of sessions; track $index) {\n        <p class=\"text-secondary-info\">\n          Already logged in from <strong>{{ session.appContext }}</strong>\n          since {{ session.startEpoch | date:'short' }}.\n        </p>\n      }\n      <p class=\"text-secondary-info\">Log in here and end that session?</p>\n      <div class=\"login-conflict-actions\">\n        <button mat-stroked-button type=\"button\" (click)=\"onCancelConflict()\">Cancel</button>\n        <button mat-flat-button type=\"button\" (click)=\"onTakeOver()\">Take Over</button>\n      </div>\n    </div>\n  }\n</div>\n", styles: [".login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.login-header{margin-bottom:32px}.login-header h2{font-size:1.5rem;font-weight:300;margin-bottom:8px}.login-form{display:flex;flex-direction:column;align-items:center;gap:8px;width:320px}.login-field{width:100%;text-align:left}.login-button{margin-top:8px;width:100%}.login-errors{margin-top:16px;max-width:320px}.login-conflict{margin-top:16px;max-width:320px;padding:12px 16px;border-radius:4px;background-color:var(--color-surface-light);font-size:.85rem;text-align:left}.login-conflict p{margin:0 0 8px}.login-conflict-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.login-error{padding:8px 12px;margin-bottom:4px;font-size:.85rem;border-radius:4px;background-color:var(--color-surface-light)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i5.CdkAutofill, selector: "[cdkAutofill]", outputs: ["cdkAutofill"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: RegexValidatorDirective, selector: "[regexValidator]", inputs: ["regex"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "pipe", type: DatePipe, name: "date" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: Login, decorators: [{
+            type: Component,
+            args: [{ selector: 'shell-login', imports: [
+                        FormsModule,
+                        MatFormField,
+                        MatLabel,
+                        MatInput,
+                        MatInputModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        RegexValidatorDirective,
+                        TextFieldModule,
+                        DatePipe,
+                    ], template: "@let usernameRegex = USERNAME_REGEX;\n@let passwordRegex = PASSWORD_REGEX;\n<div class=\"login-container\">\n  <div class=\"login-header\">\n    <h2 class=\"text-text-primary\">{{ appName }}</h2>\n    <p class=\"text-secondary-info\">Sign in to continue</p>\n  </div>\n  <form #loginForm=\"ngForm\" (ngSubmit)=\"onSubmit($event)\" class=\"login-form\">\n    <mat-form-field appearance=\"outline\" class=\"login-field\">\n      <mat-label>Username</mat-label>\n      <input\n        #usernameInput\n        matInput\n        placeholder=\"Enter username\"\n        [(ngModel)]=\"model.username\"\n        name=\"username\"\n        [disabled]=\"submitted\"\n        required\n        regexValidator\n        [regex]=\"usernameRegex\"\n        (cdkAutofill)=\"onAutofill($event, usernameInput)\"\n      />\n    </mat-form-field>\n    <mat-form-field appearance=\"outline\" class=\"login-field\">\n      <mat-label>Password</mat-label>\n      <input\n        #passwordInput\n        matInput\n        placeholder=\"Enter password\"\n        [type]=\"hide() ? 'password' : 'text'\"\n        [(ngModel)]=\"model.password\"\n        name=\"password\"\n        [disabled]=\"submitted\"\n        regexValidator\n        [regex]=\"passwordRegex\"\n        (cdkAutofill)=\"onAutofill($event, passwordInput)\"\n      />\n      <button\n        mat-icon-button\n        matSuffix\n        type=\"button\"\n        (click)=\"clickEvent($event)\"\n        [attr.aria-label]=\"'Hide password'\"\n        [attr.aria-pressed]=\"hide()\"\n      >\n        <mat-icon>{{ hide() ? 'visibility_off' : 'visibility' }}</mat-icon>\n      </button>\n    </mat-form-field>\n    <button mat-flat-button type=\"submit\" [disabled]=\"submitted\" class=\"login-button\">\n      Login\n    </button>\n  </form>\n  @if (errors.length > 0) {\n    <div class=\"login-errors\">\n      @for (error of errors; track error.ndx) {\n        <div class=\"login-error text-loss\">{{ error.message }}</div>\n      }\n    </div>\n  }\n  @if (authenticationService.conflictSessions(); as sessions) {\n    <div class=\"login-conflict\">\n      @for (session of sessions; track $index) {\n        <p class=\"text-secondary-info\">\n          Already logged in from <strong>{{ session.appContext }}</strong>\n          since {{ session.startEpoch | date:'short' }}.\n        </p>\n      }\n      <p class=\"text-secondary-info\">Log in here and end that session?</p>\n      <div class=\"login-conflict-actions\">\n        <button mat-stroked-button type=\"button\" (click)=\"onCancelConflict()\">Cancel</button>\n        <button mat-flat-button type=\"button\" (click)=\"onTakeOver()\">Take Over</button>\n      </div>\n    </div>\n  }\n</div>\n", styles: [".login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.login-header{margin-bottom:32px}.login-header h2{font-size:1.5rem;font-weight:300;margin-bottom:8px}.login-form{display:flex;flex-direction:column;align-items:center;gap:8px;width:320px}.login-field{width:100%;text-align:left}.login-button{margin-top:8px;width:100%}.login-errors{margin-top:16px;max-width:320px}.login-conflict{margin-top:16px;max-width:320px;padding:12px 16px;border-radius:4px;background-color:var(--color-surface-light);font-size:.85rem;text-align:left}.login-conflict p{margin:0 0 8px}.login-conflict-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.login-error{padding:8px 12px;margin-bottom:4px;font-size:.85rem;border-radius:4px;background-color:var(--color-surface-light)}\n"] }]
+        }], ctorParameters: () => [{ type: AuthenticationService }, { type: i2$1.Router }] });
+
+class ConfirmDialog {
+    data = inject(MAT_DIALOG_DATA);
+    dialogRef = inject((MatDialogRef));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: ConfirmDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: ConfirmDialog, isStandalone: true, selector: "shell-confirm-dialog", ngImport: i0, template: `
+    <h2 mat-dialog-title>{{ data.title }}</h2>
+    <mat-dialog-content>
+      <p>{{ data.message }}</p>
+      @if (data.warningMessage) {
+        <p class="warning-message">{{ data.warningMessage }}</p>
+      }
+    </mat-dialog-content>
+    <mat-dialog-actions align="end">
+      <button mat-button (click)="dialogRef.close(false)">{{ data.cancelLabel ?? 'Cancel' }}</button>
+      <button mat-flat-button color="warn" (click)="dialogRef.close(true)">{{ data.confirmLabel ?? 'Confirm' }}</button>
+    </mat-dialog-actions>
+  `, isInline: true, styles: [":host{display:block}.warning-message{color:var(--color-warning);margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: ConfirmDialog, decorators: [{
+            type: Component,
+            args: [{ selector: 'shell-confirm-dialog', imports: [MatDialogModule, MatButtonModule], template: `
+    <h2 mat-dialog-title>{{ data.title }}</h2>
+    <mat-dialog-content>
+      <p>{{ data.message }}</p>
+      @if (data.warningMessage) {
+        <p class="warning-message">{{ data.warningMessage }}</p>
+      }
+    </mat-dialog-content>
+    <mat-dialog-actions align="end">
+      <button mat-button (click)="dialogRef.close(false)">{{ data.cancelLabel ?? 'Cancel' }}</button>
+      <button mat-flat-button color="warn" (click)="dialogRef.close(true)">{{ data.confirmLabel ?? 'Confirm' }}</button>
+    </mat-dialog-actions>
+  `, styles: [":host{display:block}.warning-message{color:var(--color-warning);margin-top:8px}\n"] }]
+        }] });
+
+/*
+ * Public API surface for @franzzemen/brokenstock-shell
+ */
+// Types
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AuthenticationService, CLEAR_USAGE, CommandRegistryService, CommandService, CommandTerminal, ConfirmDialog, HELP_USAGE, KeyboardShortcutService, Login, MainContent, RegexValidatorDirective, SHELL_APP_NAME, SHELL_AUTH_URLS, SHELL_COMMANDS, SHELL_MENU_ITEMS, Shell, SideMenu, StatusBar, TerminalFocusService, ThemeService, ThinkingService, authGuard, authInterceptor, provideShellConfig, tokenize };
+//# sourceMappingURL=franzzemen-brokenstock-shell.mjs.map