https://optraflow.com/assets/TestSuiteListNew-lFS5tl8X.js

1import{r as f,j as e}from"./vendor-7EzcLXMk.js";import{au as n,P as i,bH as m,bg as u,I as p,G as h,w as g,aI as b}from"./icons-Bl3RYITO.js";const y=()=>{const[o,a]=f.useState(null),d=[],x=t=>({Generated:"bg-amber-100 text-amber-800 border-amber-200",Running:"bg-blue-100 text-blue-800 border-blue-200",Failed:"bg-red-100 text-red-800 border-red-200",Passed:"bg-emerald-100 text-emerald-800 border-emerald-200"})[t]??"bg-gray-100 text-gray-800 border-gray-200",c=t=>{a(r=>r===t?null:t)},s=(t,r)=>{a(null)};return e.jsx("div",{className:"min-h-screen bg-background",children:e.jsxs("main",{className:"mx-auto px-2 sm:px-2 lg:px-2 py-6",children:[e.jsx("div",{className:"hidden lg:block",children:e.jsx("div",{className:"bg-card rounded-xl shadow-sm border border-border overflow-hidden",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{className:"bg-slate-50 border-b border-slate-200",children:e.jsxs("tr",{children:[e.jsx("th",{className:"px-6 py-4 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",children:"Test Suite"}),e.jsx("th",{className:"px-6 py-4 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",children:"Status"}),e.jsx("th",{className:"px-6 py-4 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",children:"Environment"}),e.jsx("th",{className:"px-6 py-4 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",children:"Tags"}),e.jsx("th",{className:"px-6 py-4 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",children:"Created"}),e.jsx("th",{className:"px-6 py-4 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",children:"Actions"})]})}),e.jsx("tbody",{className:"divide-y divide-border",children:d.map(t=>e.jsxs("tr",{className:"hover:bg-muted/30 transition-colors",children:[e.jsx("td",{className:"px-6 py-4",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-10 h-10 bg-green-100 rounded-lg flex items-center justify-center flex-shrink-0",children:e.jsx(n,{className:"w-5 h-5 text-green-700"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium text-foreground",children:t.name}),e.jsxs("p",{className:"text-xs text-muted-foreground font-mono",children:["ID: ",t.id.slice(0,8),"..."]})]})]})}),e.jsx("td",{className:"px-6 py-4",children:e.jsx("span",{className:`inline-flex items-center px-3 py-1 rounded-full text-xs font-medium border ${x(t.status)}`,children:t.status})}),e.jsx("td",{className:"px-6 py-4",children:e.jsx("span",{className:"text-sm text-foreground",children:t.environment})}),e.jsx("td",{className:"px-6 py-4",children:e.jsx("div",{className:"flex flex-wrap gap-1",children:t.tags.length>0?t.tags.map((r,l)=>e.jsx("span",{className:"px-2 py-0.5 bg-muted text-muted-foreground rounded text-xs font-medium",children:r},`${t.id}-tag-${l}`)):e.jsx("span",{className:"text-xs text-muted-foreground",children:"—"})})}),e.jsx("td",{className:"px-6 py-4",children:e.jsxs("span",{className:"text-sm text-muted-foreground",children:["abc ",t.createdAt]})}),e.jsx("td",{className:"px-6 py-4",children:e.jsxs("div",{className:"flex items-center justify-end gap-2",children:[e.jsx("button",{type:"button",onClick:()=>s(),className:"p-2 text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors",title:"Execute test suite",children:e.jsx(i,{className:"w-4 h-4"})}),e.jsx("button",{type:"button",onClick:()=>s(),className:"p-2 text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors",title:"Edit test suite",children:e.jsx(m,{className:"w-4 h-4"})}),e.jsxs("div",{className:"relative",children:[e.jsx("button",{type:"button",onClick:()=>c(t.id),className:"p-2 text-muted-foreground hover:text-foreground hover:bg-muted rounded-lg transition-colors",title:"More options",children:e.jsx(u,{className:"w-4 h-4"})}),o===t.id&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fixed inset-0 z-10",onClick:()=>a(null)}),e.jsxs("div",{className:"absolute right-0 mt-2 w-48 bg-background rounded-lg shadow-md border border-border py-1 z-20",children:[e.jsxs("button",{type:"button",onClick:()=>s(),className:"w-full px-4 py-2 text-left text-sm text-foreground hover:bg-muted flex items-center gap-3",children:[e.jsx(p,{className:"w-4 h-4"}),"Duplicate"]}),e.jsxs("button",{type:"button",onClick:()=>s(),className:"w-full px-4 py-2 text-left text-sm text-foreground hover:bg-muted flex items-center gap-33",children:[e.jsx(h,{className:"w-4 h-4"}

1),"CI/CD"]}),e.jsxs("button",{type:"button",onClick:()=>s(),className:"w-full px-4 py-2 text-left text-sm text-foreground hover:bg-muted flex items-center gap-3",children:[e.jsx(g,{className:"w-4 h-4"}),"Reports"]}),e.jsx("div",{className:"border-t border-border my-1"}),e.jsxs("button",{type:"button",onClick:()=>s(),className:"w-full px-4 py-2 text-left text-sm text-red-600 hover:bg-red-50 flex items-center gap-3",children:[e.jsx(b,{className:"w-4 h-4"}),"Delete"]})]})]})]})]})})]},t.id))})]})})}),e.jsx("div",{className:"lg:hidden space-y-4",children:d.map(t=>e.jsxs("div",{className:"bg-card rounded-xl border border-border overflow-hidden transition-shadow hover:shadow-sm",children:[e.jsx("div",{className:"p-4 border-b border-border",children:e.jsxs("div",{className:"flex items-start justify-between gap-3",children:[e.jsxs("div",{className:"flex items-start gap-3 flex-1 min-w-0",children:[e.jsx("div",{className:"w-10 h-10 bg-green-100 rounded-lg flex items-center justify-center flex-shrink-0",children:e.jsx(n,{className:"w-5 h-5 text-green-700"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("h3",{className:"text-sm font-medium text-foreground truncate",children:t.name}),e.jsxs("div",{className:"flex flex-wrap items-center gap-2 mt-1",children:[e.jsx("span",{className:`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border ${x(t.status)}`,children:t.status}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"•"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:t.environment})]})]})]}),e.jsxs("div",{className:"relative flex-shrink-0",children:[e.jsx("button",{type:"button",onClick:()=>c(t.id),className:"p-2 text-slate-600 hover:bg-slate-100 rounded-lg transition-colors",children:e.jsx(u,{className:"w-5 h-5"})}),o===t.id&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fixed inset-0 z-10",onClick:()=>a(null)}),e.jsxs("div",{className:"absolute right-0 mt-2 w-48 bg-background rounded-lg shadow-md border border-border py-1 z-20",children:[e.jsxs("button",{type:"button",onClick:()=>s(),className:"w-full px-4 py-2 text-left text-sm text-foreground hover:bg-muted flex items-center gap-3",children:[e.jsx(p,{className:"w-4 h-4"}),"Duplicate"]}),e.jsxs("button",{type:"button",onClick:()=>s(),className:"w-full px-4 py-2 text-left text-sm text-slate-700 hover:bg-slate-50 flex items-center gap-3",children:[e.jsx(h,{className:"w-4 h-4"}),"CI/CD"]}),e.jsxs("button",{type:"button",onClick:()=>s(),className:"w-full px-4 py-2 text-left text-sm text-slate-700 hover:bg-slate-50 flex items-center gap-3",children:[e.jsx(g,{className:"w-4 h-4"}),"Reports"]}),e.jsx("div",{className:"border-t border-border my-1"}),e.jsxs("button",{type:"button",onClick:()=>s(),className:"w-full px-4 py-2 text-left text-sm text-red-600 hover:bg-red-50 flex items-center gap-3",children:[e.jsx(b,{className:"w-4 h-4"}),"Delete"]})]})]})]})]})}),e.jsxs("div",{className:"p-4 space-y-3",children:[t.tags.length>0&&e.jsx("div",{className:"flex flex-wrap gap-1.5",children:t.tags.map((r,l)=>e.jsx("span",{className:"px-2.5 py-1 bg-muted text-muted-foreground rounded-md text-xs font-medium",children:r},`${t.id}-tagm-${l}`))}),e.jsxs("div",{className:"flex items-center gap-2 text-xs text-muted-foreground pt-2 border-t border-border",children:[e.jsxs("span",{className:"font-mono bg-muted px-2 py-1 rounded border border-border",children:["ID: ",t.id.slice(0,8),"..."]}),e.jsx("span",{children:"•"}),e.jsx("span",{children:t.createdAt})]}),e.jsxs("div",{className:"flex items-center gap-2 pt-2 border-t border-slate-100",children:[e.jsxs("button",{type:"button",onClick:()=>s(),className:"flex-1 flex items-center justify-center gap-1.5 px-3 py-2 bg-primary text-primary-foreground rounded-lg text-xs font-medium hover:opacity-90 transition-opacity",children:[e.jsx(i,{className:"w-4 h-4"}),e.jsx("span",{className:"text-sm",children:"Execute"})]}),e.jsxs("button",{type:"button",onClick:()=>s(),className:"flex items-center justify-center gap-1.5 px-3 py-2 bg-muted text-foreground rounded-lg text-xs font-medium hover:bg-muted/80 transition-colors border border-border",children:[e.jsx(m,{className:"w-4 h-4"}),e.jsx("span",{className:"text-sm",children:"Edit"})]})]})]})]},t.id))}),d.length===0&&e.jsxs("div",{className:"text-center py-16 bg-card rounded-xl border border-border",children:[e.jsx("div",{className:"w-16 h-16 bg-muted rounded-full flex items-center justify-center mx-auto mb-4",children:e.jsx(n,{className:"w-8 h-8 text-muted-foreground"})}),e.jsx("h3",{className:"text-base font-medium text-foreground mb-2",children:"No test suites yet"}),e.jsx("p",{className:"text-sm text-muted-foreground mb-6",children:"Get started by creating your first test suite"}),e.jsx("button",{type:"button",className:"gap-2",children:"+ Create Test Suite"})]})]})})};export{y as default};