@aiconnect/confidant 1.0.0

package/dist/types.js

@@ -0,0 +1,56 @@
+/**
+ * Shared TypeScript Types
+ *
+ * Common type definitions used throughout the Confidant application.
+ */
+/**
+ * Error types
+ */
+export class SecretNotFoundError extends Error {
+    constructor(id) {
+        super(`Secret not found: ${id}`);
+        this.name = 'SecretNotFoundError';
+    }
+}
+export class SecretExpiredError extends Error {
+    constructor(id) {
+        super(`Secret has expired: ${id}`);
+        this.name = 'SecretExpiredError';
+    }
+}
+export class MaxAccessCountExceededError extends Error {
+    constructor(id) {
+        super(`Maximum access count exceeded for secret: ${id}`);
+        this.name = 'MaxAccessCountExceededError';
+    }
+}
+/**
+ * Error types for secret requests
+ */
+export class SecretRequestNotFoundError extends Error {
+    constructor(id) {
+        super(`Secret request not found: ${id}`);
+        this.name = 'SecretRequestNotFoundError';
+    }
+}
+export class SecretRequestExpiredError extends Error {
+    constructor(id) {
+        super(`Secret request has expired: ${id}`);
+        this.name = 'SecretRequestExpiredError';
+    }
+}
+export class SecretRequestAlreadyRetrievedError extends Error {
+    constructor(id) {
+        super(`Secret request has already been retrieved: ${id}`);
+        this.name = 'SecretRequestAlreadyRetrievedError';
+    }
+}
+export class SecretRequestAlreadyCompletedError extends Error {
+    constructor(id) {
+        super(`Secret request has already been completed: ${id}`);
+        this.name = 'SecretRequestAlreadyCompletedError';
+    }
+}
+export { Registry, storageRegistry, validatorRegistry, transformerRegistry } from './registry.js';
+export { MemoryStorageModule, BasicValidatorModule, UppercaseTransformerModule } from './registry.js';
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAoDH;;GAEG;AACH,MAAM,OAAO,mBAAoB,SAAQ,KAAK;IAC5C,YAAY,EAAU;QACpB,KAAK,CAAC,qBAAqB,EAAE,EAAE,CAAC,CAAC;QACjC,IAAI,CAAC,IAAI,GAAG,qBAAqB,CAAC;IACpC,CAAC;CACF;AAED,MAAM,OAAO,kBAAmB,SAAQ,KAAK;IAC3C,YAAY,EAAU;QACpB,KAAK,CAAC,uBAAuB,EAAE,EAAE,CAAC,CAAC;QACnC,IAAI,CAAC,IAAI,GAAG,oBAAoB,CAAC;IACnC,CAAC;CACF;AAED,MAAM,OAAO,2BAA4B,SAAQ,KAAK;IACpD,YAAY,EAAU;QACpB,KAAK,CAAC,6CAA6C,EAAE,EAAE,CAAC,CAAC;QACzD,IAAI,CAAC,IAAI,GAAG,6BAA6B,CAAC;IAC5C,CAAC;CACF;AAqED;;GAEG;AACH,MAAM,OAAO,0BAA2B,SAAQ,KAAK;IACnD,YAAY,EAAU;QACpB,KAAK,CAAC,6BAA6B,EAAE,EAAE,CAAC,CAAC;QACzC,IAAI,CAAC,IAAI,GAAG,4BAA4B,CAAC;IAC3C,CAAC;CACF;AAED,MAAM,OAAO,yBAA0B,SAAQ,KAAK;IAClD,YAAY,EAAU;QACpB,KAAK,CAAC,+BAA+B,EAAE,EAAE,CAAC,CAAC;QAC3C,IAAI,CAAC,IAAI,GAAG,2BAA2B,CAAC;IAC1C,CAAC;CACF;AAED,MAAM,OAAO,kCAAmC,SAAQ,KAAK;IAC3D,YAAY,EAAU;QACpB,KAAK,CAAC,8CAA8C,EAAE,EAAE,CAAC,CAAC;QAC1D,IAAI,CAAC,IAAI,GAAG,oCAAoC,CAAC;IACnD,CAAC;CACF;AAED,MAAM,OAAO,kCAAmC,SAAQ,KAAK;IAC3D,YAAY,EAAU;QACpB,KAAK,CAAC,8CAA8C,EAAE,EAAE,CAAC,CAAC;QAC1D,IAAI,CAAC,IAAI,GAAG,oCAAoC,CAAC;IACnD,CAAC;CACF;AAQD,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAClG,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC"}

package/dist/url-helper.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Generate URLs for accessing a secret request
+ * Returns both localhost and network URLs for cross-device access
+ */
+export declare function generateUrls(apiUrl: string, hash: string, localIp: string | null): {
+    localhost: string;
+    network: string | null;
+};
+/**
+ * Format URLs for display in CLI output
+ */
+export declare function formatUrlsForDisplay(urls: {
+    localhost: string;
+    network: string | null;
+}): string[];
+//# sourceMappingURL=url-helper.d.ts.map

package/dist/url-helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-helper.d.ts","sourceRoot":"","sources":["../src/url-helper.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,MAAM,GAAG,IAAI,GACrB;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAa/C;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAClD,MAAM,EAAE,CASV"}

package/dist/url-helper.js

@@ -0,0 +1,27 @@
+/**
+ * Generate URLs for accessing a secret request
+ * Returns both localhost and network URLs for cross-device access
+ */
+export function generateUrls(apiUrl, hash, localIp) {
+    // Parse the API URL to get the protocol and port
+    const url = new URL(apiUrl);
+    const protocol = url.protocol.replace(':', '');
+    const port = url.port || (protocol === 'https' ? '443' : '3000');
+    // Generate localhost URL (uses /requests/:hash path)
+    const localhost = `${protocol}://localhost:${port}/requests/${hash}`;
+    // Generate network URL if local IP is available
+    const network = localIp ? `${protocol}://${localIp}:${port}/requests/${hash}` : null;
+    return { localhost, network };
+}
+/**
+ * Format URLs for display in CLI output
+ */
+export function formatUrlsForDisplay(urls) {
+    const displayUrls = [];
+    if (urls.network) {
+        displayUrls.push(`Network URL (for other devices): ${urls.network}`);
+    }
+    displayUrls.push(`Localhost URL (for this device): ${urls.localhost}`);
+    return displayUrls;
+}
+//# sourceMappingURL=url-helper.js.map

package/dist/url-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-helper.js","sourceRoot":"","sources":["../src/url-helper.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,UAAU,YAAY,CAC1B,MAAc,EACd,IAAY,EACZ,OAAsB;IAEtB,iDAAiD;IACjD,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAC/C,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAEjE,qDAAqD;IACrD,MAAM,SAAS,GAAG,GAAG,QAAQ,gBAAgB,IAAI,aAAa,IAAI,EAAE,CAAC;IAErE,gDAAgD;IAChD,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,QAAQ,MAAM,OAAO,IAAI,IAAI,aAAa,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAErF,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AAChC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAClC,IAAmD;IAEnD,MAAM,WAAW,GAAa,EAAE,CAAC;IAEjC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,WAAW,CAAC,IAAI,CAAC,oCAAoC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;IACvE,CAAC;IACD,WAAW,CAAC,IAAI,CAAC,oCAAoC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;IAEvE,OAAO,WAAW,CAAC;AACrB,CAAC"}

package/dist/url-helper.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=url-helper.test.d.ts.map

package/dist/url-helper.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-helper.test.d.ts","sourceRoot":"","sources":["../src/url-helper.test.ts"],"names":[],"mappings":""}

package/dist/url-helper.test.js

@@ -0,0 +1,70 @@
+import { describe, it, expect } from 'vitest';
+import { generateUrls, formatUrlsForDisplay } from './url-helper.js';
+describe('url-helper', () => {
+    describe('generateUrls', () => {
+        it('should generate localhost URL', () => {
+            const result = generateUrls('http://localhost:3000', 'abc123', null);
+            expect(result.localhost).toBe('http://localhost:3000/request/abc123');
+            expect(result.network).toBeNull();
+        });
+        it('should generate network URL when local IP is provided', () => {
+            const result = generateUrls('http://localhost:3000', 'abc123', '192.168.1.100');
+            expect(result.localhost).toBe('http://localhost:3000/request/abc123');
+            expect(result.network).toBe('http://192.168.1.100:3000/request/abc123');
+        });
+        it('should handle custom port', () => {
+            const result = generateUrls('http://localhost:8080', 'abc123', '192.168.1.100');
+            expect(result.localhost).toBe('http://localhost:8080/request/abc123');
+            expect(result.network).toBe('http://192.168.1.100:8080/request/abc123');
+        });
+        it('should handle HTTPS', () => {
+            const result = generateUrls('https://localhost:443', 'abc123', '192.168.1.100');
+            expect(result.localhost).toBe('https://localhost:443/request/abc123');
+            expect(result.network).toBe('https://192.168.1.100:443/request/abc123');
+        });
+        it('should handle API URL with path', () => {
+            const result = generateUrls('http://localhost:3000/api', 'abc123', '192.168.1.100');
+            expect(result.localhost).toBe('http://localhost:3000/request/abc123');
+            expect(result.network).toBe('http://192.168.1.100:3000/request/abc123');
+        });
+        it('should return null network URL when local IP is null', () => {
+            const result = generateUrls('http://localhost:3000', 'abc123', null);
+            expect(result.localhost).toBe('http://localhost:3000/request/abc123');
+            expect(result.network).toBeNull();
+        });
+    });
+    describe('formatUrlsForDisplay', () => {
+        it('should format both URLs when network URL is available', () => {
+            const urls = {
+                localhost: 'http://localhost:3000/request/abc123',
+                network: 'http://192.168.1.100:3000/request/abc123'
+            };
+            const result = formatUrlsForDisplay(urls);
+            expect(result).toEqual([
+                'Network URL (for other devices): http://192.168.1.100:3000/request/abc123',
+                'Localhost URL (for this device): http://localhost:3000/request/abc123'
+            ]);
+        });
+        it('should format only localhost URL when network URL is null', () => {
+            const urls = {
+                localhost: 'http://localhost:3000/request/abc123',
+                network: null
+            };
+            const result = formatUrlsForDisplay(urls);
+            expect(result).toEqual([
+                'Localhost URL (for this device): http://localhost:3000/request/abc123'
+            ]);
+        });
+        it('should handle empty network URL', () => {
+            const urls = {
+                localhost: 'http://localhost:3000/request/abc123',
+                network: ''
+            };
+            const result = formatUrlsForDisplay(urls);
+            expect(result).toEqual([
+                'Localhost URL (for this device): http://localhost:3000/request/abc123'
+            ]);
+        });
+    });
+});
+//# sourceMappingURL=url-helper.test.js.map

package/dist/url-helper.test.js.map

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

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@aiconnect/confidant",
+  "version": "1.0.0",
+  "description": "Secure secret handoff system with time-limited access",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "bin": {
+    "confidant": "./dist/cli.js"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "public",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "tsx watch src/index.ts",
+    "build": "tsc",
+    "start": "node dist/index.js",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:run": "vitest run",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "secret",
+    "handoff",
+    "security",
+    "ttl",
+    "hono",
+    "api",
+    "confidant",
+    "one-time-secret"
+  ],
+  "author": "AI Connect",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/johnjohn-aic/confidant.git"
+  },
+  "homepage": "https://github.com/johnjohn-aic/confidant#readme",
+  "bugs": {
+    "url": "https://github.com/johnjohn-aic/confidant/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "dependencies": {
+    "@hono/node-server": "^1.19.9",
+    "chalk": "^5.3.0",
+    "commander": "^12.1.0",
+    "hono": "^4.0.0",
+    "node-fetch": "^3.3.2",
+    "zod": "^3.22.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.19.30",
+    "@vitest/ui": "^4.0.18",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3",
+    "vitest": "^4.0.18"
+  }
+}

package/public/index.html

@@ -0,0 +1,352 @@
+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Confidant - Compartilhar Segredos</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+        }
+
+        body {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 20px;
+        }
+
+        .container {
+            background: white;
+            border-radius: 12px;
+            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+            padding: 40px;
+            max-width: 600px;
+            width: 100%;
+        }
+
+        h1 {
+            color: #1f2937;
+            margin-bottom: 8px;
+            font-size: 28px;
+            font-weight: 600;
+        }
+
+        .form-group {
+            margin-bottom: 20px;
+        }
+
+        label {
+            display: block;
+            margin-bottom: 8px;
+            color: #374151;
+            font-weight: 500;
+            font-size: 14px;
+        }
+
+        input[type="text"],
+        input[type="number"] {
+            width: 100%;
+            padding: 12px 16px;
+            border: 2px solid #e2e8f0;
+            border-radius: 8px;
+            font-size: 16px;
+            transition: border-color 0.3s, box-shadow 0.3s;
+        }
+
+        input[type="text"]:focus,
+        input[type="number"]:focus {
+            outline: none;
+            border-color: #667eea;
+            box-shadow: 0 0 0 8px rgba(102, 126, 234, 0.2);
+        }
+
+        button {
+            width: 100%;
+            padding: 14px 24px;
+            background: #667eea;
+            color: white;
+            border: none;
+            border-radius: 8px;
+            font-size: 16px;
+            font-weight: 600;
+            cursor: pointer;
+            transition: background-color 0.3s, transform 0.1s;
+        }
+
+        button:hover {
+            background: #5568d3;
+            transform: translateY(-2px);
+        }
+
+        button:active {
+            transform: translateY(0);
+        }
+
+        .result {
+            margin-top: 24px;
+            padding: 20px;
+            background: #f0f9ff;
+            border-radius: 8px;
+            display: none;
+        }
+
+        .result.success {
+            display: block;
+            background: #10b981;
+            color: white;
+            padding: 16px 20px;
+            border-radius: 8px;
+        }
+
+        .result.error {
+            display: block;
+            background: #ef4444;
+            color: white;
+            padding: 16px 20px;
+            border-radius: 8px;
+        }
+
+        .result-title {
+            font-size: 18px;
+            font-weight: 600;
+            margin-bottom: 8px;
+        }
+
+        .result-value {
+            font-size: 24px;
+            font-weight: 700;
+            margin-bottom: 8px;
+            word-break: break-all;
+        }
+
+        .copy-button {
+            background: #667eea;
+            color: white;
+            border: none;
+            padding: 10px 20px;
+            border-radius: 6px;
+            font-size: 14px;
+            cursor: pointer;
+            margin-top: 12px;
+            transition: background-color 0.3s;
+        }
+
+        .copy-button:hover {
+            background: #5568d3;
+        }
+
+        .copy-button:active {
+            transform: scale(0.95);
+        }
+
+        .error-message {
+            color: #dc2626;
+            font-size: 14px;
+            margin-top: 8px;
+        }
+
+        @media (max-width: 600px) {
+            .container {
+                padding: 24px;
+            }
+
+            h1 {
+                font-size: 24px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>Confidant - Compartilhar Segredos</h1>
+        
+        <form id="secretForm">
+            <div class="form-group">
+                <label for="secret">Segredo (obrigatório)</label>
+                <input type="text" id="secret" name="secret" required placeholder="Digite seu segredo aqui...">
+            </div>
+            
+            <div class="form-group">
+                <label for="ttl">TTL (milissegundos) - Opcional</label>
+                <input type="number" id="ttl" name="ttl" min="1" placeholder="3600000 (1 hora)">
+            </div>
+            
+            <div class="form-group">
+                <label for="maxAccessCount">Número Máximo de Acessos - Opcional</label>
+                <input type="number" id="maxAccessCount" name="maxAccessCount" min="1" placeholder="3">
+            </div>
+            
+            <button type="submit">Criar Segredo</button>
+        </form>
+        
+        <div id="result" class="result">
+            <div class="result-title" id="resultTitle"></div>
+            <div class="result-value" id="resultValue"></div>
+            <button id="copyButton" class="copy-button">Copiar ID</button>
+        </div>
+        
+        <div id="errorMessage" class="error-message"></div>
+    </div>
+
+    <script>
+        const API_URL = 'http://localhost:3000';
+        
+        document.getElementById('secretForm').addEventListener('submit', async (e) => {
+            e.preventDefault();
+            
+            const secret = document.getElementById('secret').value;
+            const ttl = document.getElementById('ttl').value ? parseInt(document.getElementById('ttl').value) : undefined;
+            const maxAccessCount = document.getElementById('maxAccessCount').value ? parseInt(document.getElementById('maxAccessCount').value) : undefined;
+            
+            if (!secret || secret.trim() === '') {
+                showError('Por favor, digite um segredo.');
+                return;
+            }
+            
+            try {
+                const response = await fetch(`${API_URL}/secrets`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify({
+                        secret: secret,
+                        ttl: ttl,
+                        maxAccessCount: maxAccessCount
+                    })
+                });
+                
+                const data = await response.json();
+                
+                if (response.status === 201) {
+                    showSuccess(data.id);
+                } else {
+                    showError('Erro ao criar segredo. Tente novamente.');
+                }
+            } catch (error) {
+                showError('Erro de conexão. Tente novamente.');
+            }
+        });
+        
+        function showSuccess(secretId) {
+            const resultDiv = document.getElementById('result');
+            const resultTitle = document.getElementById('resultTitle');
+            const resultValue = document.getElementById('resultValue');
+            const copyButton = document.getElementById('copyButton');
+            const errorMessage = document.getElementById('errorMessage');
+            
+            resultDiv.style.display = 'block';
+            resultDiv.className = 'result success';
+            
+            resultTitle.textContent = 'Segredo Criado com Sucesso!';
+            resultValue.textContent = `ID: ${secretId}`;
+            
+            copyButton.style.display = 'block';
+            errorMessage.style.display = 'none';
+            
+            copyToClipboard(secretId);
+        }
+        
+        function showError(message) {
+            const resultDiv = document.getElementById('result');
+            const resultTitle = document.getElementById('resultTitle');
+            const resultValue = document.getElementById('resultValue');
+            const copyButton = document.getElementById('copyButton');
+            const errorMessage = document.getElementById('errorMessage');
+            
+            resultDiv.style.display = 'block';
+            resultDiv.className = 'result error';
+            
+            resultTitle.textContent = 'Erro';
+            resultValue.textContent = '';
+            
+            copyButton.style.display = 'none';
+            errorMessage.textContent = message;
+        }
+        
+        function copyToClipboard(text) {
+            if (navigator.clipboard && navigator.clipboard.writeText) {
+                navigator.clipboard.writeText(text)
+                    .then(() => {
+                        const copyButton = document.getElementById('copyButton');
+                        copyButton.textContent = 'Copiado!';
+                        setTimeout(() => {
+                            copyButton.textContent = 'Copiar ID';
+                        }, 2000);
+                    })
+                    .catch(err => {
+                        console.error('Failed to copy: ', err);
+                        // Fallback: show ID in a selectable text box
+                        const resultValue = document.getElementById('resultValue');
+                        resultValue.contentEditable = true;
+                        resultValue.focus();
+                        document.execCommand('selectAll');
+                    });
+            } else {
+                // Fallback for browsers without Clipboard API
+                const resultValue = document.getElementById('resultValue');
+                resultValue.contentEditable = true;
+                resultValue.focus();
+                document.execCommand('selectAll');
+                
+                const copyButton = document.getElementById('copyButton');
+                copyButton.textContent = 'Copiar ID';
+                setTimeout(() => {
+                    copyButton.textContent = 'Copiar ID';
+                }, 2000);
+            }
+        }
+        
+        document.getElementById('copyButton').addEventListener('click', () => {
+            const resultValue = document.getElementById('resultValue');
+            const secretId = resultValue.textContent.replace('ID: ', '');
+            copyToClipboard(secretId);
+        });
+        
+        function copyToClipboard(text) {
+            if (navigator.clipboard && navigator.clipboard.writeText) {
+                navigator.clipboard.writeText(text)
+                    .then(() => {
+                        const copyButton = document.getElementById('copyButton');
+                        copyButton.textContent = 'Copiado!';
+                        setTimeout(() => {
+                            copyButton.textContent = 'Copiar ID';
+                        }, 2000);
+                    })
+                    .catch(err => {
+                        console.error('Failed to copy: ', err);
+                        // Fallback: show the ID in a selectable text box
+                        const resultValue = document.getElementById('resultValue');
+                        resultValue.contentEditable = true;
+                        resultValue.focus();
+                        document.execCommand('selectAll');
+                    });
+            } else {
+                // Fallback for browsers without Clipboard API
+                const resultValue = document.getElementById('resultValue');
+                resultValue.contentEditable = true;
+                resultValue.focus();
+                document.execCommand('selectAll');
+                
+                const copyButton = document.getElementById('copyButton');
+                copyButton.textContent = 'Copiar ID';
+                setTimeout(() => {
+                    copyButton.textContent = 'Copiar ID';
+                }, 2000);
+            }
+        }
+        
+        document.getElementById('copyButton').addEventListener('click', () => {
+            const resultValue = document.getElementById('resultValue');
+            const secretId = resultValue.textContent.replace('ID: ', '');
+            copyToClipboard(secretId);
+        });
+    </script>
+</body>
+</html>