@kya-os/consent 0.1.0

package/dist/templates/base/components.js

@@ -0,0 +1,295 @@
+"use strict";
+/**
+ * Reusable HTML Components
+ *
+ * Each function corresponds to an AgentShield preview component:
+ * - renderLogo() -> PreviewAgentInfo logo
+ * - renderHeader() -> PreviewHeader
+ * - renderButton() -> PreviewButton
+ * - renderCheckbox() -> PreviewCheckbox
+ * - renderExpirationNotice() -> ExpirationNotice
+ *
+ * @module @kya-os/consent/templates/base/components
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderDefaultAgentIcon = renderDefaultAgentIcon;
+exports.renderLogo = renderLogo;
+exports.renderAgentInfo = renderAgentInfo;
+exports.renderHeader = renderHeader;
+exports.renderButton = renderButton;
+exports.renderButtonGroup = renderButtonGroup;
+exports.renderFullWidthButton = renderFullWidthButton;
+exports.renderCheckbox = renderCheckbox;
+exports.renderInput = renderInput;
+exports.renderExpirationNotice = renderExpirationNotice;
+exports.renderErrorContainer = renderErrorContainer;
+exports.renderCheckIcon = renderCheckIcon;
+exports.renderClockIcon = renderClockIcon;
+exports.renderSuccessIcon = renderSuccessIcon;
+const tokens_1 = require("../../styles/tokens");
+const escape_1 = require("../../security/escape");
+const validators_1 = require("../../security/validators");
+// ============================================================================
+// Logo & Agent Info
+// ============================================================================
+/**
+ * Render a default agent icon SVG.
+ * Used when no logo is provided.
+ */
+function renderDefaultAgentIcon() {
+    return `
+    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" class="text-gray-400">
+      <rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="2" />
+      <circle cx="8" cy="8" r="1.5" fill="currentColor" />
+      <circle cx="16" cy="8" r="1.5" fill="currentColor" />
+      <path d="M8 14s1.5 2 4 2 4-2 4-2" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
+    </svg>
+  `;
+}
+/**
+ * Render a logo image or default icon.
+ *
+ * @param logoUrl - URL to logo image
+ * @param alt - Alt text for accessibility
+ * @returns HTML string
+ */
+function renderLogo(logoUrl, alt) {
+    if (!logoUrl) {
+        return renderDefaultAgentIcon();
+    }
+    const validUrl = (0, validators_1.validateUrl)(logoUrl);
+    if (!validUrl) {
+        return renderDefaultAgentIcon();
+    }
+    return `<img src="${(0, escape_1.escapeAttr)(validUrl)}" alt="${(0, escape_1.escapeAttr)(alt || "Agent")}" class="w-full h-full object-contain" />`;
+}
+/**
+ * Render agent info section with logo and description.
+ *
+ * @param description - Agent description text
+ * @param logoUrl - Optional logo URL
+ * @returns HTML string
+ */
+function renderAgentInfo(description, logoUrl) {
+    return `
+    <div class="${tokens_1.CONSENT_CLASSES.agentWrapper}">
+      <div class="${tokens_1.CONSENT_CLASSES.agentIcon}">
+        ${renderLogo(logoUrl)}
+      </div>
+      <p class="${tokens_1.CONSENT_CLASSES.agentDescription}">${(0, escape_1.escapeHtml)(description)}</p>
+    </div>
+  `;
+}
+// ============================================================================
+// Header
+// ============================================================================
+/**
+ * Render page header with optional logo and company name.
+ *
+ * @param title - Page title
+ * @param subtitle - Optional subtitle
+ * @param logoUrl - Optional logo URL for header
+ * @param companyName - Optional company name
+ * @returns HTML string
+ */
+function renderHeader(title, subtitle, logoUrl, companyName) {
+    let logoHtml = "";
+    if (logoUrl) {
+        const validUrl = (0, validators_1.validateUrl)(logoUrl);
+        if (validUrl) {
+            logoHtml = `<img src="${(0, escape_1.escapeAttr)(validUrl)}" alt="${(0, escape_1.escapeAttr)(companyName || "Logo")}" class="h-12 w-auto mb-4 mx-auto" />`;
+        }
+    }
+    const companyHtml = companyName
+        ? `<p class="text-sm text-gray-600 mb-2">${(0, escape_1.escapeHtml)(companyName)}</p>`
+        : "";
+    const subtitleHtml = subtitle
+        ? `<p class="${tokens_1.CONSENT_CLASSES.subtitle}">${(0, escape_1.escapeHtml)(subtitle)}</p>`
+        : "";
+    return `
+    <div class="${tokens_1.CONSENT_CLASSES.headerCenter}">
+      ${logoHtml}
+      ${companyHtml}
+      <h1 class="${tokens_1.CONSENT_CLASSES.title}">${(0, escape_1.escapeHtml)(title)}</h1>
+      ${subtitleHtml}
+    </div>
+  `;
+}
+// ============================================================================
+// Buttons
+// ============================================================================
+/**
+ * Render a button element.
+ *
+ * @param text - Button text
+ * @param variant - 'primary' | 'secondary'
+ * @param type - 'submit' | 'button'
+ * @param attributes - Additional HTML attributes
+ * @returns HTML string
+ */
+function renderButton(text, variant, type = "button", attributes = {}) {
+    const baseClass = variant === "primary"
+        ? `${tokens_1.CONSENT_CLASSES.buttonPrimary} btn-primary`
+        : tokens_1.CONSENT_CLASSES.buttonSecondary;
+    const attrs = Object.entries(attributes)
+        .map(([k, v]) => `${k}="${(0, escape_1.escapeAttr)(v)}"`)
+        .join(" ");
+    return `<button type="${type}" class="${baseClass}" ${attrs}>${(0, escape_1.escapeHtml)(text)}</button>`;
+}
+/**
+ * Render button group with cancel and submit buttons.
+ *
+ * @param cancelText - Cancel button text
+ * @param submitText - Submit button text
+ * @returns HTML string
+ */
+function renderButtonGroup(cancelText, submitText) {
+    return `
+    <div class="${tokens_1.CONSENT_CLASSES.buttonGroup}">
+      ${renderButton(cancelText, "secondary", "button", { onclick: "window.close()" })}
+      ${renderButton(submitText, "primary", "submit")}
+    </div>
+  `;
+}
+/**
+ * Render a full-width primary button.
+ *
+ * @param text - Button text
+ * @param type - 'submit' | 'button'
+ * @returns HTML string
+ */
+function renderFullWidthButton(text, type = "submit") {
+    return `<button type="${type}" class="${tokens_1.CONSENT_CLASSES.buttonFull} btn-primary">${(0, escape_1.escapeHtml)(text)}</button>`;
+}
+// ============================================================================
+// Form Elements
+// ============================================================================
+/**
+ * Render a checkbox input.
+ *
+ * @param name - Input name
+ * @param label - Label text (can include HTML like links)
+ * @param required - Whether field is required
+ * @param checked - Whether initially checked
+ * @param disabled - Whether disabled
+ * @returns HTML string
+ */
+function renderCheckbox(name, label, required = false, checked = false, disabled = false) {
+    const requiredAttr = required ? "required" : "";
+    const checkedAttr = checked ? "checked" : "";
+    const disabledAttr = disabled ? "disabled" : "";
+    return `
+    <label class="${tokens_1.CONSENT_CLASSES.checkboxLabel}">
+      <input type="checkbox" name="${(0, escape_1.escapeAttr)(name)}"
+             class="${tokens_1.CONSENT_CLASSES.checkbox}"
+             ${requiredAttr} ${checkedAttr} ${disabledAttr} />
+      <span class="${tokens_1.CONSENT_CLASSES.checkboxText}">${label}</span>
+    </label>
+  `;
+}
+/**
+ * Render an input field with label.
+ *
+ * @param type - Input type
+ * @param name - Input name
+ * @param label - Label text
+ * @param placeholder - Placeholder text
+ * @param required - Whether required
+ * @param autocomplete - Autocomplete value
+ * @returns HTML string
+ */
+function renderInput(type, name, label, placeholder, required = false, autocomplete) {
+    const placeholderAttr = placeholder
+        ? `placeholder="${(0, escape_1.escapeAttr)(placeholder)}"`
+        : "";
+    const requiredAttr = required ? "required" : "";
+    const autocompleteAttr = autocomplete
+        ? `autocomplete="${(0, escape_1.escapeAttr)(autocomplete)}"`
+        : "";
+    return `
+    <div class="space-y-2">
+      <label for="${(0, escape_1.escapeAttr)(name)}" class="block text-sm font-medium text-gray-700">
+        ${(0, escape_1.escapeHtml)(label)}
+      </label>
+      <input
+        type="${type}"
+        id="${(0, escape_1.escapeAttr)(name)}"
+        name="${(0, escape_1.escapeAttr)(name)}"
+        ${placeholderAttr}
+        ${requiredAttr}
+        ${autocompleteAttr}
+        class="${tokens_1.CONSENT_CLASSES.input} ${tokens_1.CONSENT_CLASSES.inputFocus}"
+      />
+    </div>
+  `;
+}
+// ============================================================================
+// Notices
+// ============================================================================
+/**
+ * Render expiration notice.
+ *
+ * @param text - Notice text
+ * @param days - Number of days (optional)
+ * @returns HTML string
+ */
+function renderExpirationNotice(text, days) {
+    const fullText = days ? `${text} ${days} days` : text;
+    return `
+    <div class="${tokens_1.CONSENT_CLASSES.expirationWrapper} bg-secondary-50">
+      <svg class="w-4 h-4 text-primary flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+              d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
+      </svg>
+      <span class="text-sm text-gray-600">${(0, escape_1.escapeHtml)(fullText)}</span>
+    </div>
+  `;
+}
+/**
+ * Render an error container (initially hidden).
+ *
+ * @param id - Container ID for JavaScript access
+ * @returns HTML string
+ */
+function renderErrorContainer(id = "error-container") {
+    return `
+    <div id="${(0, escape_1.escapeAttr)(id)}" class="hidden">
+      <div class="${tokens_1.CONSENT_CLASSES.errorContainer}"></div>
+    </div>
+  `;
+}
+// ============================================================================
+// Icons
+// ============================================================================
+/**
+ * Render a checkmark icon.
+ */
+function renderCheckIcon() {
+    return `
+    <svg class="w-5 h-5 text-green-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
+    </svg>
+  `;
+}
+/**
+ * Render a clock icon.
+ */
+function renderClockIcon() {
+    return `
+    <svg class="w-4 h-4 text-primary flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+            d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
+    </svg>
+  `;
+}
+/**
+ * Render a success checkmark icon (large, green).
+ */
+function renderSuccessIcon() {
+    return `
+    <svg class="mx-auto h-12 w-12 text-green-500 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
+    </svg>
+  `;
+}
+//# sourceMappingURL=components.js.map

package/dist/templates/base/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/templates/base/components.ts"],"names":[],"mappings":"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"}

package/dist/templates/base/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Base Template Exports
+ *
+ * @module @kya-os/consent/templates/base
+ */
+export { BaseConsentTemplate } from "./base-template";
+export { renderDefaultAgentIcon, renderLogo, renderAgentInfo, renderHeader, renderButton, renderButtonGroup, renderFullWidthButton, renderCheckbox, renderInput, renderExpirationNotice, renderErrorContainer, renderCheckIcon, renderClockIcon, renderSuccessIcon, } from "./components";
+//# sourceMappingURL=index.d.ts.map

package/dist/templates/base/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/base/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EACL,sBAAsB,EACtB,UAAU,EACV,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,cAAc,EACd,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,iBAAiB,GAClB,MAAM,cAAc,CAAC"}

package/dist/templates/base/index.js

@@ -0,0 +1,26 @@
+"use strict";
+/**
+ * Base Template Exports
+ *
+ * @module @kya-os/consent/templates/base
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderSuccessIcon = exports.renderClockIcon = exports.renderCheckIcon = exports.renderErrorContainer = exports.renderExpirationNotice = exports.renderInput = exports.renderCheckbox = exports.renderFullWidthButton = exports.renderButtonGroup = exports.renderButton = exports.renderHeader = exports.renderAgentInfo = exports.renderLogo = exports.renderDefaultAgentIcon = exports.BaseConsentTemplate = void 0;
+var base_template_1 = require("./base-template");
+Object.defineProperty(exports, "BaseConsentTemplate", { enumerable: true, get: function () { return base_template_1.BaseConsentTemplate; } });
+var components_1 = require("./components");
+Object.defineProperty(exports, "renderDefaultAgentIcon", { enumerable: true, get: function () { return components_1.renderDefaultAgentIcon; } });
+Object.defineProperty(exports, "renderLogo", { enumerable: true, get: function () { return components_1.renderLogo; } });
+Object.defineProperty(exports, "renderAgentInfo", { enumerable: true, get: function () { return components_1.renderAgentInfo; } });
+Object.defineProperty(exports, "renderHeader", { enumerable: true, get: function () { return components_1.renderHeader; } });
+Object.defineProperty(exports, "renderButton", { enumerable: true, get: function () { return components_1.renderButton; } });
+Object.defineProperty(exports, "renderButtonGroup", { enumerable: true, get: function () { return components_1.renderButtonGroup; } });
+Object.defineProperty(exports, "renderFullWidthButton", { enumerable: true, get: function () { return components_1.renderFullWidthButton; } });
+Object.defineProperty(exports, "renderCheckbox", { enumerable: true, get: function () { return components_1.renderCheckbox; } });
+Object.defineProperty(exports, "renderInput", { enumerable: true, get: function () { return components_1.renderInput; } });
+Object.defineProperty(exports, "renderExpirationNotice", { enumerable: true, get: function () { return components_1.renderExpirationNotice; } });
+Object.defineProperty(exports, "renderErrorContainer", { enumerable: true, get: function () { return components_1.renderErrorContainer; } });
+Object.defineProperty(exports, "renderCheckIcon", { enumerable: true, get: function () { return components_1.renderCheckIcon; } });
+Object.defineProperty(exports, "renderClockIcon", { enumerable: true, get: function () { return components_1.renderClockIcon; } });
+Object.defineProperty(exports, "renderSuccessIcon", { enumerable: true, get: function () { return components_1.renderSuccessIcon; } });
+//# sourceMappingURL=index.js.map

package/dist/templates/base/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/templates/base/index.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;AAEH,iDAAsD;AAA7C,oHAAA,mBAAmB,OAAA;AAC5B,2CAesB;AAdpB,oHAAA,sBAAsB,OAAA;AACtB,wGAAA,UAAU,OAAA;AACV,6GAAA,eAAe,OAAA;AACf,0GAAA,YAAY,OAAA;AACZ,0GAAA,YAAY,OAAA;AACZ,+GAAA,iBAAiB,OAAA;AACjB,mHAAA,qBAAqB,OAAA;AACrB,4GAAA,cAAc,OAAA;AACd,yGAAA,WAAW,OAAA;AACX,oHAAA,sBAAsB,OAAA;AACtB,kHAAA,oBAAoB,OAAA;AACpB,6GAAA,eAAe,OAAA;AACf,6GAAA,eAAe,OAAA;AACf,+GAAA,iBAAiB,OAAA"}

package/dist/templates/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Consent Templates
+ *
+ * Template Method pattern implementation for consent page rendering.
+ * Used by MCP-I Cloudflare runtime to generate consent pages.
+ *
+ * @module @kya-os/consent/templates
+ */
+export * from "./base/base-template";
+export * from "./base/components";
+export * from "./modes/consent-only.template";
+export * from "./modes/credentials.template";
+export * from "./modes/oauth.template";
+export * from "./modes/magic-link.template";
+export * from "./modes/otp.template";
+export * from "./modes/success.template";
+export * from "./registry";
+//# sourceMappingURL=index.d.ts.map

package/dist/templates/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,YAAY,CAAC"}

package/dist/templates/index.js

@@ -0,0 +1,34 @@
+"use strict";
+/**
+ * Consent Templates
+ *
+ * Template Method pattern implementation for consent page rendering.
+ * Used by MCP-I Cloudflare runtime to generate consent pages.
+ *
+ * @module @kya-os/consent/templates
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./base/base-template"), exports);
+__exportStar(require("./base/components"), exports);
+__exportStar(require("./modes/consent-only.template"), exports);
+__exportStar(require("./modes/credentials.template"), exports);
+__exportStar(require("./modes/oauth.template"), exports);
+__exportStar(require("./modes/magic-link.template"), exports);
+__exportStar(require("./modes/otp.template"), exports);
+__exportStar(require("./modes/success.template"), exports);
+__exportStar(require("./registry"), exports);
+//# sourceMappingURL=index.js.map

package/dist/templates/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":";AAAA;;;;;;;GAOG;;;;;;;;;;;;;;;;AAEH,uDAAqC;AACrC,oDAAkC;AAClC,gEAA8C;AAC9C,+DAA6C;AAC7C,yDAAuC;AACvC,8DAA4C;AAC5C,uDAAqC;AACrC,2DAAyC;AACzC,6CAA2B"}

package/dist/templates/modes/consent-only.template.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Consent-Only Template
+ *
+ * Default clickwrap consent without authentication.
+ * User simply agrees to permissions and terms.
+ *
+ * @module @kya-os/consent/templates/modes/consent-only
+ */
+import { BaseConsentTemplate } from "../base/base-template";
+import type { AuthMode } from "../../types/modes.types";
+/**
+ * Consent-Only Template
+ *
+ * Renders a simple clickwrap consent page:
+ * - Shows requested permissions as checkboxes (pre-checked, disabled)
+ * - Shows expiration notice
+ * - Terms acceptance checkbox
+ * - Cancel/Allow buttons
+ */
+export declare class ConsentOnlyTemplate extends BaseConsentTemplate {
+    get authMode(): AuthMode;
+    renderAuthContent(): string;
+    /**
+     * Render the list of requested permissions.
+     */
+    private renderPermissionsList;
+    /**
+     * Render a single scope item with info tooltip.
+     */
+    private renderScopeItem;
+    /**
+     * Render the expiration notice.
+     */
+    private renderExpirationNotice;
+}
+//# sourceMappingURL=consent-only.template.d.ts.map

package/dist/templates/modes/consent-only.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consent-only.template.d.ts","sourceRoot":"","sources":["../../../src/templates/modes/consent-only.template.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGxD;;;;;;;;GAQG;AACH,qBAAa,mBAAoB,SAAQ,mBAAmB;IAC1D,IAAI,QAAQ,IAAI,QAAQ,CAEvB;IAEQ,iBAAiB,IAAI,MAAM;IAOpC;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAsB7B;;OAEG;IACH,OAAO,CAAC,eAAe;IAWvB;;OAEG;IACH,OAAO,CAAC,sBAAsB;CAK/B"}

package/dist/templates/modes/consent-only.template.js

@@ -0,0 +1,74 @@
+"use strict";
+/**
+ * Consent-Only Template
+ *
+ * Default clickwrap consent without authentication.
+ * User simply agrees to permissions and terms.
+ *
+ * @module @kya-os/consent/templates/modes/consent-only
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConsentOnlyTemplate = void 0;
+const base_template_1 = require("../base/base-template");
+const components_1 = require("../base/components");
+const tokens_1 = require("../../styles/tokens");
+const escape_1 = require("../../security/escape");
+const modes_types_1 = require("../../types/modes.types");
+/**
+ * Consent-Only Template
+ *
+ * Renders a simple clickwrap consent page:
+ * - Shows requested permissions as checkboxes (pre-checked, disabled)
+ * - Shows expiration notice
+ * - Terms acceptance checkbox
+ * - Cancel/Allow buttons
+ */
+class ConsentOnlyTemplate extends base_template_1.BaseConsentTemplate {
+    get authMode() {
+        return modes_types_1.AUTH_MODES.CONSENT_ONLY;
+    }
+    renderAuthContent() {
+        return `
+      ${this.renderPermissionsList()}
+      ${this.renderExpirationNotice()}
+    `;
+    }
+    /**
+     * Render the list of requested permissions.
+     */
+    renderPermissionsList() {
+        const { copy } = this.resolved;
+        const { scopes } = this.config;
+        if (scopes.length === 0) {
+            return `<p class="text-sm text-gray-600">No specific permissions required.</p>`;
+        }
+        const scopeItems = scopes
+            .map((scope) => this.renderScopeItem(scope))
+            .join("");
+        return `
+      <div class="space-y-5">
+        <p class="${tokens_1.CONSENT_CLASSES.permissionsHeader}">${(0, escape_1.escapeHtml)(copy.permissionsHeader)}</p>
+        <div class="${tokens_1.CONSENT_CLASSES.permissionsList}">
+          ${scopeItems}
+        </div>
+      </div>
+    `;
+    }
+    /**
+     * Render a single scope item with info tooltip.
+     */
+    renderScopeItem(scope) {
+        // Scopes are pre-checked and disabled (informational only)
+        return (0, components_1.renderCheckbox)(`scope_${scope}`, (0, escape_1.escapeHtml)(scope), false, true, true);
+    }
+    /**
+     * Render the expiration notice.
+     */
+    renderExpirationNotice() {
+        const { copy } = this.resolved;
+        const expirationDays = this.resolved.expirationDays || 30;
+        return (0, components_1.renderExpirationNotice)(copy.expirationText, expirationDays);
+    }
+}
+exports.ConsentOnlyTemplate = ConsentOnlyTemplate;
+//# sourceMappingURL=consent-only.template.js.map

package/dist/templates/modes/consent-only.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consent-only.template.js","sourceRoot":"","sources":["../../../src/templates/modes/consent-only.template.ts"],"names":[],"mappings":";AAAA;;;;;;;GAOG;;;AAEH,yDAA4D;AAC5D,mDAA4E;AAC5E,gDAAsD;AACtD,kDAAmD;AAEnD,yDAAqD;AAErD;;;;;;;;GAQG;AACH,MAAa,mBAAoB,SAAQ,mCAAmB;IAC1D,IAAI,QAAQ;QACV,OAAO,wBAAU,CAAC,YAAY,CAAC;IACjC,CAAC;IAEQ,iBAAiB;QACxB,OAAO;QACH,IAAI,CAAC,qBAAqB,EAAE;QAC5B,IAAI,CAAC,sBAAsB,EAAE;KAChC,CAAC;IACJ,CAAC;IAED;;OAEG;IACK,qBAAqB;QAC3B,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC;QAE/B,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACxB,OAAO,wEAAwE,CAAC;QAClF,CAAC;QAED,MAAM,UAAU,GAAG,MAAM;aACtB,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;aAC3C,IAAI,CAAC,EAAE,CAAC,CAAC;QAEZ,OAAO;;oBAES,wBAAe,CAAC,iBAAiB,KAAK,IAAA,mBAAU,EAAC,IAAI,CAAC,iBAAiB,CAAC;sBACtE,wBAAe,CAAC,eAAe;YACzC,UAAU;;;KAGjB,CAAC;IACJ,CAAC;IAED;;OAEG;IACK,eAAe,CAAC,KAAa;QACnC,2DAA2D;QAC3D,OAAO,IAAA,2BAAc,EACnB,SAAS,KAAK,EAAE,EAChB,IAAA,mBAAU,EAAC,KAAK,CAAC,EACjB,KAAK,EACL,IAAI,EACJ,IAAI,CACL,CAAC;IACJ,CAAC;IAED;;OAEG;IACK,sBAAsB;QAC5B,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,IAAI,EAAE,CAAC;QAC1D,OAAO,IAAA,mCAAsB,EAAC,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;IACrE,CAAC;CACF;AA3DD,kDA2DC"}

package/dist/templates/modes/credentials.template.d.ts

@@ -0,0 +1,65 @@
+/**
+ * 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";
+import type { AuthMode, CredentialsConfig } from "../../types/modes.types";
+import type { ResolvedConsentConfig } from "../../types/config.types";
+import type { ExtendedConsentPageConfig } from "../../types/page.types";
+/**
+ * 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 <head> 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 <label> that wraps everything so clicking toggles.
+     */
+    private renderRememberAndForgot;
+    /**
+     * These methods are overridden to prevent base template rendering
+     * since we completely override render()
+     */
+    renderAuthContent(): string;
+    protected renderActionButtons(): string;
+    protected renderTermsSection(): string;
+    /**
+     * Render mode-specific scripts for password toggle and checkbox
+     */
+    protected renderModeScript(): string;
+}
+//# sourceMappingURL=credentials.template.d.ts.map

package/dist/templates/modes/credentials.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"credentials.template.d.ts","sourceRoot":"","sources":["../../../src/templates/modes/credentials.template.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAGxE;;;;;;;;;;;;;GAaG;AACH,qBAAa,mBAAoB,SAAQ,mBAAmB;IAC1D,OAAO,CAAC,uBAAuB,CAAC,CAAoB;gBAGlD,MAAM,EAAE,yBAAyB,EACjC,QAAQ,EAAE,qBAAqB,EAC/B,iBAAiB,CAAC,EAAE,iBAAiB;IAMvC,IAAI,QAAQ,IAAI,QAAQ,CAEvB;IAED,OAAO,KAAK,iBAAiB,GAoB5B;IAED;;;OAGG;IACM,MAAM,IAAI,MAAM;IAyHzB;;OAEG;cACgB,UAAU,IAAI,MAAM;IAcvC;;OAEG;IACH,OAAO,CAAC,eAAe;IAcvB;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAiD/B;;;OAGG;IACM,iBAAiB,IAAI,MAAM;cAIjB,mBAAmB,IAAI,MAAM;cAI7B,kBAAkB,IAAI,MAAM;IAI/C;;OAEG;cACgB,gBAAgB,IAAI,MAAM;CA2I9C"}