18 lines
3.4 KiB
JavaScript
18 lines
3.4 KiB
JavaScript
|
import { c as create_ssr_component, d as add_attribute, f as escape } from "../../../chunks/ssr.js";
|
||
|
|
const Page = create_ssr_component(($$result, $$props, $$bindings, slots) => {
|
||
|
|
let baselineName = "";
|
||
|
|
return `<div class="max-w-6xl mx-auto animate-fade-in"> <div class="mb-6" data-svelte-h="svelte-1qy69jy"><h1 class="text-2xl font-bold text-surface-800">Model Drift Monitor</h1> <p class="text-surface-600 mt-1">Detect distribution shifts in your ML features using PSI and Kolmogorov-Smirnov tests</p></div> <div class="grid grid-cols-1 lg:grid-cols-3 gap-4"> <div class="card p-4"><h2 class="text-base font-bold text-surface-800 mb-3" data-svelte-h="svelte-11ve9pg">Configuration</h2> <div class="flex flex-col gap-1 mb-4 p-1 bg-surface-100 rounded-lg"><button class="${"py-2 px-3 text-sm font-medium rounded-md transition-all " + escape(
|
||
|
|
"bg-white text-primary-600 shadow-sm",
|
||
|
|
true
|
||
|
|
)}">1. Upload Baseline</button> <button class="${"py-2 px-3 text-sm font-medium rounded-md transition-all " + escape(
|
||
|
|
"text-surface-500 hover:text-surface-700",
|
||
|
|
true
|
||
|
|
)}">2. Analyze vs Baseline</button> <button class="${"py-2 px-3 text-sm font-medium rounded-md transition-all " + escape(
|
||
|
|
"text-surface-500 hover:text-surface-700",
|
||
|
|
true
|
||
|
|
)}">3. Quick Compare</button></div> ${`<div class="space-y-4"><div><label class="label" data-svelte-h="svelte-1tvwlj4">Baseline Name (optional)</label> <input type="text" placeholder="e.g., Training Data v1.0" class="input"${add_attribute("value", baselineName, 0)}></div> <div class="border-2 border-dashed border-surface-300 rounded-xl p-6 text-center hover:border-primary-400 transition-colors cursor-pointer" role="button" tabindex="0"><input type="file" accept=".csv,.json" class="hidden" id="baseline-input"> <label for="baseline-input" class="cursor-pointer" data-svelte-h="svelte-9rlcao"><div class="w-12 h-12 rounded-xl bg-blue-100 flex items-center justify-center mx-auto mb-3"><svg class="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"></path></svg></div> <p class="text-sm text-surface-600"><span class="text-primary-600 font-medium">Upload baseline</span> dataset</p> <p class="text-xs text-surface-400 mt-1">CSV or JSON files</p></label></div> ${``} <button ${"disabled"} class="btn-primary w-full disabled:opacity-50">${escape("Upload Baseline")}</button> ${``}</div>`} ${``}</div> <div class="lg:col-span-2 card p-4"><h2 class="text-base font-bold text-surface-800 mb-3" data-svelte-h="svelte-2kssj7">Drift Analysis Results</h2> ${`<div class="text-center py-12" data-svelte-h="svelte-1noy1zn"><div class="w-16 h-16 rounded-2xl bg-surface-100 flex items-center justify-center mx-auto mb-4"><svg class="w-8 h-8 text-surface-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path></svg></div> <p class="text-surface-500 mb-2">Upload a baseline first, then compare with production data</p> <p class="text-xs text-surface-400">Or use Quick Compare to analyze two files directly</p></div>`}</div></div></div>`;
|
||
|
|
});
|
||
|
|
export {
|
||
|
|
Page as default
|
||
|
|
};
|