51 lines
4.3 KiB
JavaScript
51 lines
4.3 KiB
JavaScript
|
import { c as create_ssr_component, e as each, d as add_attribute, f as escape } from "../../chunks/ssr.js";
|
||
|
|
const Page = create_ssr_component(($$result, $$props, $$bindings, slots) => {
|
||
|
|
const tools = [
|
||
|
|
{
|
||
|
|
name: "Inference Estimator",
|
||
|
|
description: "Calculate AI API costs before deployment",
|
||
|
|
status: "ready",
|
||
|
|
path: "/inference-estimator"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "Data Integrity Audit",
|
||
|
|
description: "Clean and validate your datasets",
|
||
|
|
status: "ready",
|
||
|
|
path: "/data-audit"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "Privacy Scanner",
|
||
|
|
description: "Detect and remove PII from data",
|
||
|
|
status: "ready",
|
||
|
|
path: "/privacy-scanner"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "Model Drift Monitor",
|
||
|
|
description: "Track model performance over time",
|
||
|
|
status: "coming",
|
||
|
|
path: "/drift-monitor"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "Vendor Cost Tracker",
|
||
|
|
description: "Aggregate API spending across providers",
|
||
|
|
status: "coming",
|
||
|
|
path: "/cost-tracker"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "Security Tester",
|
||
|
|
description: "Test AI endpoints for vulnerabilities",
|
||
|
|
status: "coming",
|
||
|
|
path: "/security-tester"
|
||
|
|
}
|
||
|
|
];
|
||
|
|
return `<div class="max-w-6xl mx-auto"> <header class="mb-8" data-svelte-h="svelte-10xuviy"><h1 class="text-3xl font-bold text-gray-900">AI Tools Suite Dashboard</h1> <p class="text-gray-600 mt-2">14 essential tools for managing AI/ML systems in production</p></header> <div class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-8" data-svelte-h="svelte-1tskwmk"><div class="card p-4"><p class="text-sm text-surface-700 font-medium">Total Tools</p> <p class="text-2xl font-bold text-gray-900">14</p></div> <div class="card p-4"><p class="text-sm text-surface-700 font-medium">Phase 1 Ready</p> <p class="text-2xl font-bold text-green-600">3</p></div> <div class="card p-4"><p class="text-sm text-surface-700 font-medium">Coming Soon</p> <p class="text-2xl font-bold text-yellow-600">11</p></div> <div class="card p-4"><p class="text-sm text-surface-700 font-medium">API Status</p> <p class="text-2xl font-bold text-green-600">Online</p></div></div> <h2 class="text-xl font-semibold text-surface-800 mb-4" data-svelte-h="svelte-1psqbs7">Quick Access</h2> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">${each(tools, (tool) => {
|
||
|
|
return `<a${add_attribute("href", tool.path, 0)} class="${"card p-5 hover:shadow-elevated transition-shadow border-l-4 " + escape(
|
||
|
|
tool.status === "ready" ? "border-green-500" : "border-yellow-500",
|
||
|
|
true
|
||
|
|
)}"><div class="flex justify-between items-start"><h3 class="font-semibold text-surface-800">${escape(tool.name)}</h3> ${tool.status === "ready" ? `<span class="text-xs bg-green-100 text-green-700 px-2 py-1 rounded-lg font-medium" data-svelte-h="svelte-1m6hj97">Ready</span>` : `<span class="text-xs bg-yellow-100 text-yellow-700 px-2 py-1 rounded-lg font-medium" data-svelte-h="svelte-13kgyb7">Coming</span>`}</div> <p class="text-sm text-surface-600 mt-2">${escape(tool.description)}</p> </a>`;
|
||
|
|
})}</div> <div class="mt-8 card p-6" data-svelte-h="svelte-ksjuo2"><h2 class="text-xl font-semibold text-surface-800 mb-4">Development Roadmap</h2> <div class="space-y-3"><div class="flex items-center gap-3"><div class="w-3 h-3 bg-green-500 rounded-full"></div> <span class="text-sm text-surface-700"><strong>Phase 1:</strong> Foundation - Inference Estimator, Data Audit, Privacy Scanner</span></div> <div class="flex items-center gap-3"><div class="w-3 h-3 bg-yellow-500 rounded-full"></div> <span class="text-sm text-surface-700"><strong>Phase 2:</strong> Monitoring - Drift Monitor, Cost Tracker, Profitability</span></div> <div class="flex items-center gap-3"><div class="w-3 h-3 bg-surface-300 rounded-full"></div> <span class="text-sm text-surface-700"><strong>Phase 3:</strong> Security - Security Tester, Data History, Bias Checks</span></div> <div class="flex items-center gap-3"><div class="w-3 h-3 bg-surface-300 rounded-full"></div> <span class="text-sm text-surface-700"><strong>Phase 4:</strong> Quality - Label Quality, Model Comparator</span></div> <div class="flex items-center gap-3"><div class="w-3 h-3 bg-surface-300 rounded-full"></div> <span class="text-sm text-surface-700"><strong>Phase 5:</strong> Analytics - Content Performance, Emergency Control, Reports</span></div></div></div></div>`;
|
||
|
|
});
|
||
|
|
export {
|
||
|
|
Page as default
|
||
|
|
};
|