@kya-os/consent 0.1.23 → 0.1.24

package/dist/bundle/index.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Consent Bundle Entry Point
+ *
+ * This file serves as the entry point for bundling all consent components
+ * into a single file (consent.js) that can be served by Workers.
+ *
+ * When bundled with esbuild, this creates a self-contained script that:
+ * 1. Imports Lit and all dependencies
+ * 2. Registers all custom elements
+ * 3. Makes <mcp-consent> and all sub-components available in the browser
+ *
+ * Usage in Worker:
+ * ```typescript
+ * // Serve consent.js at /consent.js
+ * import CONSENT_BUNDLE from './consent.bundle.js';
+ *
+ * app.get('/consent.js', () => new Response(CONSENT_BUNDLE, {
+ *   headers: { 'Content-Type': 'application/javascript' }
+ * }));
+ * ```
+ *
+ * @module @kya-os/consent/bundle
+ */
+import '../components/consent-button.js';
+import '../components/consent-checkbox.js';
+import '../components/consent-input.js';
+import '../components/consent-shell.js';
+import '../components/consent-permissions.js';
+import '../components/consent-terms.js';
+import '../components/consent-oauth-button.js';
+import '../components/consent-otp-input.js';
+import '../components/mcp-consent.js';
+export { McpConsent } from '../components/mcp-consent.js';
+export { ConsentButton } from '../components/consent-button.js';
+export { ConsentCheckbox } from '../components/consent-checkbox.js';
+export { ConsentInput } from '../components/consent-input.js';
+export { ConsentShell } from '../components/consent-shell.js';
+export { ConsentPermissions } from '../components/consent-permissions.js';
+export { ConsentTerms } from '../components/consent-terms.js';
+export { ConsentOAuthButton } from '../components/consent-oauth-button.js';
+export { ConsentOTPInput } from '../components/consent-otp-input.js';
+export type { ConsentConfig, ResolvedConsentConfig } from '../types/config.types.js';
+export type { OAuthIdentity } from '../types/api.types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/bundle/shell.d.ts

@@ -0,0 +1,126 @@
+/**
+ * Consent HTML Shell Generator
+ *
+ * Generates the minimal HTML shell that Workers serve for consent pages.
+ * The shell loads the bundled consent.js and renders <mcp-consent>.
+ *
+ * Architecture:
+ * 1. Worker receives consent page request
+ * 2. Worker calls generateConsentShell() with config
+ * 3. Browser loads HTML, fetches consent.js
+ * 4. Lit components render the consent UI
+ * 5. Form submission posts back to Worker
+ *
+ * @module @kya-os/consent/bundle/shell
+ */
+import type { ConsentConfig } from '../types/config.types.js';
+import type { OAuthIdentity } from '../types/api.types.js';
+/**
+ * Options for generating the consent HTML shell
+ */
+export interface ConsentShellOptions {
+    /** Consent page configuration (from AgentShield remote config) */
+    config: ConsentConfig;
+    /** Tool being requested */
+    tool: string;
+    /** Permission scopes requested */
+    scopes: string[];
+    /** Agent's DID */
+    agentDid: string;
+    /** Session identifier */
+    sessionId: string;
+    /** Project identifier */
+    projectId: string;
+    /** Server URL for form submission */
+    serverUrl: string;
+    /** OAuth identity if already authenticated */
+    oauthIdentity?: OAuthIdentity;
+    /** Path to consent.js bundle (defaults to '/consent.js') */
+    bundlePath?: string;
+    /** Custom page title */
+    pageTitle?: string;
+    /** CSP nonce for inline scripts/styles */
+    nonce?: string;
+    /** Authentication mode (consent-only, credentials, oauth, magic-link, otp) */
+    authMode?: string;
+    /** Provider name for credentials/oauth flows */
+    provider?: string;
+    /** CSRF token for form security (required for credential auth) */
+    csrfToken?: string;
+    /** Credential provider type from prior auth step (for 3-screen flow) */
+    credentialProviderType?: string;
+    /** Credential provider name from prior auth step (for 3-screen flow) */
+    credentialProvider?: string;
+    /**
+     * User DID from prior auth step
+     * CRITICAL: Bypasses KV eventual consistency issues by passing directly
+     */
+    userDid?: string;
+    /**
+     * User email from credential provider response
+     * Used for human-readable display in AgentShield dashboard (user_identifier)
+     */
+    credentialUserEmail?: string;
+    /**
+     * Provider's internal user ID from credential provider response
+     * Used for business reference (e.g., Hardware World customer ID 696395)
+     */
+    credentialProviderUserId?: string;
+    /**
+     * Pre-built OAuth authorization URL
+     * When provided, the OAuth button will link directly to this URL instead of
+     * constructing a URL like /oauth/:provider which may not exist.
+     * Example: https://github.com/login/oauth/authorize?client_id=...&redirect_uri=...
+     */
+    oauthUrl?: string;
+    /**
+     * Authorization type from tool protection config
+     * Determines the provider_type sent in credential form submissions
+     * Values: 'password', 'oauth2', 'none', etc.
+     * Default: 'password' for credential flows
+     */
+    authorizationType?: string;
+}
+/**
+ * Generate the consent page HTML shell
+ *
+ * This produces a minimal HTML document that:
+ * - Loads the bundled consent.js
+ * - Renders the <mcp-consent> web component
+ * - Includes a loading skeleton for perceived performance
+ * - Has a no-JS fallback form
+ *
+ * @example
+ * ```typescript
+ * const html = generateConsentShell({
+ *   config: remoteConfig,
+ *   tool: 'purchase',
+ *   scopes: ['billing:read', 'orders:write'],
+ *   agentDid: 'did:key:z6Mk...',
+ *   sessionId: 'sess_abc123',
+ *   projectId: 'proj_xyz',
+ *   serverUrl: 'https://api.example.com',
+ * });
+ *
+ * return new Response(html, {
+ *   headers: { 'Content-Type': 'text/html' }
+ * });
+ * ```
+ */
+export declare function generateConsentShell(options: ConsentShellOptions): string;
+/**
+ * Generate inline consent component (no external bundle)
+ *
+ * For scenarios where you want to inline everything into a single HTML response.
+ * This is useful for:
+ * - Offline/embedded scenarios
+ * - Single-request consent pages
+ * - Testing/debugging
+ *
+ * Note: This requires the consent bundle to be inlined as a string.
+ *
+ * @param options - Shell options
+ * @param bundleSource - The bundled consent.js source code
+ */
+export declare function generateInlineConsentShell(options: Omit<ConsentShellOptions, 'bundlePath'>, bundleSource: string): string;
+//# sourceMappingURL=shell.d.ts.map

package/dist/bundle/shell.js

@@ -0,0 +1,295 @@
+/**
+ * Consent HTML Shell Generator
+ *
+ * Generates the minimal HTML shell that Workers serve for consent pages.
+ * The shell loads the bundled consent.js and renders <mcp-consent>.
+ *
+ * Architecture:
+ * 1. Worker receives consent page request
+ * 2. Worker calls generateConsentShell() with config
+ * 3. Browser loads HTML, fetches consent.js
+ * 4. Lit components render the consent UI
+ * 5. Form submission posts back to Worker
+ *
+ * @module @kya-os/consent/bundle/shell
+ */
+import { escapeHtml, escapeAttr } from '../security/escape.js';
+/**
+ * Generate the consent page HTML shell
+ *
+ * This produces a minimal HTML document that:
+ * - Loads the bundled consent.js
+ * - Renders the <mcp-consent> web component
+ * - Includes a loading skeleton for perceived performance
+ * - Has a no-JS fallback form
+ *
+ * @example
+ * ```typescript
+ * const html = generateConsentShell({
+ *   config: remoteConfig,
+ *   tool: 'purchase',
+ *   scopes: ['billing:read', 'orders:write'],
+ *   agentDid: 'did:key:z6Mk...',
+ *   sessionId: 'sess_abc123',
+ *   projectId: 'proj_xyz',
+ *   serverUrl: 'https://api.example.com',
+ * });
+ *
+ * return new Response(html, {
+ *   headers: { 'Content-Type': 'text/html' }
+ * });
+ * ```
+ */
+export function generateConsentShell(options) {
+    const { config, tool, scopes, agentDid, sessionId, projectId, serverUrl, oauthIdentity, bundlePath = '/consent.js', pageTitle = 'Permission Request', nonce, authMode, provider, csrfToken, credentialProviderType, credentialProvider, userDid, // CRITICAL: Bypasses KV consistency issues
+    credentialUserEmail, // User email from credential provider
+    credentialProviderUserId, // Provider's user ID (e.g., customer ID)
+    oauthUrl, // Pre-built OAuth authorization URL
+    authorizationType, // Dynamic authorization type from tool protection
+     } = options;
+    // Safely serialize config as JSON for attribute
+    const configJson = JSON.stringify(config);
+    const scopesJson = JSON.stringify(scopes);
+    const oauthJson = oauthIdentity ? JSON.stringify(oauthIdentity) : null;
+    // Build nonce attribute if provided
+    const nonceAttr = nonce ? ` nonce="${escapeAttr(nonce)}"` : '';
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>${escapeHtml(pageTitle)}</title>
+
+  <!-- Preload the bundle for faster loading -->
+  <link rel="preload" href="${escapeAttr(bundlePath)}" as="script" crossorigin>
+
+  <!-- Load consent components bundle -->
+  <script type="module" src="${escapeAttr(bundlePath)}"${nonceAttr}></script>
+
+  <style${nonceAttr}>
+    /* Base styles */
+    *, *::before, *::after {
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+      background: #f3f4f6;
+      min-height: 100vh;
+      margin: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 1rem;
+    }
+
+    /* Loading skeleton - shown while component loads */
+    .loading-skeleton {
+      max-width: 512px;
+      width: 100%;
+      background: white;
+      border-radius: 20px;
+      padding: 2rem;
+      box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+    }
+
+    .skeleton-header {
+      display: flex;
+      align-items: center;
+      gap: 1rem;
+      margin-bottom: 1.5rem;
+    }
+
+    .skeleton-avatar {
+      width: 48px;
+      height: 48px;
+      background: #e5e7eb;
+      border-radius: 12px;
+      animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+    }
+
+    .skeleton-line {
+      height: 1rem;
+      background: #e5e7eb;
+      border-radius: 0.25rem;
+      margin-bottom: 0.75rem;
+      animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+    }
+
+    .skeleton-line.short { width: 60%; }
+    .skeleton-line.medium { width: 80%; }
+    .skeleton-line.full { width: 100%; }
+
+    .skeleton-button {
+      height: 44px;
+      background: #e5e7eb;
+      border-radius: 8px;
+      margin-top: 1.5rem;
+      animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+    }
+
+    @keyframes pulse {
+      0%, 100% { opacity: 1; }
+      50% { opacity: 0.5; }
+    }
+
+    /* Hide skeleton when component is defined */
+    mcp-consent:defined + .loading-skeleton {
+      display: none;
+    }
+
+    /* No-JS fallback styling */
+    noscript .fallback-form {
+      max-width: 512px;
+      width: 100%;
+      background: white;
+      border-radius: 20px;
+      padding: 2rem;
+      box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+    }
+
+    noscript h1 {
+      font-size: 1.25rem;
+      font-weight: 600;
+      color: #111827;
+      margin: 0 0 1rem;
+    }
+
+    noscript p {
+      color: #6b7280;
+      margin: 0 0 1.5rem;
+    }
+
+    noscript button {
+      width: 100%;
+      padding: 0.75rem 1rem;
+      background: #2563eb;
+      color: white;
+      border: none;
+      border-radius: 8px;
+      font-size: 0.875rem;
+      font-weight: 500;
+      cursor: pointer;
+    }
+
+    noscript button:hover {
+      background: #1d4ed8;
+    }
+  </style>
+</head>
+<body>
+  <!-- Main consent component -->
+  <mcp-consent
+    config='${escapeAttr(configJson)}'
+    tool="${escapeAttr(tool)}"
+    scopes='${escapeAttr(scopesJson)}'
+    agent-did="${escapeAttr(agentDid)}"
+    session-id="${escapeAttr(sessionId)}"
+    project-id="${escapeAttr(projectId)}"
+    server-url="${escapeAttr(serverUrl)}"
+    ${oauthJson ? `oauth-identity='${escapeAttr(oauthJson)}'` : ''}
+    ${authMode ? `auth-mode="${escapeAttr(authMode)}"` : ''}
+    ${provider ? `provider="${escapeAttr(provider)}"` : ''}
+    ${csrfToken ? `csrf-token="${escapeAttr(csrfToken)}"` : ''}
+    ${credentialProviderType ? `credential-provider-type="${escapeAttr(credentialProviderType)}"` : ''}
+    ${credentialProvider ? `credential-provider="${escapeAttr(credentialProvider)}"` : ''}
+    ${userDid ? `user-did="${escapeAttr(userDid)}"` : ''}
+    ${credentialUserEmail ? `credential-user-email="${escapeAttr(credentialUserEmail)}"` : ''}
+    ${credentialProviderUserId ? `credential-provider-user-id="${escapeAttr(credentialProviderUserId)}"` : ''}
+    ${oauthUrl ? `oauth-url="${escapeAttr(oauthUrl)}"` : ''}
+    ${authorizationType ? `authorization-type="${escapeAttr(authorizationType)}"` : ''}
+  ></mcp-consent>
+
+  <!-- Loading skeleton (hidden once component is defined) -->
+  <div class="loading-skeleton" aria-hidden="true">
+    <div class="skeleton-header">
+      <div class="skeleton-avatar"></div>
+      <div style="flex: 1">
+        <div class="skeleton-line short"></div>
+        <div class="skeleton-line medium" style="margin-bottom: 0; height: 0.75rem;"></div>
+      </div>
+    </div>
+    <div class="skeleton-line full"></div>
+    <div class="skeleton-line medium"></div>
+    <div class="skeleton-line short"></div>
+    <div class="skeleton-button"></div>
+  </div>
+
+  <!-- No-JS fallback - basic form submission -->
+  <noscript>
+    <form class="fallback-form" method="POST" action="${escapeAttr(serverUrl)}/consent/approve">
+      <h1>Permission Request</h1>
+      <p>JavaScript is required for the full consent experience. You can still approve basic access below.</p>
+
+      <input type="hidden" name="tool" value="${escapeAttr(tool)}">
+      <input type="hidden" name="scopes" value="${escapeAttr(scopesJson)}">
+      <input type="hidden" name="agent_did" value="${escapeAttr(agentDid)}">
+      <input type="hidden" name="session_id" value="${escapeAttr(sessionId)}">
+      <input type="hidden" name="project_id" value="${escapeAttr(projectId)}">
+      <input type="hidden" name="auth_mode" value="consent-only">
+      <input type="hidden" name="provider_type" value="none">
+
+      <button type="submit">Allow Basic Access</button>
+    </form>
+  </noscript>
+</body>
+</html>`;
+}
+/**
+ * Generate inline consent component (no external bundle)
+ *
+ * For scenarios where you want to inline everything into a single HTML response.
+ * This is useful for:
+ * - Offline/embedded scenarios
+ * - Single-request consent pages
+ * - Testing/debugging
+ *
+ * Note: This requires the consent bundle to be inlined as a string.
+ *
+ * @param options - Shell options
+ * @param bundleSource - The bundled consent.js source code
+ */
+export function generateInlineConsentShell(options, bundleSource) {
+    const { config, tool, scopes, agentDid, sessionId, projectId, serverUrl, oauthIdentity, pageTitle = 'Permission Request', nonce, } = options;
+    const configJson = JSON.stringify(config);
+    const scopesJson = JSON.stringify(scopes);
+    const oauthJson = oauthIdentity ? JSON.stringify(oauthIdentity) : null;
+    const nonceAttr = nonce ? ` nonce="${escapeAttr(nonce)}"` : '';
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${escapeHtml(pageTitle)}</title>
+  <script type="module"${nonceAttr}>
+${bundleSource}
+  </script>
+  <style${nonceAttr}>
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      background: #f3f4f6;
+      min-height: 100vh;
+      margin: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 1rem;
+    }
+  </style>
+</head>
+<body>
+  <mcp-consent
+    config='${escapeAttr(configJson)}'
+    tool="${escapeAttr(tool)}"
+    scopes='${escapeAttr(scopesJson)}'
+    agent-did="${escapeAttr(agentDid)}"
+    session-id="${escapeAttr(sessionId)}"
+    project-id="${escapeAttr(projectId)}"
+    server-url="${escapeAttr(serverUrl)}"
+    ${oauthJson ? `oauth-identity='${escapeAttr(oauthJson)}'` : ''}
+  ></mcp-consent>
+</body>
+</html>`;
+}
+//# sourceMappingURL=shell.js.map

package/dist/bundle/shell.js.map

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

package/dist/components/consent-button.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Consent Button Web Component
+ *
+ * A styled button for consent pages that works in:
+ * - Browser (vanilla HTML)
+ * - React (via @lit/react wrapper)
+ * - SSR (Declarative Shadow DOM)
+ *
+ * @module components/consent-button
+ */
+import { LitElement } from 'lit';
+/**
+ * Button variants matching AgentShield design system
+ */
+export type ButtonVariant = 'primary' | 'secondary';
+/**
+ * ConsentButton - A themed button component
+ *
+ * @example
+ * ```html
+ * <consent-button variant="primary">Allow Access</consent-button>
+ * <consent-button variant="secondary">Cancel</consent-button>
+ * ```
+ *
+ * @csspart button - The native button element
+ * @cssprop --consent-primary - Primary brand color (default: #2563EB)
+ */
+export declare class ConsentButton extends LitElement {
+    static formAssociated: boolean;
+    private internals;
+    constructor();
+    /**
+     * Button variant - 'primary' (filled) or 'secondary' (outlined)
+     */
+    variant: ButtonVariant;
+    /**
+     * Button type attribute (button, submit, reset)
+     */
+    type: 'button' | 'submit' | 'reset';
+    /**
+     * Disabled state
+     */
+    disabled: boolean;
+    /**
+     * Full width mode
+     */
+    fullWidth: boolean;
+    /**
+     * Loading state - shows spinner and disables button
+     */
+    loading: boolean;
+    static styles: import("lit").CSSResult;
+    private handleClick;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'consent-button': ConsentButton;
+    }
+}
+//# sourceMappingURL=consent-button.d.ts.map