/** * Credentials Template * * Username/password authentication flow. * HTML structure matches AgentShield's CredentialsPreview.tsx EXACTLY. * * This is a pixel-perfect port of the React component to static HTML. * Any changes here MUST be synchronized with AgentShield. * * @module @kya-os/consent/templates/modes/credentials */ import { BaseConsentTemplate } from "../base/base-template.js"; import type { AuthMode, CredentialsConfig } from "../../types/modes.types.js"; import type { ResolvedConsentConfig } from "../../types/config.types.js"; import type { ExtendedConsentPageConfig } from "../../types/page.types.js"; /** * Credentials Template * * Renders a login form matching AgentShield's CredentialsPreview exactly: * - PreviewShell wrapper with branding * - PreviewHeader with title * - PreviewContent with spacing * - PreviewAgentInfo with icon + description * - Username/email field (shadcn Input style) * - Password field with show/hide toggle * - Remember me checkbox (label toggles checkbox) * - Forgot password link * - Cancel + Sign in buttons (PreviewButtonGroup) */ export declare class CredentialsTemplate extends BaseConsentTemplate { private remoteCredentialsConfig?; constructor(config: ExtendedConsentPageConfig, resolved: ResolvedConsentConfig, remoteCredentials?: CredentialsConfig); get authMode(): AuthMode; private get credentialsConfig(); /** * Override the main render method to match AgentShield's exact structure. * This bypasses the base template's structure to ensure pixel-perfect match. */ render(): string; /** * Render the section with meta tags, styles, and scripts. */ protected renderHead(): string; /** * Render agent icon SVG (matches AgentIconPlaceholder in AgentShield) */ private renderAgentIcon; /** * Render remember me checkbox and forgot password link. * The checkbox uses a