lattice-orchestrator 0.8.0 → 0.8.1

package/dist/web/assets/{ArchivedCardPrototype-DsXaQ7OS.js → ArchivedCardPrototype-CLnAgkxy.js}

@@ -1,4 +1,4 @@
-import{r as p,j as e,g as u,A as g,h as x,i as l,k as h}from"./main-C_XsCq-f.js";const d=[{sessionId:"abc123def456",insights:{purpose:"Implement pagination for archived sessions",description:"Adding infinite scroll and reusing SessionCard component",theme:"ui",tags:{complexity:"moderate"}},sessionInfo:{customName:null,identity_image:null},workingDirectory:"/home/jason/claudia",updatedAt:new Date(Date.now()-7200*1e3).toISOString(),createdAt:new Date(Date.now()-300*60*1e3).toISOString()},{sessionId:"xyz789ghi012",insights:{purpose:"Fix SSE reconnection bug in activity stream",description:"Investigating why clients disconnect after server restart",theme:"infra",tags:{complexity:"gnarly"}},sessionInfo:{customName:"SSE Bug Hunt",identity_image:null},workingDirectory:"/home/jason/claudia",updatedAt:new Date(Date.now()-1440*60*1e3).toISOString(),createdAt:new Date(Date.now()-1560*60*1e3).toISOString()},{sessionId:"mno345pqr678",insights:{purpose:"Add voice transcription via Gemini API",description:"Integrating Gemini for audio input in the composer",theme:"feature",tags:{complexity:"routine"}},sessionInfo:{customName:null,identity_image:null},workingDirectory:"/home/jason/claudia",updatedAt:new Date(Date.now()-4320*60*1e3).toISOString(),createdAt:new Date(Date.now()-4320*60*1e3).toISOString()},{sessionId:"stu901vwx234",insights:{purpose:"Refactor insights computation pipeline",description:"Breaking apart the monolithic InsightsComputer into focused services",theme:"refactor",tags:{complexity:"gnarly"}},sessionInfo:{customName:"Insights Refactor",identity_image:null},workingDirectory:"/home/jason/claudia",updatedAt:new Date(Date.now()-10080*60*1e3).toISOString(),createdAt:new Date(Date.now()-11520*60*1e3).toISOString()},{sessionId:"yzab567cdef8",insights:{purpose:"Debug memory leak in session polling",description:null,theme:"bugfix",tags:{complexity:"moderate"}},sessionInfo:{customName:null,identity_image:null},workingDirectory:"/home/jason/claudia",updatedAt:new Date(Date.now()-336*60*60*1e3).toISOString(),createdAt:new Date(Date.now()-336*60*60*1e3).toISOString()},{sessionId:"ghij901klmn2",insights:{purpose:"CK3 motto generation pipeline",description:"Generating culturally-appropriate house mottos for all CK3 cultures",theme:"project",tags:{complexity:"moderate"}},sessionInfo:{customName:"CK3 Mottos",identity_image:null},workingDirectory:"/mnt/c/Users/jason/Documents/ck3-motto-ideation",updatedAt:new Date(Date.now()-720*60*60*1e3).toISOString(),createdAt:new Date(Date.now()-840*60*60*1e3).toISOString()}];function c(s){const n=Date.now()-new Date(s).getTime(),t=Math.floor(n/6e4),r=Math.floor(t/60),o=Math.floor(r/24);return t<60?`${t}m ago`:r<24?`${r}h ago`:o<7?`${o}d ago`:o<30?`${Math.floor(o/7)}w ago`:new Date(s).toLocaleDateString()}function m(s){switch(s){case"ui":return"text-cyan-400 bg-cyan-500/10 border-cyan-500/30";case"infra":return"text-purple-400 bg-purple-500/10 border-purple-500/30";case"feature":return"text-emerald-400 bg-emerald-500/10 border-emerald-500/30";case"refactor":return"text-amber-400 bg-amber-500/10 border-amber-500/30";case"bugfix":return"text-rose-400 bg-rose-500/10 border-rose-500/30";case"project":return"text-blue-400 bg-blue-500/10 border-blue-500/30";default:return"text-muted-foreground/70 bg-muted/30 border-border/30"}}function f({session:s,onRestore:n}){const{insights:t,sessionInfo:r,workingDirectory:o,updatedAt:i,sessionId:a}=s;return e.jsxs("div",{className:"flex items-center gap-4 p-3 rounded-md bg-card/30 border border-border/20 hover:border-rose-500/30 transition-all",children:[e.jsx("div",{className:"w-14 h-10 rounded-sm flex-shrink-0 bg-gradient-to-br from-muted/20 via-muted/10 to-muted/20 border border-border/20"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("h3",{className:"text-sm font-mono font-medium text-foreground/90 truncate",children:r?.customName||t?.purpose||a.slice(0,8)}),e.jsxs("div",{className:"flex items-center gap-2 mt-1 text-[10px] font-mono text-muted-foreground/40",children:[e.jsx(x,{size:10}),e.jsx("span",{children:c(i)}),o&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-muted-foreground/20",children:"•"}),e.jsx("span",{className:"truncate max-w-[150px]",children:o.split("/").slice(-2).join("/")})]})]})]}),t?.theme&&e.jsx("span",{className:`text-[9px] px-1.5 py-0.5 rounded border font-display uppercase tracking-wider ${m(t.theme)}`,children:t.theme}),e.jsx("button",{onClick:n,className:"p-1.5 rounded-sm text-muted-foreground/40 hover:text-emerald-400 hover:bg-emerald-500/10 transition-all",title:"Restore",children:e.jsx(l,{size:14})})]})}function b({session:s,onRestore:n}){const{insights:t,sessionInfo:r,workingDirectory:o,updatedAt:i,sessionId:a}=s;return e.jsxs("div",{className:"rounded-lg border border-border/20 overflow-hidden bg-card/30 hover:border-rose-500/30 hover:shadow-[2px_2px_0_rgba(244,63,94,0.2)] hover:translate-x-[-1px] hover:translate-y-[-1px] transition-all group",children:[e.jsx("div",{className:"h-10 bg-gradient-to-r from-muted/10 via-muted/20 to-muted/10 relative",children:t?.theme&&e.jsx("span",{className:`absolute top-1.5 right-1.5 text-[8px] px-1 py-0.5 rounded border font-display uppercase tracking-wider ${m(t.theme)}`,children:t.theme})}),e.jsxs("div",{className:"p-3",children:[e.jsx("h3",{className:"text-sm font-mono font-medium text-foreground/90 group-hover:text-rose-400 truncate transition-colors",children:r?.customName||t?.purpose||a.slice(0,8)}),t?.description&&e.jsx("p",{className:"text-[11px] text-muted-foreground/40 line-clamp-2 mt-1",children:t.description}),e.jsxs("div",{className:"flex items-center justify-between mt-2",children:[e.jsxs("div",{className:"flex items-center gap-1.5 text-[10px] font-mono text-muted-foreground/30",children:[e.jsx(x,{size:10}),e.jsx("span",{children:c(i)})]}),e.jsxs("button",{onClick:n,className:"flex items-center gap-1 px-2 py-1 rounded-sm text-[10px] font-mono text-muted-foreground/40 hover:text-emerald-400 hover:bg-emerald-500/10 transition-all",children:[e.jsx(l,{size:10}),e.jsx("span",{children:"Restore"})]})]})]})]})}function j({session:s,onRestore:n}){const{insights:t,sessionInfo:r,updatedAt:o,sessionId:i}=s;return e.jsxs("div",{className:"flex items-center gap-3 px-3 py-2 rounded-sm hover:bg-muted/20 transition-all group",children:[e.jsx("span",{className:"text-[10px] font-mono text-muted-foreground/30 w-12 flex-shrink-0",children:c(o)}),e.jsx("h3",{className:"flex-1 text-sm font-mono text-foreground/70 group-hover:text-rose-400 truncate transition-colors",children:r?.customName||t?.purpose||i.slice(0,8)}),t?.theme&&e.jsx("span",{className:`text-[8px] px-1 py-0.5 rounded font-display uppercase ${m(t.theme)}`,children:t.theme}),e.jsx("button",{onClick:n,className:"opacity-0 group-hover:opacity-100 p-1 rounded-sm text-muted-foreground/40 hover:text-emerald-400 transition-all",children:e.jsx(l,{size:12})})]})}function v({session:s,onRestore:n}){const{insights:t,sessionInfo:r,updatedAt:o,sessionId:i}=s;return e.jsxs("div",{className:"p-2.5 rounded-md border border-border/20 bg-card/30 hover:border-rose-500/30 transition-all group",children:[e.jsxs("div",{className:"flex items-start justify-between gap-2",children:[e.jsx("h3",{className:"text-xs font-mono font-medium text-foreground/80 group-hover:text-rose-400 line-clamp-2 transition-colors",children:r?.customName||t?.purpose||i.slice(0,8)}),e.jsx("button",{onClick:n,className:"opacity-0 group-hover:opacity-100 p-0.5 rounded-sm text-muted-foreground/40 hover:text-emerald-400 transition-all flex-shrink-0",children:e.jsx(l,{size:10})})]}),e.jsxs("div",{className:"flex items-center gap-2 mt-2",children:[t?.theme&&e.jsx("span",{className:`text-[8px] px-1 py-0.5 rounded font-display uppercase ${m(t.theme)}`,children:t.theme}),e.jsx("span",{className:"text-[9px] font-mono text-muted-foreground/30 ml-auto",children:c(o)})]})]})}function N({session:s,onRestore:n}){const{insights:t,sessionInfo:r,workingDirectory:o,updatedAt:i,sessionId:a}=s;return e.jsxs("div",{className:"flex gap-3 group",children:[e.jsxs("div",{className:"flex flex-col items-center",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-rose-500/40 group-hover:bg-rose-400 transition-colors"}),e.jsx("div",{className:"w-px flex-1 bg-border/30"})]}),e.jsxs("div",{className:"flex-1 pb-6",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx("span",{className:"text-[10px] font-mono text-muted-foreground/40",children:c(i)}),t?.theme&&e.jsx("span",{className:`text-[8px] px-1 py-0.5 rounded border font-display uppercase ${m(t.theme)}`,children:t.theme})]}),e.jsx("h3",{className:"text-sm font-mono font-medium text-foreground/80 group-hover:text-rose-400 transition-colors",children:r?.customName||t?.purpose||a.slice(0,8)}),t?.description&&e.jsx("p",{className:"text-[11px] text-muted-foreground/40 mt-1 line-clamp-1",children:t.description}),o&&e.jsxs("div",{className:"flex items-center gap-1 mt-1.5 text-[10px] text-muted-foreground/30",children:[e.jsx(h,{size:10}),e.jsx("span",{className:"truncate",children:o.split("/").slice(-2).join("/")})]}),e.jsxs("button",{onClick:n,className:"mt-2 flex items-center gap-1 px-2 py-1 rounded-sm text-[10px] font-mono text-muted-foreground/40 hover:text-emerald-400 hover:bg-emerald-500/10 transition-all",children:[e.jsx(l,{size:10}),e.jsx("span",{children:"Restore"})]})]})]})}function y(){const[s,n]=p.useState("row"),t=()=>{console.log("Restore clicked")};return e.jsxs("div",{className:"min-h-dvh bg-background text-foreground",children:[e.jsx("div",{className:"fixed inset-0 bg-[linear-gradient(rgba(0,255,255,0.02)_1px,transparent_1px),linear-gradient(90deg,rgba(0,255,255,0.02)_1px,transparent_1px)] bg-[size:24px_24px] pointer-events-none"}),e.jsx("header",{className:"relative border-b border-border/30 bg-card/80 backdrop-blur-md sticky top-0 z-10",children:e.jsx("div",{className:"max-w-4xl mx-auto px-6 py-4 flex items-center justify-between",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(u,{to:"/dev",className:"p-2 -ml-2 rounded-sm text-muted-foreground hover:text-cyan-400 hover:bg-cyan-500/10 transition-all",children:e.jsx(g,{size:18})}),e.jsxs("div",{children:[e.jsx("h1",{className:"text-lg font-mono font-bold tracking-wider text-rose-400",children:"ARCHIVED CARD VARIATIONS"}),e.jsx("p",{className:"text-[10px] font-display uppercase tracking-wider text-muted-foreground/50",children:"Exploring layouts for archived session display"})]})]})})}),e.jsx("div",{className:"relative max-w-4xl mx-auto px-6 py-4 border-b border-border/20",children:e.jsx("div",{className:"flex items-center gap-2 flex-wrap",children:["row","grid","compact","mini","timeline"].map(r=>e.jsx("button",{onClick:()=>n(r),className:`
+import{r as p,j as e,g as u,A as g,h as x,i as l,k as h}from"./main-Dk6J7bFH.js";const d=[{sessionId:"abc123def456",insights:{purpose:"Implement pagination for archived sessions",description:"Adding infinite scroll and reusing SessionCard component",theme:"ui",tags:{complexity:"moderate"}},sessionInfo:{customName:null,identity_image:null},workingDirectory:"/home/jason/claudia",updatedAt:new Date(Date.now()-7200*1e3).toISOString(),createdAt:new Date(Date.now()-300*60*1e3).toISOString()},{sessionId:"xyz789ghi012",insights:{purpose:"Fix SSE reconnection bug in activity stream",description:"Investigating why clients disconnect after server restart",theme:"infra",tags:{complexity:"gnarly"}},sessionInfo:{customName:"SSE Bug Hunt",identity_image:null},workingDirectory:"/home/jason/claudia",updatedAt:new Date(Date.now()-1440*60*1e3).toISOString(),createdAt:new Date(Date.now()-1560*60*1e3).toISOString()},{sessionId:"mno345pqr678",insights:{purpose:"Add voice transcription via Gemini API",description:"Integrating Gemini for audio input in the composer",theme:"feature",tags:{complexity:"routine"}},sessionInfo:{customName:null,identity_image:null},workingDirectory:"/home/jason/claudia",updatedAt:new Date(Date.now()-4320*60*1e3).toISOString(),createdAt:new Date(Date.now()-4320*60*1e3).toISOString()},{sessionId:"stu901vwx234",insights:{purpose:"Refactor insights computation pipeline",description:"Breaking apart the monolithic InsightsComputer into focused services",theme:"refactor",tags:{complexity:"gnarly"}},sessionInfo:{customName:"Insights Refactor",identity_image:null},workingDirectory:"/home/jason/claudia",updatedAt:new Date(Date.now()-10080*60*1e3).toISOString(),createdAt:new Date(Date.now()-11520*60*1e3).toISOString()},{sessionId:"yzab567cdef8",insights:{purpose:"Debug memory leak in session polling",description:null,theme:"bugfix",tags:{complexity:"moderate"}},sessionInfo:{customName:null,identity_image:null},workingDirectory:"/home/jason/claudia",updatedAt:new Date(Date.now()-336*60*60*1e3).toISOString(),createdAt:new Date(Date.now()-336*60*60*1e3).toISOString()},{sessionId:"ghij901klmn2",insights:{purpose:"CK3 motto generation pipeline",description:"Generating culturally-appropriate house mottos for all CK3 cultures",theme:"project",tags:{complexity:"moderate"}},sessionInfo:{customName:"CK3 Mottos",identity_image:null},workingDirectory:"/mnt/c/Users/jason/Documents/ck3-motto-ideation",updatedAt:new Date(Date.now()-720*60*60*1e3).toISOString(),createdAt:new Date(Date.now()-840*60*60*1e3).toISOString()}];function c(s){const n=Date.now()-new Date(s).getTime(),t=Math.floor(n/6e4),r=Math.floor(t/60),o=Math.floor(r/24);return t<60?`${t}m ago`:r<24?`${r}h ago`:o<7?`${o}d ago`:o<30?`${Math.floor(o/7)}w ago`:new Date(s).toLocaleDateString()}function m(s){switch(s){case"ui":return"text-cyan-400 bg-cyan-500/10 border-cyan-500/30";case"infra":return"text-purple-400 bg-purple-500/10 border-purple-500/30";case"feature":return"text-emerald-400 bg-emerald-500/10 border-emerald-500/30";case"refactor":return"text-amber-400 bg-amber-500/10 border-amber-500/30";case"bugfix":return"text-rose-400 bg-rose-500/10 border-rose-500/30";case"project":return"text-blue-400 bg-blue-500/10 border-blue-500/30";default:return"text-muted-foreground/70 bg-muted/30 border-border/30"}}function f({session:s,onRestore:n}){const{insights:t,sessionInfo:r,workingDirectory:o,updatedAt:i,sessionId:a}=s;return e.jsxs("div",{className:"flex items-center gap-4 p-3 rounded-md bg-card/30 border border-border/20 hover:border-rose-500/30 transition-all",children:[e.jsx("div",{className:"w-14 h-10 rounded-sm flex-shrink-0 bg-gradient-to-br from-muted/20 via-muted/10 to-muted/20 border border-border/20"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("h3",{className:"text-sm font-mono font-medium text-foreground/90 truncate",children:r?.customName||t?.purpose||a.slice(0,8)}),e.jsxs("div",{className:"flex items-center gap-2 mt-1 text-[10px] font-mono text-muted-foreground/40",children:[e.jsx(x,{size:10}),e.jsx("span",{children:c(i)}),o&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-muted-foreground/20",children:"•"}),e.jsx("span",{className:"truncate max-w-[150px]",children:o.split("/").slice(-2).join("/")})]})]})]}),t?.theme&&e.jsx("span",{className:`text-[9px] px-1.5 py-0.5 rounded border font-display uppercase tracking-wider ${m(t.theme)}`,children:t.theme}),e.jsx("button",{onClick:n,className:"p-1.5 rounded-sm text-muted-foreground/40 hover:text-emerald-400 hover:bg-emerald-500/10 transition-all",title:"Restore",children:e.jsx(l,{size:14})})]})}function b({session:s,onRestore:n}){const{insights:t,sessionInfo:r,workingDirectory:o,updatedAt:i,sessionId:a}=s;return e.jsxs("div",{className:"rounded-lg border border-border/20 overflow-hidden bg-card/30 hover:border-rose-500/30 hover:shadow-[2px_2px_0_rgba(244,63,94,0.2)] hover:translate-x-[-1px] hover:translate-y-[-1px] transition-all group",children:[e.jsx("div",{className:"h-10 bg-gradient-to-r from-muted/10 via-muted/20 to-muted/10 relative",children:t?.theme&&e.jsx("span",{className:`absolute top-1.5 right-1.5 text-[8px] px-1 py-0.5 rounded border font-display uppercase tracking-wider ${m(t.theme)}`,children:t.theme})}),e.jsxs("div",{className:"p-3",children:[e.jsx("h3",{className:"text-sm font-mono font-medium text-foreground/90 group-hover:text-rose-400 truncate transition-colors",children:r?.customName||t?.purpose||a.slice(0,8)}),t?.description&&e.jsx("p",{className:"text-[11px] text-muted-foreground/40 line-clamp-2 mt-1",children:t.description}),e.jsxs("div",{className:"flex items-center justify-between mt-2",children:[e.jsxs("div",{className:"flex items-center gap-1.5 text-[10px] font-mono text-muted-foreground/30",children:[e.jsx(x,{size:10}),e.jsx("span",{children:c(i)})]}),e.jsxs("button",{onClick:n,className:"flex items-center gap-1 px-2 py-1 rounded-sm text-[10px] font-mono text-muted-foreground/40 hover:text-emerald-400 hover:bg-emerald-500/10 transition-all",children:[e.jsx(l,{size:10}),e.jsx("span",{children:"Restore"})]})]})]})]})}function j({session:s,onRestore:n}){const{insights:t,sessionInfo:r,updatedAt:o,sessionId:i}=s;return e.jsxs("div",{className:"flex items-center gap-3 px-3 py-2 rounded-sm hover:bg-muted/20 transition-all group",children:[e.jsx("span",{className:"text-[10px] font-mono text-muted-foreground/30 w-12 flex-shrink-0",children:c(o)}),e.jsx("h3",{className:"flex-1 text-sm font-mono text-foreground/70 group-hover:text-rose-400 truncate transition-colors",children:r?.customName||t?.purpose||i.slice(0,8)}),t?.theme&&e.jsx("span",{className:`text-[8px] px-1 py-0.5 rounded font-display uppercase ${m(t.theme)}`,children:t.theme}),e.jsx("button",{onClick:n,className:"opacity-0 group-hover:opacity-100 p-1 rounded-sm text-muted-foreground/40 hover:text-emerald-400 transition-all",children:e.jsx(l,{size:12})})]})}function v({session:s,onRestore:n}){const{insights:t,sessionInfo:r,updatedAt:o,sessionId:i}=s;return e.jsxs("div",{className:"p-2.5 rounded-md border border-border/20 bg-card/30 hover:border-rose-500/30 transition-all group",children:[e.jsxs("div",{className:"flex items-start justify-between gap-2",children:[e.jsx("h3",{className:"text-xs font-mono font-medium text-foreground/80 group-hover:text-rose-400 line-clamp-2 transition-colors",children:r?.customName||t?.purpose||i.slice(0,8)}),e.jsx("button",{onClick:n,className:"opacity-0 group-hover:opacity-100 p-0.5 rounded-sm text-muted-foreground/40 hover:text-emerald-400 transition-all flex-shrink-0",children:e.jsx(l,{size:10})})]}),e.jsxs("div",{className:"flex items-center gap-2 mt-2",children:[t?.theme&&e.jsx("span",{className:`text-[8px] px-1 py-0.5 rounded font-display uppercase ${m(t.theme)}`,children:t.theme}),e.jsx("span",{className:"text-[9px] font-mono text-muted-foreground/30 ml-auto",children:c(o)})]})]})}function N({session:s,onRestore:n}){const{insights:t,sessionInfo:r,workingDirectory:o,updatedAt:i,sessionId:a}=s;return e.jsxs("div",{className:"flex gap-3 group",children:[e.jsxs("div",{className:"flex flex-col items-center",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-rose-500/40 group-hover:bg-rose-400 transition-colors"}),e.jsx("div",{className:"w-px flex-1 bg-border/30"})]}),e.jsxs("div",{className:"flex-1 pb-6",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx("span",{className:"text-[10px] font-mono text-muted-foreground/40",children:c(i)}),t?.theme&&e.jsx("span",{className:`text-[8px] px-1 py-0.5 rounded border font-display uppercase ${m(t.theme)}`,children:t.theme})]}),e.jsx("h3",{className:"text-sm font-mono font-medium text-foreground/80 group-hover:text-rose-400 transition-colors",children:r?.customName||t?.purpose||a.slice(0,8)}),t?.description&&e.jsx("p",{className:"text-[11px] text-muted-foreground/40 mt-1 line-clamp-1",children:t.description}),o&&e.jsxs("div",{className:"flex items-center gap-1 mt-1.5 text-[10px] text-muted-foreground/30",children:[e.jsx(h,{size:10}),e.jsx("span",{className:"truncate",children:o.split("/").slice(-2).join("/")})]}),e.jsxs("button",{onClick:n,className:"mt-2 flex items-center gap-1 px-2 py-1 rounded-sm text-[10px] font-mono text-muted-foreground/40 hover:text-emerald-400 hover:bg-emerald-500/10 transition-all",children:[e.jsx(l,{size:10}),e.jsx("span",{children:"Restore"})]})]})]})}function y(){const[s,n]=p.useState("row"),t=()=>{console.log("Restore clicked")};return e.jsxs("div",{className:"min-h-dvh bg-background text-foreground",children:[e.jsx("div",{className:"fixed inset-0 bg-[linear-gradient(rgba(0,255,255,0.02)_1px,transparent_1px),linear-gradient(90deg,rgba(0,255,255,0.02)_1px,transparent_1px)] bg-[size:24px_24px] pointer-events-none"}),e.jsx("header",{className:"relative border-b border-border/30 bg-card/80 backdrop-blur-md sticky top-0 z-10",children:e.jsx("div",{className:"max-w-4xl mx-auto px-6 py-4 flex items-center justify-between",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(u,{to:"/dev",className:"p-2 -ml-2 rounded-sm text-muted-foreground hover:text-cyan-400 hover:bg-cyan-500/10 transition-all",children:e.jsx(g,{size:18})}),e.jsxs("div",{children:[e.jsx("h1",{className:"text-lg font-mono font-bold tracking-wider text-rose-400",children:"ARCHIVED CARD VARIATIONS"}),e.jsx("p",{className:"text-[10px] font-display uppercase tracking-wider text-muted-foreground/50",children:"Exploring layouts for archived session display"})]})]})})}),e.jsx("div",{className:"relative max-w-4xl mx-auto px-6 py-4 border-b border-border/20",children:e.jsx("div",{className:"flex items-center gap-2 flex-wrap",children:["row","grid","compact","mini","timeline"].map(r=>e.jsx("button",{onClick:()=>n(r),className:`
                 px-3 py-1.5 rounded-sm text-xs font-display font-bold uppercase tracking-wider
                 transition-all duration-100
                 ${s===r?"bg-rose-500/20 text-rose-400 border border-rose-500/30":"text-muted-foreground hover:text-foreground border border-transparent hover:border-border/30"}