llm-testrunner-components 1.0.6 → 1.0.9

package/dist/cjs/index.cjs.js

@@ -1,489 +1,11 @@
 'use strict';
 
-var index = require('./index-D-FySkoV.js');
+var index = require('./index-By1scwl6.js');
+require('./index-CgmLNwZO.js');
 
-class LLMEvaluationEngine {
-    constructor() { }
-    async evaluateResponse(request, callback) {
-        try {
-            console.log('🔍 Starting evaluation for test case:', request.testCaseId);
-            const result = await this.performEvaluation(request);
-            console.log('Evaluation completed for test case:', request.testCaseId);
-            console.log('Result:', result);
-            callback(result);
-        }
-        catch (error) {
-            console.error('Evaluation failed:', error);
-            const errorResult = {
-                testCaseId: request.testCaseId,
-                passed: false,
-                keywordMatches: [],
-                sourceLinkMatches: [],
-                timestamp: new Date().toISOString()
-            };
-            callback(errorResult);
-        }
-    }
-    async performEvaluation(request) {
-        const { testCaseId, expectedKeywords, expectedSourceLinks, actualResponse } = request;
-        const keywordMatches = this.evaluateKeywords(expectedKeywords, actualResponse);
-        const sourceLinkMatches = this.evaluateSourceLinks(expectedSourceLinks, actualResponse);
-        // Test passes only if ALL expected keywords and source links are found
-        const totalItems = keywordMatches.length + sourceLinkMatches.length;
-        const foundItems = keywordMatches.filter(m => m.found).length + sourceLinkMatches.filter(m => m.found).length;
-        const passed = foundItems === totalItems;
-        return {
-            testCaseId,
-            passed,
-            keywordMatches,
-            sourceLinkMatches,
-            timestamp: new Date().toISOString()
-        };
-    }
-    evaluateKeywords(expectedKeywords, actualResponse) {
-        // Case-insensitive keyword matching
-        const response = actualResponse.toLowerCase();
-        return expectedKeywords.map(keyword => {
-            const keywordToMatch = keyword.toLowerCase();
-            const found = response.includes(keywordToMatch);
-            return {
-                keyword,
-                found
-            };
-        });
-    }
-    evaluateSourceLinks(expectedSourceLinks, actualResponse) {
-        return expectedSourceLinks.map(link => {
-            const found = actualResponse.includes(link);
-            return {
-                link,
-                found
-            };
-        });
-    }
-}
 
-/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-var byteToHex = [];
-for (var i = 0; i < 256; ++i) {
-  byteToHex.push((i + 0x100).toString(16).slice(1));
-}
-function unsafeStringify(arr, offset = 0) {
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  //
-  // Note to future-self: No, you can't remove the `toLowerCase()` call.
-  // REF: https://github.com/uuidjs/uuid/pull/677#issuecomment-1757351351
-  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
-}
 
-// Unique ID creation requires a high quality random # generator. In the browser we therefore
-// require the crypto API and do not support built-in fallback to lower quality random number
-// generators (like Math.random()).
-
-var getRandomValues;
-var rnds8 = new Uint8Array(16);
-function rng() {
-  // lazy load so that environments that need to polyfill have a chance to do so
-  if (!getRandomValues) {
-    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
-    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
-    if (!getRandomValues) {
-      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-    }
-  }
-  return getRandomValues(rnds8);
-}
-
-var randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-var native = {
-  randomUUID
-};
-
-function v4(options, buf, offset) {
-  if (native.randomUUID && true && !options) {
-    return native.randomUUID();
-  }
-  options = options || {};
-  var rnds = options.random || (options.rng || rng)();
-
-  // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
-  rnds[6] = rnds[6] & 0x0f | 0x40;
-  rnds[8] = rnds[8] & 0x3f | 0x80;
-  return unsafeStringify(rnds);
-}
-
-const ErrorMessage = ({ message, onClear }) => {
-    if (!message) {
-        return null;
-    }
-    return (index.h("div", { class: "error-message" }, index.h("span", null, message), onClear && (index.h("button", { class: "error-close", title: "Close", onClick: onClear }, "\u00D7"))));
-};
-
-class RateLimitedFetcher {
-    queue = [];
-    delay; // delay in milliseconds
-    intervalId;
-    constructor(delayMs) {
-        this.delay = delayMs;
-    }
-    startQueue() {
-        if (this.intervalId)
-            return;
-        this.intervalId = setInterval(() => {
-            const task = this.queue.shift();
-            if (task)
-                task();
-            if (this.queue.length === 0) {
-                this.stop();
-            }
-        }, this.delay);
-    }
-    schedule(task) {
-        return new Promise((resolve, reject) => {
-            this.queue.push(() => {
-                task().then(resolve).catch(reject);
-            });
-            this.startQueue();
-        });
-    }
-    stop() {
-        if (this.intervalId) {
-            clearInterval(this.intervalId);
-            this.intervalId = undefined;
-        }
-    }
-    async runAll(tasks) {
-        const promises = tasks.map(task => this.schedule(task));
-        return Promise.all(promises);
-    }
-}
-
-const llmTestRunnerCss = ":host {\n  display: block;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n  background-color: #f8fafc;\n  min-height: 100vh;\n}\n\n.test-runner-container {\n  padding: 20px;\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n  margin: 20px 0;\n}\n\n.simple-test {\n  margin: 20px 0;\n  padding: 20px;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n}\n\n.test-cases {\n  margin: 20px 0;\n}\n\n.test-case {\n  margin: 20px 0;\n  padding: 20px;\n  border: 1px solid #eee;\n  border-radius: 4px;\n  background: #f9f9f9;\n}\n\n.test-case h3 {\n  margin-top: 0;\n  color: #333;\n}\n\n.test-case textarea {\n  width: 100%;\n  padding: 10px;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  font-family: inherit;\n  margin: 10px 0;\n}\n\n.test-case button {\n  background: #007bff;\n  color: white;\n  border: none;\n  padding: 10px 20px;\n  border-radius: 4px;\n  cursor: pointer;\n  margin: 10px 5px 10px 0;\n}\n\n.test-case button:disabled {\n  background: #ccc;\n  cursor: not-allowed;\n}\n\n.output, .error {\n  margin: 10px 0;\n  padding: 10px;\n  border-radius: 4px;\n}\n\n.output {\n  background: #d4edda;\n  border: 1px solid #c3e6cb;\n  color: #155724;\n}\n\n.error {\n  background: #f8d7da;\n  border: 1px solid #f5c6cb;\n  color: #721c24;\n}\n\n.test-runner-container {\n  max-width: 1400px;\n  margin: 0 auto;\n  background: white;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\n}\n\n/* Header Styles */\n.test-runner-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 20px 24px;\n  background: /*linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/ white;\n  color: white;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n}\n\n.header-left, .header-right {\n  display: flex;\n  gap: 12px;\n  align-items: center;\n}\n\n.header-center {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.api-status {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.api-status-text {\n  color: #28a745;\n  font-weight: 500;\n  font-size: 0.9rem;\n}\n\n/* Button Styles */\n.btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 16px;\n  border: none;\n  border-radius: 8px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  text-decoration: none;\n  position: relative;\n}\n\n.btn:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n  transform: none !important;\n}\n\n.btn-primary {\n  color: black;\n  box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);\n}\n\n.btn-primary:hover:not(:disabled) {\n  transform: translateY(-1px);\n  box-shadow: 0 4px 8px rgba(59, 130, 246, 0.4);\n}\n\n.btn-secondary {\n  background: rgba(255, 255, 255, 0.2);\n  color: blue;\n  border: 1px solid rgba(255, 255, 255, 0.3);\n}\n\n.btn-secondary:hover:not(:disabled) {\n  background: rgba(255, 255, 255, 0.3);\n  transform: translateY(-1px);\n}\n\n.btn-outline {\n  background: transparent;\n  color: #6b7280;\n  border: 2px solid #e5e7eb;\n}\n\n.btn-outline:hover {\n  background: #f9fafb;\n  border-color: #d1d5db;\n  transform: translateY(-1px);\n}\n\n.btn-icon {\n  padding: 8px;\n  min-width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n}\n\n.btn-run {\n  color: white;\n}\n\n.btn-run:hover:not(:disabled) {\n  transform: translateY(-1px);\n}\n\n.btn-delete {\n  color: white;\n}\n\n.btn-delete:hover:not(:disabled) {\n  transform: translateY(-1px);\n}\n\n.icon {\n  font-size: 16px;\n}\n\n/* Main Content */\n.test-runner-content {\n  padding: 0;\n}\n\n/* Column Headers */\n.column-headers {\n  display: grid;\n  grid-template-columns: 1fr 1.5fr 0.5fr 120px;\n  gap: 1px;\n  background: #e5e7eb;\n  border-bottom: 2px solid #d1d5db;\n}\n\n.column-header {\n  background: #f8fafc;\n  padding: 16px 20px;\n  font-weight: 600;\n  color: #374151;\n  font-size: 14px;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n/* Test Cases */\n.test-cases {\n  background: white;\n}\n\n.test-case-row {\n  display: grid;\n  grid-template-columns: 1fr 1.5fr 0.5fr 120px;\n  gap: 1px;\n  border-bottom: 1px solid #e5e7eb;\n  min-height: 200px;\n}\n\n.test-case-row:hover {\n  background: #f9fafb;\n}\n\n/* Input Column */\n.input-column {\n  padding: 20px;\n  background: white;\n  border-right: 1px solid #e5e7eb;\n}\n\n.input-group {\n  margin-bottom: 16px;\n}\n\n.input-group label {\n  display: block;\n  margin-bottom: 8px;\n  font-weight: 500;\n  color: #374151;\n  font-size: 14px;\n}\n\n.input-group textarea {\n  width: 95%;\n  padding: 12px;\n  border: 2px solid #e5e7eb;\n  border-radius: 8px;\n  font-size: 14px;\n  resize: vertical;\n  outline: none;\n  transition: border-color 0.2s ease;\n  font-family: inherit;\n}\n\n.input-group textarea:focus {\n  border-color: #3b82f6;\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n}\n\n/* Keywords and Links */\n.keywords-group, .links-group {\n  margin-bottom: 16px;\n}\n\n.keywords-group label, .links-group label {\n  display: block;\n  margin-bottom: 8px;\n  font-weight: 500;\n  color: #374151;\n  font-size: 14px;\n}\n\n.tags-container, .links-container {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  align-items: center;\n}\n\n.tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: #dbeafe;\n  color: #1e40af;\n  padding: 4px 8px;\n  border-radius: 16px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.tag-remove {\n  background: none;\n  border: none;\n  color: #1e40af;\n  cursor: pointer;\n  font-size: 14px;\n  padding: 0;\n  width: 16px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n}\n\n.tag-remove:hover {\n  background: rgba(30, 64, 175, 0.1);\n}\n\n.link-item {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  background: #f0f9ff;\n  padding: 4px 8px;\n  border-radius: 6px;\n  font-size: 12px;\n}\n\n.link-item a {\n  color: #0369a1;\n  text-decoration: none;\n  max-width: 200px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.link-item a:hover {\n  text-decoration: underline;\n}\n\n.link-remove {\n  background: none;\n  border: none;\n  color: #0369a1;\n  cursor: pointer;\n  font-size: 12px;\n  padding: 0;\n  width: 16px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n}\n\n.link-remove:hover {\n  background: rgba(3, 105, 161, 0.1);\n}\n\n.tags-container input, .links-container input {\n  border: 1px solid #d1d5db;\n  border-radius: 6px;\n  padding: 6px 8px;\n  font-size: 12px;\n  outline: none;\n  min-width: 120px;\n}\n\n.tags-container input:focus, .links-container input:focus {\n  border-color: #3b82f6;\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);\n}\n\n/* Output Column */\n.output-column {\n  padding: 20px;\n  background: white;\n  border-right: 1px solid #e5e7eb;\n  display: flex;\n  flex-direction: column;\n}\n\n.output-content {\n  background: #f8fafc;\n  border: 1px solid #e5e7eb;\n  border-radius: 8px;\n  padding: 16px;\n  font-size: 14px;\n  line-height: 1.6;\n  color: #374151;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  flex: 1;\n  overflow-y: auto;\n  max-height: 250px;\n  overflow-x: scroll;\n}\n\n.output-placeholder {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #9ca3af;\n  font-style: italic;\n  flex: 1;\n  background: #f9fafb;\n  border: 2px dashed #d1d5db;\n  border-radius: 8px;\n}\n\n/* Evaluation Column */\n.evaluation-column {\n  padding: 20px;\n  background: white;\n  border-right: 1px solid #e5e7eb;\n  display: flex;\n  flex-direction: column;\n}\n\n.evaluation-content {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  flex: 1;\n}\n\n.score-display {\n  text-align: center;\n}\n\n.score-number {\n  font-size: 24px;\n  font-weight: 700;\n  color: #111827;\n  display: block;\n  margin-bottom: 8px;\n}\n\n.score-bar {\n  width: 100%;\n  height: 8px;\n  background: #e5e7eb;\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.score-fill {\n  height: 100%;\n  background: linear-gradient(90deg, #ef4444 0%, #f59e0b 50%, #10b981 100%);\n  transition: width 0.3s ease;\n}\n\n.evaluation-details {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.detail-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n}\n\n.status {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: bold;\n}\n\n.status.pass {\n  background: #dcfce7;\n  color: #166534;\n}\n\n.status.fail {\n  background: #fef2f2;\n  color: #dc2626;\n}\n\n.evaluation-text {\n  font-size: 12px;\n  color: #6b7280;\n  line-height: 1.4;\n  background: #f9fafb;\n  padding: 8px;\n  border-radius: 6px;\n  border: 1px solid #e5e7eb;\n}\n\n.evaluation-placeholder {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #9ca3af;\n  font-style: italic;\n  flex: 1;\n  background: #f9fafb;\n  border: 2px dashed #d1d5db;\n  border-radius: 8px;\n}\n\n/* New evaluation result styles */\n.evaluation-result {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.evaluation-status {\n  font-weight: 600;\n  font-size: 14px;\n  padding: 8px 12px;\n  border-radius: 4px;\n  text-align: center;\n}\n\n.evaluation-status.passed {\n  background: #d4edda;\n  color: #155724;\n  border: 1px solid #c3e6cb;\n}\n\n.evaluation-status.failed {\n  background: #f8d7da;\n  color: #721c24;\n  border: 1px solid #f5c6cb;\n}\n\n.evaluation-score {\n  font-size: 12px;\n  color: #495057;\n  text-align: center;\n  font-weight: 500;\n}\n\n.evaluation-feedback {\n  font-size: 12px;\n  color: #6c757d;\n  background: #f8f9fa;\n  padding: 8px;\n  border-radius: 4px;\n  border: 1px solid #dee2e6;\n}\n\n/* Actions Column */\n.actions-column {\n  padding: 20px;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: center;\n  justify-content: flex-start;\n  align-self: flex-start;\n}\n\n/* Add Test Case */\n.add-test-case {\n  padding: 24px;\n  text-align: center;\n  background: #f9fafb;\n  border-top: 1px solid #e5e7eb;\n}\n\n.hidden {\n  display: none;\n}\n\n.error-message {\n  background: #ffeaea;\n  color: #b71c1c;\n  border: 1px solid #f44336;\n  padding: 0.75em 2.5em 0.75em 1em;\n  border-radius: 4px;\n  margin: 1em 0;\n  position: relative;\n  font-size: 1em;\n  display: flex;\n  align-items: center;\n  gap: 1em;\n}\n\n.error-close {\n  background: none;\n  border: none;\n  color: #b71c1c;\n  font-size: 1.25em;\n  font-weight: bold;\n  cursor: pointer;\n  position: absolute;\n  right: 0.75em;\n  top: 50%;\n  transform: translateY(-50%);\n  line-height: 1;\n  padding: 0;\n}\n\n/* Responsive Design */\n@media (max-width: 1200px) {\n  .test-case-row {\n    grid-template-columns: 1fr;\n    gap: 0;\n  }\n  \n  .column-headers {\n    display: none;\n  }\n  \n  .input-column, .output-column, .evaluation-column, .actions-column {\n    border-right: none;\n    border-bottom: 1px solid #e5e7eb;\n  }\n  \n  .actions-column {\n    flex-direction: row;\n    justify-content: center;\n  }\n}\n\n@media (max-width: 768px) {\n  .test-runner-header {\n    flex-direction: column;\n    gap: 16px;\n    padding: 16px;\n  }\n  \n  .header-left, .header-right {\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n  \n  .btn {\n    font-size: 12px;\n    padding: 8px 12px;\n  }\n  \n  .input-column, .output-column, .evaluation-column, .actions-column {\n    padding: 16px;\n  }\n  \n  .test-case-row {\n    min-height: auto;\n  }\n}";
-
-const LLMTestRunner = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.llmRequest = index.createEvent(this, "llmRequest");
-    }
-    llmRequest;
-    delayMs = 500;
-    testCases = [
-        {
-            id: '1',
-            question: '',
-            expectedKeywords: [],
-            expectedSourceLinks: [],
-            isRunning: false
-        }
-    ];
-    isRunningAll = false;
-    error = '';
-    fileInput;
-    isExportingTestSuite = false;
-    isExportingTestResults = false;
-    evaluationEngine;
-    componentWillLoad() {
-        this.evaluationEngine = new LLMEvaluationEngine();
-    }
-    componentDidLoad() {
-    }
-    disconnectedCallback() {
-    }
-    addNewTestCase() {
-        const newTestCase = {
-            id: this.generateId(),
-            question: '',
-            expectedKeywords: [],
-            expectedSourceLinks: [],
-            isRunning: false
-        };
-        this.testCases = [...this.testCases, newTestCase];
-    }
-    updateTestCase(id, updates) {
-        this.testCases = this.testCases.map(tc => tc.id === id ? { ...tc, ...updates } : tc);
-    }
-    async runSingleTest(testCase) {
-        console.log('🚀 Starting test for question:', testCase.question);
-        const startTime = Date.now();
-        this.updateTestCase(testCase.id, { isRunning: true });
-        return new Promise((resolve, reject) => {
-            this.llmRequest.emit({
-                prompt: testCase.question,
-                resolve: async (aiResponse) => {
-                    console.log('✅ AI call completed for test case:', testCase.id);
-                    const endTime = Date.now();
-                    const responseTime = endTime - startTime;
-                    this.updateTestCase(testCase.id, {
-                        isRunning: false,
-                        output: aiResponse,
-                        error: null,
-                        responseTime: responseTime
-                    });
-                    await this.evaluateResponse({
-                        ...testCase,
-                        output: aiResponse,
-                        responseTime: responseTime
-                    });
-                    resolve();
-                },
-                reject: (error) => {
-                    console.error('❌ Error in runSingleTest:', error);
-                    this.updateTestCase(testCase.id, {
-                        isRunning: false,
-                        output: null,
-                        error: error instanceof Error ? error.message : 'Unknown error'
-                    });
-                    reject(error);
-                }
-            });
-        });
-    }
-    deleteTestCase(id) {
-        this.testCases = this.testCases.filter(tc => tc.id !== id);
-    }
-    addKeyword(testCaseId, keyword) {
-        if (keyword.trim()) {
-            const testCase = this.testCases.find(tc => tc.id === testCaseId);
-            if (testCase) {
-                this.updateTestCase(testCaseId, {
-                    expectedKeywords: [...testCase.expectedKeywords, keyword.trim()]
-                });
-            }
-        }
-    }
-    removeKeyword(testCaseId, index) {
-        const testCase = this.testCases.find(tc => tc.id === testCaseId);
-        if (testCase) {
-            const newKeywords = testCase.expectedKeywords.filter((_, i) => i !== index);
-            this.updateTestCase(testCaseId, { expectedKeywords: newKeywords });
-        }
-    }
-    addSourceLink(testCaseId, link) {
-        if (link.trim()) {
-            const testCase = this.testCases.find(tc => tc.id === testCaseId);
-            if (testCase) {
-                this.updateTestCase(testCaseId, {
-                    expectedSourceLinks: [...testCase.expectedSourceLinks, link.trim()]
-                });
-            }
-        }
-    }
-    removeSourceLink(testCaseId, index) {
-        const testCase = this.testCases.find(tc => tc.id === testCaseId);
-        if (testCase) {
-            const newLinks = testCase.expectedSourceLinks.filter((_, i) => i !== index);
-            this.updateTestCase(testCaseId, { expectedSourceLinks: newLinks });
-        }
-    }
-    async evaluateResponse(testCase) {
-        if (!testCase.output) {
-            console.warn('⚠️ No output to evaluate for test case:', testCase.id);
-            return;
-        }
-        const evaluationRequest = {
-            testCaseId: testCase.id,
-            question: testCase.question,
-            expectedKeywords: testCase.expectedKeywords,
-            expectedSourceLinks: testCase.expectedSourceLinks,
-            actualResponse: testCase.output
-        };
-        await this.evaluationEngine.evaluateResponse(evaluationRequest, (result) => {
-            console.log('📊 Evaluation result received:', result);
-            this.updateTestCase(testCase.id, {
-                evaluationResult: result
-            });
-        });
-    }
-    async runAllTests() {
-        this.isRunningAll = true;
-        const tasks = [];
-        for (const testCase of this.testCases) {
-            if (!testCase.isRunning && testCase.question.trim()) {
-                tasks.push(() => this.runSingleTest(testCase).catch(err => {
-                    console.error(`⚠️ Test case ${testCase.id} failed`, err);
-                }));
-            }
-        }
-        try {
-            const fetcher = new RateLimitedFetcher(this.delayMs);
-            await fetcher.runAll(tasks);
-        }
-        catch (err) {
-            console.error('⚠️ Error running all tests:', err);
-        }
-        this.isRunningAll = false;
-    }
-    generateId() {
-        return v4();
-    }
-    handleFileSelect() {
-        this.fileInput.click();
-    }
-    async handleFileChange(event) {
-        const target = event.target;
-        const file = target.files?.[0];
-        // Immediately clear the input value to allow for a new upload.
-        target.value = '';
-        if (!file) {
-            this.error = 'No file selected.';
-            return;
-        }
-        const isJsonType = file.type === 'application/json';
-        const isJsonExtension = file.name.toLowerCase().endsWith('.json');
-        if (!isJsonType && !isJsonExtension) {
-            this.error = 'Invalid file type. Please select a JSON file.';
-            return;
-        }
-        this.error = '';
-        try {
-            const content = await this.readFileAsync(file);
-            const fileContent = JSON.parse(content);
-            if (!Array.isArray(fileContent)) {
-                throw new Error("Invalid JSON structure. Expected a JSON array.");
-            }
-            const importedTestCases = fileContent.map((item) => ({
-                id: this.generateId(),
-                question: item.question || '',
-                expectedKeywords: Array.isArray(item.expectedKeywords) ? item.expectedKeywords : [],
-                expectedSourceLinks: Array.isArray(item.expectedSourceLinks) ? item.expectedSourceLinks : [],
-                isRunning: false
-            }));
-            this.testCases = importedTestCases;
-        }
-        catch (err) {
-            this.error = err?.message || 'Error processing file. Please ensure it is a valid JSON array.';
-            console.error('File Processing Error:', err);
-        }
-    }
-    readFileAsync(file) {
-        return new Promise((resolve, reject) => {
-            const reader = new FileReader();
-            reader.onload = () => resolve(reader.result);
-            reader.onerror = () => reject(reader.error);
-            reader.readAsText(file);
-        });
-    }
-    downloadFile(content, filename, mimeType) {
-        const blob = new Blob([content], { type: mimeType });
-        const url = URL.createObjectURL(blob);
-        const link = document.createElement('a');
-        link.href = url;
-        link.download = filename;
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-        URL.revokeObjectURL(url);
-    }
-    async handleExportTestSuite() {
-        this.isExportingTestSuite = true;
-        try {
-            // Exporting only input data (question, expected keywords, expected source links)
-            const exportData = this.testCases.map(testCase => ({
-                id: testCase.id,
-                question: testCase.question,
-                expectedKeywords: testCase.expectedKeywords,
-                expectedSourceLinks: testCase.expectedSourceLinks
-            }));
-            const jsonContent = JSON.stringify(exportData, null, 2);
-            // Added a small delay to show the loading state
-            await new Promise(resolve => setTimeout(resolve, 500));
-            this.downloadFile(jsonContent, 'test-suite.json', 'application/json');
-        }
-        finally {
-            this.isExportingTestSuite = false;
-        }
-    }
-    async handleExportTestResults() {
-        this.isExportingTestResults = true;
-        try {
-            // Create CSV content with the required fields
-            const csvRows = [];
-            // Add header row
-            const headers = [
-                'Question',
-                'Expected Keywords',
-                'Generated Keywords',
-                'Keywords Match',
-                'Expected Source Links',
-                'Generated Source Links',
-                'Source Links Match',
-                'Response Time (s)'
-            ];
-            csvRows.push(headers.join(','));
-            // Add data rows
-            this.testCases.forEach(testCase => {
-                const expectedKeywords = testCase.expectedKeywords.join('; ');
-                const expectedSourceLinks = testCase.expectedSourceLinks.join('; ');
-                let generatedKeywords = '';
-                let generatedSourceLinks = '';
-                let keywordsMatch = '';
-                let sourceLinksMatch = '';
-                if (testCase.evaluationResult) {
-                    const foundKeywords = testCase.evaluationResult.keywordMatches
-                        .filter(match => match.found)
-                        .map(match => match.keyword);
-                    const foundSourceLinks = testCase.evaluationResult.sourceLinkMatches
-                        .filter(match => match.found)
-                        .map(match => match.link);
-                    generatedKeywords = foundKeywords.join('; ');
-                    generatedSourceLinks = foundSourceLinks.join('; ');
-                    // Calculate match percentages
-                    const keywordMatchCount = testCase.evaluationResult.keywordMatches.filter(m => m.found).length;
-                    const totalKeywords = testCase.evaluationResult.keywordMatches.length;
-                    const sourceLinkMatchCount = testCase.evaluationResult.sourceLinkMatches.filter(m => m.found).length;
-                    const totalSourceLinks = testCase.evaluationResult.sourceLinkMatches.length;
-                    keywordsMatch = totalKeywords > 0 ? `${keywordMatchCount}/${totalKeywords}` : 'N/A';
-                    sourceLinksMatch = totalSourceLinks > 0 ? `${sourceLinkMatchCount}/${totalSourceLinks}` : 'N/A';
-                }
-                const responseTime = testCase.responseTime ? (testCase.responseTime / 1000).toFixed(3) : 'N/A';
-                const row = [
-                    this.escapeCsvField(testCase.question),
-                    this.escapeCsvField(expectedKeywords),
-                    this.escapeCsvField(generatedKeywords),
-                    keywordsMatch,
-                    this.escapeCsvField(expectedSourceLinks),
-                    this.escapeCsvField(generatedSourceLinks),
-                    sourceLinksMatch,
-                    responseTime
-                ];
-                csvRows.push(row.join(','));
-            });
-            const csvContent = csvRows.join('\n');
-            // Added a small delay to show the loading state
-            await new Promise(resolve => setTimeout(resolve, 500));
-            this.downloadFile(csvContent, 'test-results.csv', 'text/csv');
-        }
-        finally {
-            this.isExportingTestResults = false;
-        }
-    }
-    escapeCsvField(field) {
-        if (field.includes(',') || field.includes('"') || field.includes('\n')) {
-            return `"${field.replace(/"/g, '""')}"`;
-        }
-        return field;
-    }
-    render() {
-        return (index.h("div", { key: 'beb2ab78108fede00c5d759d1ac5c98ae7f037d0', class: "test-runner-container" }, index.h("header", { key: 'd09b424069227500ffffcab8724b48d91705baab', class: "test-runner-header" }, index.h("div", { key: '368ef117a1c2cc0be0446e2d373e38e0af1c2040', class: "header-left" }, index.h("input", { key: '74346a634b36e9d04f75817495834983d970306c', class: "hidden", type: "file", ref: (el) => (this.fileInput = el), onChange: (e) => this.handleFileChange(e), accept: ".json,application/json" }), index.h("button", { key: 'e095ff9de105cb281e60f70de02fb0de8a0f6478', class: "btn btn-secondary", onClick: () => this.handleFileSelect() }, index.h("span", { key: '6f828f297867ae54baf1f89c9dbce611eba2056a', class: "icon" }, "\u2191"), "Import Test Suite"), index.h("button", { key: '5682dc8f70edac9fdf33b394677a6859555c039b', class: "btn btn-secondary", onClick: () => this.handleExportTestSuite(), disabled: this.isExportingTestSuite }, index.h("span", { key: 'a1e8d3170ce39e499160e578e3e02d39cd0da9d7', class: "icon" }, this.isExportingTestSuite ? '⏳' : '↓'), this.isExportingTestSuite ? 'Exporting...' : 'Export Test Suite')), index.h("div", { key: 'af96ea230b04f4f6ce8e3488a1f8f7f2a01e74c0', class: "header-right" }, index.h("button", { key: 'a90bfb3421f5e2e5112b3642ddf81cf19372e0ad', class: "btn btn-secondary" }, index.h("span", { key: '79611828e5dc1ad53998a74fca10a1a05c5d2a4e', class: "icon" }, "\u2699\uFE0F"), "Prompt Editor"), index.h("button", { key: '451367ce26183a58add0902e1de2d29b4933add4', class: "btn btn-secondary", onClick: () => this.handleExportTestResults(), disabled: this.isExportingTestResults }, index.h("span", { key: '11f791f2071b58e0800d14ac7e6bebba67421449', class: "icon" }, this.isExportingTestResults ? '⏳' : '↓'), this.isExportingTestResults ? 'Exporting...' : 'Export Test Results'), index.h("button", { key: '3cbf7626ccc5f171cdc6fd7ce3750ea3786218aa', class: "btn btn-primary", onClick: () => this.runAllTests(), disabled: this.isRunningAll }, this.isRunningAll ? 'Running...' : 'Run All'))), index.h(ErrorMessage, { key: 'ffdd72a1db1f45c5db158d2df0be64dc978fa930', message: this.error, onClear: () => (this.error = '') }), index.h("div", { key: '64edd5c84c4b566f90d1860f6d6bf5aeafb7ae0f', class: "test-runner-content" }, index.h("div", { key: '4be27d07a13d88611b5fc54b05e826c790fd2145', class: "column-headers" }, index.h("div", { key: 'eeb9ace5e63b80359d2decb1b42461f77cfe98cf', class: "column-header" }, "Input"), index.h("div", { key: 'c70cc5af0aaca2636eee298dfaa4da81799df6cf', class: "column-header" }, "Output"), index.h("div", { key: '9ca69fddafe7267bf5b8b12601e2cf64d65a58e1', class: "column-header" }, "Evaluation"), index.h("div", { key: 'b800841828c22a6aad0345e58b47f71469594792', class: "column-header" }, "Actions")), index.h("div", { key: 'da186e25c2111474f65b89a017158bffdbc83e03', class: "test-cases" }, this.testCases.map((testCase) => (index.h("div", { class: "test-case-row", key: testCase.id }, index.h("div", { class: "input-column" }, index.h("div", { class: "input-group" }, index.h("label", null, "Question"), index.h("textarea", { value: testCase.question, onInput: (e) => this.updateTestCase(testCase.id, {
-                question: e.target.value
-            }), placeholder: "Enter your question here...", rows: 3 })), index.h("div", { class: "keywords-group" }, index.h("label", null, "Expected keywords"), index.h("div", { class: "tags-container" }, testCase.expectedKeywords.map((keyword, index$1) => (index.h("span", { class: "tag", key: index$1 }, keyword, index.h("button", { class: "tag-remove", onClick: () => this.removeKeyword(testCase.id, index$1) }, "\u00D7")))), index.h("input", { type: "text", placeholder: "New item...", onKeyDown: (e) => {
-                if (e.key === 'Enter') {
-                    this.addKeyword(testCase.id, e.target.value);
-                    e.target.value = '';
-                }
-            } }))), index.h("div", { class: "links-group" }, index.h("label", null, "Expected source links"), index.h("div", { class: "links-container" }, testCase.expectedSourceLinks.map((link, index$1) => (index.h("div", { class: "link-item", key: index$1 }, index.h("a", { href: link, target: "_blank", rel: "noopener noreferrer" }, link), index.h("button", { class: "link-remove", onClick: () => this.removeSourceLink(testCase.id, index$1) }, "\u00D7")))), index.h("input", { type: "url", placeholder: "New item...", onKeyDown: (e) => {
-                if (e.key === 'Enter') {
-                    this.addSourceLink(testCase.id, e.target.value);
-                    e.target.value = '';
-                }
-            } })))), index.h("div", { class: "output-column" }, testCase.output ? (index.h("div", { class: "output-content" }, testCase.output)) : (index.h("div", { class: "output-placeholder" }, testCase.isRunning ? 'Running...' : ''))), index.h("div", { class: "evaluation-column" }, testCase.evaluationResult ? (index.h("div", { class: "evaluation-result" }, index.h("div", { class: `evaluation-status ${testCase.evaluationResult.passed ? 'passed' : 'failed'}` }, testCase.evaluationResult.passed ? '✅ PASSED' : '❌ FAILED'), index.h("div", { class: "evaluation-details" }, "Keywords: ", testCase.evaluationResult.keywordMatches.filter(m => m.found).length, "/", testCase.evaluationResult.keywordMatches.length, " found"))) : (index.h("div", { class: "evaluation-placeholder" }, testCase.isRunning ? 'Evaluating...' : ''))), index.h("div", { class: "actions-column" }, index.h("button", { class: "btn btn-icon btn-run", onClick: () => this.runSingleTest(testCase), disabled: testCase.isRunning || !testCase.question.trim(), title: !testCase.question.trim() ? "Enter a question first" : "Run this test" }, testCase.isRunning ? '⏳' : '▶️'), index.h("button", { class: "btn btn-icon btn-delete", onClick: () => this.deleteTestCase(testCase.id), title: "Delete this test" }, "\uD83D\uDDD1\uFE0F")))))), index.h("div", { key: '2d4446b15a31adfbaf88b3d46fcbb3cf314f8861', class: "add-test-case" }, index.h("button", { key: '737e9d856db0f9090923bef718bb9bfde974b950', class: "btn btn-outline", onClick: () => this.addNewTestCase() }, "+ Add Question")))));
-    }
-};
-LLMTestRunner.style = llmTestRunnerCss;
-
-exports.LLMTestRunner = LLMTestRunner;
+exports.LLMTestRunner = index.LLMTestRunner;
 //# sourceMappingURL=index.cjs.js.map
+
+//# sourceMappingURL=index.cjs.js.map