lattice-orchestrator 0.9.0 → 0.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/web/assets/{ArchivedCardPrototype-Brh2pmEo.js → ArchivedCardPrototype-rbAAG1KX.js} +1 -1
- package/dist/web/assets/{BannerPrototype-C2SYLHxl.js → BannerPrototype-DRHQH0WY.js} +1 -1
- package/dist/web/assets/{FaviconExportPrototype-C8p05d0G.js → FaviconExportPrototype-GSH2VEmj.js} +1 -1
- package/dist/web/assets/{HistoryWalkthroughPrototype-CHYDn9lb.js → HistoryWalkthroughPrototype-W9xMN5dn.js} +1 -1
- package/dist/web/assets/{InlineWalkthroughPrototype-DgutQ5lC.js → InlineWalkthroughPrototype-CN1FjmTx.js} +1 -1
- package/dist/web/assets/{MarkButtonPrototype-qC5XDYYe.js → MarkButtonPrototype-Bj7Ew9oh.js} +1 -1
- package/dist/web/assets/{MenuStylesPrototype-Catgc4UE.js → MenuStylesPrototype-CBHXmmNl.js} +1 -1
- package/dist/web/assets/{PermissionPatternPickerPrototype-C74nLBTY.js → PermissionPatternPickerPrototype-DkLWFyOj.js} +1 -1
- package/dist/web/assets/{PermissionPrototype-DEgtBcV1.js → PermissionPrototype-5E1U2552.js} +1 -1
- package/dist/web/assets/{RecommendationCardsPrototype-D5ePpES3.js → RecommendationCardsPrototype-Bb0thG7y.js} +1 -1
- package/dist/web/assets/{RecommendationsPopoverPrototype-BSKB3RTs.js → RecommendationsPopoverPrototype-CGPjxK-9.js} +1 -1
- package/dist/web/assets/{ScopeHeaderPrototype-BA_Y738c.js → ScopeHeaderPrototype-WsnZ_AN2.js} +1 -1
- package/dist/web/assets/{ScopeHeaderStylesPrototype-B1SIKRkl.js → ScopeHeaderStylesPrototype-BIT6XGNC.js} +1 -1
- package/dist/web/assets/{ScrollycodingPrototype-6rQxX6iY.js → ScrollycodingPrototype-BYbJsLpr.js} +1 -1
- package/dist/web/assets/{SessionCardPrototype-DPNuS6Ag.js → SessionCardPrototype-BJh_K9aH.js} +1 -1
- package/dist/web/assets/{SessionStartPrototype-DU8SAa7a.js → SessionStartPrototype-ChGJhHxl.js} +1 -1
- package/dist/web/assets/{SmartMenuPrototype-CmVLgnzy.js → SmartMenuPrototype-DkG9BxYS.js} +1 -1
- package/dist/web/assets/{StellarisHomePrototype-DgLu80mH.js → StellarisHomePrototype-BFm_fiOO.js} +1 -1
- package/dist/web/assets/{TimelineCardPrototype-BLBWb_0B.js → TimelineCardPrototype-C8yxnJVn.js} +1 -1
- package/dist/web/assets/{ToolbarPrototype-9XXfR3nq.js → ToolbarPrototype-CvrKaQCK.js} +1 -1
- package/dist/web/assets/{WalkthroughCTAPrototype-CwSuDg3v.js → WalkthroughCTAPrototype-CcP9qaqe.js} +1 -1
- package/dist/web/assets/{grid-3x3-a2VAtyDS.js → grid-3x3-Bm5DH_9G.js} +1 -1
- package/dist/web/assets/{main-BcLWIebZ.js → main-C9r5KZOO.js} +100 -100
- package/dist/web/index.html +1 -1
- package/package.json +1 -2
package/dist/web/assets/{ArchivedCardPrototype-Brh2pmEo.js → ArchivedCardPrototype-rbAAG1KX.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as p,j as e,c as u,A as g,d as x,e as d,f as h}from"./main-BcLWIebZ.js";const a=[{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 l(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 c(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:m}=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||m.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:l(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 ${c(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(d,{size:14})})]})}function b({session:s,onRestore:n}){const{insights:t,sessionInfo:r,updatedAt:o,sessionId:i}=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 ${c(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||i.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:l(o)})]}),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(d,{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:l(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 ${c(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(d,{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(d,{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 ${c(t.theme)}`,children:t.theme}),e.jsx("span",{className:"text-[9px] font-mono text-muted-foreground/30 ml-auto",children:l(o)})]})]})}function N({session:s,onRestore:n}){const{insights:t,sessionInfo:r,workingDirectory:o,updatedAt:i,sessionId:m}=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:l(i)}),t?.theme&&e.jsx("span",{className:`text-[8px] px-1 py-0.5 rounded border font-display uppercase ${c(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||m.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(d,{size:10}),e.jsx("span",{children:"Restore"})]})]})]})}function y(){const[s,n]=p.useState("row"),t=()=>{};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:`
|
|
1
|
+
import{r as p,j as e,c as u,A as g,d as x,e as d,f as h}from"./main-C9r5KZOO.js";const a=[{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 l(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 c(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:m}=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||m.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:l(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 ${c(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(d,{size:14})})]})}function b({session:s,onRestore:n}){const{insights:t,sessionInfo:r,updatedAt:o,sessionId:i}=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 ${c(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||i.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:l(o)})]}),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(d,{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:l(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 ${c(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(d,{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(d,{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 ${c(t.theme)}`,children:t.theme}),e.jsx("span",{className:"text-[9px] font-mono text-muted-foreground/30 ml-auto",children:l(o)})]})]})}function N({session:s,onRestore:n}){const{insights:t,sessionInfo:r,workingDirectory:o,updatedAt:i,sessionId:m}=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:l(i)}),t?.theme&&e.jsx("span",{className:`text-[8px] px-1 py-0.5 rounded border font-display uppercase ${c(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||m.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(d,{size:10}),e.jsx("span",{children:"Restore"})]})]})]})}function y(){const[s,n]=p.useState("row"),t=()=>{};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:`
|
|
2
2
|
px-3 py-1.5 rounded-sm text-xs font-display font-bold uppercase tracking-wider
|
|
3
3
|
transition-all duration-100
|
|
4
4
|
${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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as a,j as e,C as P,a as z,R as D,P as G,b as A}from"./main-
|
|
1
|
+
import{r as a,j as e,C as P,a as z,R as D,P as G,b as A}from"./main-C9r5KZOO.js";const E={neonSymbol:(n,t)=>`Add a glowing neon icon to this black image.
|
|
2
2
|
|
|
3
3
|
TASK: ${n}
|
|
4
4
|
COLOR: ${t} glow
|
package/dist/web/assets/{FaviconExportPrototype-C8p05d0G.js → FaviconExportPrototype-GSH2VEmj.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as e,L as t}from"./main-
|
|
1
|
+
import{j as e,L as t}from"./main-C9r5KZOO.js";function r(){return e.jsx("div",{className:"min-h-dvh bg-black flex items-center justify-center",children:e.jsx(t,{size:512,interactive:!1,colorScheme:"gradient"})})}export{r as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as c,j as e,aa as C,h as j,X as k,ab as w}from"./main-
|
|
1
|
+
import{r as c,j as e,aa as C,h as j,X as k,ab as w}from"./main-C9r5KZOO.js";const l=[{id:"vision-planning",title:"Vision & Planning",description:"Drafted vision document and competitive analysis",turnRange:[0,8],changeCount:3,fileCount:1,color:"blue"},{id:"code-hike-integration",title:"Code Hike Integration",description:"Experimented with Code Hike for code presentation",turnRange:[9,20],changeCount:28,fileCount:4,color:"emerald"},{id:"tooltip-styling",title:"Tooltip Styling",description:"Built tooltip variations and selected final style",turnRange:[21,32],changeCount:32,fileCount:3,color:"amber"},{id:"walkthrough-service",title:"Walkthrough Service",description:"Created API endpoints and generation service",turnRange:[33,45],changeCount:24,fileCount:5,color:"purple"},{id:"diff-integration",title:"Diff Integration",description:"Added collapsible diff visualization",turnRange:[46,52],changeCount:11,fileCount:3,color:"rose"}],d=[{id:63,headline:"Visual grouping overlays for walkthrough history panel",icon:"💬",tag:"discuss",tagColor:"text-muted-foreground",time:"48s ago",actions:4},{id:62,headline:"Determining optimal UI placement for walkthrough trigger",icon:"💬",tag:"discuss",tagColor:"text-muted-foreground",time:"4m ago",actions:4},{id:61,headline:"Implement scope analysis endpoint with Haiku",icon:"🏗️",tag:"implement",tagColor:"text-muted-foreground",time:"6m ago",actions:6,tools:14},{id:60,headline:"Conceptual grouping strategy for walkthrough scoping",icon:"💬",tag:"discuss",tagColor:"text-muted-foreground",time:"9m ago",actions:4},{id:59,headline:"Analyzing file changes and content for walkthrough scoping",icon:"💬",tag:"discuss",tagColor:"text-muted-foreground",time:"10m ago",actions:4,tools:1},{id:58,headline:"Inline walkthrough scoping with Claude-style prompts",icon:"💬",tag:"discuss",tagColor:"text-muted-foreground",time:"12m ago",actions:3},{id:57,headline:"Walkthrough caching strategy and scoping UI design",icon:"💬",tag:"discuss",tagColor:"text-muted-foreground",time:"14m ago",actions:4},{id:56,headline:"Multi-step walkthrough flow and storage strategy",icon:"💬",tag:"discuss",tagColor:"text-muted-foreground",time:"16m ago",actions:4},{id:55,headline:"UI presentation and discoverability for walkthrough",icon:"💬",tag:"discuss",tagColor:"text-muted-foreground",time:"18m ago",actions:4},{id:54,headline:"Switch walkthrough generation to Opus for quality",icon:"⚖️",tag:"decision",tagColor:"text-purple-400",time:"19m ago",actions:5,tools:7},{id:53,headline:"Clarifying model choice for walkthrough generation",icon:"💬",tag:"discuss",tagColor:"text-muted-foreground",time:"21m ago",actions:3},{id:52,headline:"Prototype diff integration for walkthrough visualization",icon:"🏗️",tag:"implement",tagColor:"text-muted-foreground",time:"23m ago",actions:7,tools:51},{id:51,headline:"Explore diff visualization options for narrative walkthroughs",icon:"💬",tag:"discuss",tagColor:"text-muted-foreground",time:"30m ago",actions:4},{id:50,headline:"Explain walkthrough generation architecture and flow",icon:"💬",tag:"discuss",tagColor:"text-muted-foreground",time:"33m ago",actions:4},{id:49,headline:"Create walkthrough generation skill for Claudia",icon:"🏗️",tag:"implement",tagColor:"text-muted-foreground",time:"33m ago",actions:4,tools:8},{id:48,headline:"Create meta Code Hike walkthrough from current session",icon:"🏗️",tag:"implement",tagColor:"text-muted-foreground",time:"1h ago",actions:4,tools:32},{id:47,headline:"Improve tooltip trigger underline visibility",icon:"🔧",tag:"fix",tagColor:"text-green-400",time:"1h ago",actions:5,tools:6},{id:46,headline:"Create tooltip styling variations prototype",icon:"🔍",tag:"explore",tagColor:"text-muted-foreground",time:"3h ago",actions:4,tools:8},{id:45,headline:"Fix tooltip styling with better colors and spacing",icon:"🔧",tag:"fix",tagColor:"text-green-400",time:"3h ago",actions:7,tools:7},{id:44,headline:"Fixed code block styling with inline background overrides",icon:"🔧",tag:"fix",tagColor:"text-green-400",time:"3h ago",actions:4,tools:2}],x={blue:{bg:"bg-blue-500/10",border:"border-blue-500/30",text:"text-blue-400",bgHover:"hover:bg-blue-500/20"},emerald:{bg:"bg-emerald-500/10",border:"border-emerald-500/30",text:"text-emerald-400",bgHover:"hover:bg-emerald-500/20"},amber:{bg:"bg-amber-500/10",border:"border-amber-500/30",text:"text-amber-400",bgHover:"hover:bg-amber-500/20"},purple:{bg:"bg-purple-500/10",border:"border-purple-500/30",text:"text-purple-400",bgHover:"hover:bg-purple-500/20"},rose:{bg:"bg-rose-500/10",border:"border-rose-500/30",text:"text-rose-400",bgHover:"hover:bg-rose-500/20"}};function N(){const[a,g]=c.useState(!1),[p,b]=c.useState(null),[u,m]=c.useState(!1),f=t=>{m(!0),b(t),setTimeout(()=>{m(!1),alert(`Walkthrough generated for: ${l.find(i=>i.id===t)?.title}`)},2e3)};return e.jsx("div",{className:"min-h-dvh bg-zinc-950 text-zinc-100 p-8",children:e.jsxs("div",{className:"max-w-md mx-auto",children:[e.jsxs("div",{className:"flex items-center justify-between mb-6",children:[e.jsx("div",{className:"text-xs uppercase tracking-wider text-muted-foreground/50",children:"History"}),e.jsxs("button",{onClick:()=>g(!a),className:`
|
|
2
2
|
flex items-center gap-1.5 px-2.5 py-1.5 rounded-md text-xs font-medium
|
|
3
3
|
transition-all duration-200
|
|
4
4
|
${a?"bg-emerald-500/20 text-emerald-400 border border-emerald-500/30":"text-zinc-500 hover:text-zinc-300 hover:bg-zinc-800/50"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as e,r as x,h as o,C as h,a as p,ac as m,aa as g,X as j,ad as b,ae as N}from"./main-BcLWIebZ.js";const a={title:"Adding Walkthrough Toggle to History Panel",summary:"Integrated walkthrough mode into the InsightsPanel, allowing users to visualize code changes grouped by scope.",sections:[{title:"Extended Type Definitions",narrative:"Added turn number tracking to scope analysis for mapping UI elements to conversation turns.",file:"walkthrough-service.ts",changes:{added:12,removed:0},highlights:["Added `turnRange: [number, number]` to WalkthroughScopeOption","Added `totalTurns` to WalkthroughScopeAnalysis"]},{title:"Walkthrough Toggle UI",narrative:"Created a toggle button with cyberpunk styling that enables walkthrough mode in the History section.",file:"InsightsPanel.tsx",changes:{added:45,removed:3},highlights:["BookOpen icon with emerald accent color","Cyberpunk button styling with shadow effects","State management for walkthrough mode"]},{title:"Scope Group Overlays",narrative:"Rendered colored borders and headers around turn groups, with Generate buttons for each scope.",file:"InsightsPanel.tsx",changes:{added:78,removed:0},highlights:["Color-coded scope groups (blue, emerald, amber, purple, rose)","Group headers with title, description, and stats","Generate button triggers walkthrough creation"]}]};function f(){const[t,r]=x.useState(!0),[s,l]=x.useState(new Set([0])),i=n=>{l(d=>{const c=new Set(d);return c.has(n)?c.delete(n):c.add(n),c})};return e.jsxs("div",{className:"border border-emerald-500/30 rounded-lg overflow-hidden bg-emerald-500/5",children:[e.jsxs("button",{onClick:()=>r(!t),className:"w-full flex items-center justify-between px-3 py-2 bg-emerald-500/10 border-b border-emerald-500/20 hover:bg-emerald-500/15 transition-colors",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(o,{size:14,className:"text-emerald-400"}),e.jsx("span",{className:"text-xs font-display font-bold uppercase tracking-wider text-emerald-400",children:"Walkthrough"}),e.jsxs("span",{className:"text-[10px] text-emerald-400/60",children:[a.sections.length," sections"]})]}),t?e.jsx(h,{size:14,className:"text-emerald-400"}):e.jsx(p,{size:14,className:"text-emerald-400"})]}),t&&e.jsxs("div",{className:"p-3 space-y-2",children:[e.jsx("p",{className:"text-xs text-zinc-400 leading-relaxed mb-3",children:a.summary}),a.sections.map((n,d)=>e.jsxs("div",{className:"border border-zinc-700/50 rounded-md overflow-hidden",children:[e.jsxs("button",{onClick:()=>i(d),className:"w-full flex items-center gap-2 px-2.5 py-2 bg-zinc-800/30 hover:bg-zinc-800/50 transition-colors text-left",children:[e.jsx("div",{className:"w-5 h-5 rounded-full bg-emerald-500/20 flex items-center justify-center text-emerald-400 text-[10px] font-bold flex-shrink-0",children:d+1}),e.jsx("span",{className:"text-xs text-zinc-200 flex-1 truncate",children:n.title}),e.jsxs("div",{className:"flex items-center gap-1.5 text-[10px] text-zinc-500",children:[e.jsxs("span",{className:"text-green-400",children:["+",n.changes.added]}),n.changes.removed>0&&e.jsxs("span",{className:"text-red-400",children:["-",n.changes.removed]})]}),s.has(d)?e.jsx(h,{size:12,className:"text-zinc-500"}):e.jsx(p,{size:12,className:"text-zinc-500"})]}),s.has(d)&&e.jsxs("div",{className:"px-2.5 py-2 bg-zinc-900/30 border-t border-zinc-700/30",children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-1.5",children:[e.jsx(m,{size:10,className:"text-zinc-500"}),e.jsx("span",{className:"text-[10px] font-mono text-zinc-500",children:n.file})]}),e.jsx("p",{className:"text-[11px] text-zinc-400 leading-relaxed mb-2",children:n.narrative}),e.jsx("ul",{className:"space-y-1",children:n.highlights.map((c,u)=>e.jsxs("li",{className:"text-[10px] text-zinc-500 flex items-start gap-1.5",children:[e.jsx("span",{className:"text-emerald-400 mt-0.5",children:"•"}),e.jsx("span",{children:c})]},u))})]})]},d))]})]})}function v(){const[t,r]=x.useState(!0);return e.jsxs("div",{className:"border border-emerald-500/30 rounded-lg overflow-hidden bg-emerald-500/5",children:[e.jsxs("div",{className:"flex items-center justify-between px-3 py-2 bg-emerald-500/10 border-b border-emerald-500/20",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(g,{size:14,className:"text-emerald-400"}),e.jsx("span",{className:"text-xs font-display font-bold uppercase tracking-wider text-emerald-400",children:a.title})]}),e.jsx("button",{onClick:()=>r(!1),className:"text-emerald-400/60 hover:text-emerald-400",children:e.jsx(j,{size:14})})]}),t&&e.jsxs("div",{className:"p-3",children:[e.jsx("p",{className:"text-xs text-zinc-400 leading-relaxed mb-4",children:a.summary}),e.jsx("div",{className:"relative pl-4 border-l-2 border-emerald-500/20 space-y-4",children:a.sections.map((s,l)=>e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute -left-[21px] w-3 h-3 rounded-full bg-emerald-500/30 border-2 border-emerald-500/60"}),e.jsxs("div",{className:"pl-3",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx("span",{className:"text-xs font-medium text-zinc-200",children:s.title}),e.jsxs("span",{className:"text-[10px] text-green-400",children:["+",s.changes.added]})]}),e.jsxs("div",{className:"flex items-center gap-1.5 mb-1.5",children:[e.jsx(m,{size:10,className:"text-zinc-500"}),e.jsx("span",{className:"text-[10px] font-mono text-zinc-500",children:s.file})]}),e.jsx("p",{className:"text-[11px] text-zinc-500 leading-relaxed",children:s.narrative})]})]},l))})]})]})}function z(){const[t,r]=x.useState(0),s=a.sections[t];return e.jsxs("div",{className:"border border-emerald-500/30 rounded-lg overflow-hidden bg-emerald-500/5",children:[e.jsxs("div",{className:"flex items-center justify-between px-3 py-2 bg-emerald-500/10 border-b border-emerald-500/20",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(o,{size:14,className:"text-emerald-400"}),e.jsx("span",{className:"text-xs font-display font-bold uppercase tracking-wider text-emerald-400",children:"Walkthrough"})]}),e.jsx("div",{className:"flex items-center gap-1",children:a.sections.map((l,i)=>e.jsx("button",{onClick:()=>r(i),className:`w-2 h-2 rounded-full transition-colors ${i===t?"bg-emerald-400":"bg-emerald-400/30 hover:bg-emerald-400/50"}`},i))})]}),e.jsxs("div",{className:"p-3",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("div",{className:"w-6 h-6 rounded-full bg-emerald-500/20 flex items-center justify-center text-emerald-400 text-xs font-bold",children:t+1}),e.jsx("span",{className:"text-sm font-medium text-zinc-200",children:s.title})]}),e.jsxs("div",{className:"flex items-center gap-1.5 mb-2",children:[e.jsx(m,{size:12,className:"text-zinc-500"}),e.jsx("span",{className:"text-[11px] font-mono text-zinc-500",children:s.file}),e.jsxs("span",{className:"text-[10px] text-green-400 ml-auto",children:["+",s.changes.added]})]}),e.jsx("p",{className:"text-xs text-zinc-400 leading-relaxed mb-3",children:s.narrative}),e.jsx("ul",{className:"space-y-1.5 mb-3",children:s.highlights.map((l,i)=>e.jsxs("li",{className:"text-[11px] text-zinc-500 flex items-start gap-2",children:[e.jsx("span",{className:"text-emerald-400",children:"•"}),e.jsx("span",{children:l})]},i))}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx("button",{onClick:()=>r(Math.max(0,t-1)),disabled:t===0,className:"flex-1 py-1.5 text-[10px] font-display uppercase tracking-wider border border-zinc-700 rounded text-zinc-400 hover:text-zinc-200 hover:border-zinc-600 disabled:opacity-30 disabled:cursor-not-allowed transition-colors",children:"Previous"}),e.jsx("button",{onClick:()=>r(Math.min(a.sections.length-1,t+1)),disabled:t===a.sections.length-1,className:"flex-1 py-1.5 text-[10px] font-display uppercase tracking-wider border border-emerald-500/30 rounded text-emerald-400 hover:bg-emerald-500/10 hover:border-emerald-500/50 disabled:opacity-30 disabled:cursor-not-allowed transition-colors",children:"Next"})]})]})]})}function w(){const[t,r]=x.useState(!1);return e.jsx("div",{className:"border border-emerald-500/30 rounded-lg overflow-hidden bg-emerald-500/5",children:e.jsxs("div",{className:"px-3 py-2",children:[e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(o,{size:14,className:"text-emerald-400 mt-0.5 flex-shrink-0"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-xs text-zinc-300 leading-relaxed",children:a.summary}),e.jsxs("div",{className:"flex items-center gap-3 mt-2",children:[e.jsxs("span",{className:"text-[10px] text-zinc-500",children:[a.sections.length," sections • ",a.sections.reduce((s,l)=>s+l.changes.added,0)," lines added"]}),e.jsx("button",{onClick:()=>r(!t),className:"text-[10px] text-emerald-400 hover:text-emerald-300 font-medium",children:t?"Hide details":"View details"})]})]})]}),t&&e.jsx("div",{className:"mt-3 pt-3 border-t border-emerald-500/20 space-y-2",children:a.sections.map((s,l)=>e.jsxs("div",{className:"flex items-center gap-2 text-[11px]",children:[e.jsxs("span",{className:"text-emerald-400/60",children:[l+1,"."]}),e.jsx("span",{className:"text-zinc-400",children:s.title}),e.jsx("span",{className:"text-zinc-600",children:"•"}),e.jsx("span",{className:"text-zinc-500 font-mono",children:s.file}),e.jsxs("span",{className:"text-green-400/70 ml-auto",children:["+",s.changes.added]})]},l))})]})})}function y(){const[t,r]=x.useState(!1);return t?e.jsxs("div",{className:"border border-emerald-500/40 rounded-lg overflow-hidden bg-zinc-900/80 shadow-xl shadow-emerald-500/5",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 bg-emerald-500/10 border-b border-emerald-500/20",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx(g,{size:16,className:"text-emerald-400"}),e.jsx("span",{className:"text-sm font-semibold text-zinc-100",children:a.title})]}),e.jsx("p",{className:"text-xs text-zinc-400",children:a.summary})]}),e.jsx("button",{onClick:()=>r(!1),className:"p-1.5 rounded hover:bg-emerald-500/20 text-emerald-400/60 hover:text-emerald-400 transition-colors",children:e.jsx(N,{size:16})})]}),e.jsx("div",{className:"p-4 space-y-4 max-h-[400px] overflow-y-auto",children:a.sections.map((s,l)=>e.jsxs("div",{className:"bg-zinc-800/50 rounded-lg p-3 border border-zinc-700/50",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("div",{className:"w-6 h-6 rounded-full bg-emerald-500/20 flex items-center justify-center text-emerald-400 text-xs font-bold",children:l+1}),e.jsx("span",{className:"text-sm font-medium text-zinc-200",children:s.title}),e.jsxs("span",{className:"text-[10px] text-green-400 ml-auto",children:["+",s.changes.added]})]}),e.jsxs("div",{className:"flex items-center gap-1.5 mb-2 ml-8",children:[e.jsx(m,{size:11,className:"text-zinc-500"}),e.jsx("span",{className:"text-[11px] font-mono text-zinc-500",children:s.file})]}),e.jsx("p",{className:"text-xs text-zinc-400 leading-relaxed ml-8 mb-2",children:s.narrative}),e.jsx("ul",{className:"ml-8 space-y-1",children:s.highlights.map((i,n)=>e.jsxs("li",{className:"text-[11px] text-zinc-500 flex items-start gap-2",children:[e.jsx("span",{className:"text-emerald-400",children:"•"}),e.jsx("span",{children:i})]},n))})]},l))})]}):e.jsxs("button",{onClick:()=>r(!0),className:"w-full border border-emerald-500/30 rounded-lg bg-emerald-500/5 px-3 py-2 flex items-center gap-2 hover:bg-emerald-500/10 hover:border-emerald-500/40 transition-colors group",children:[e.jsx(o,{size:14,className:"text-emerald-400"}),e.jsx("span",{className:"text-xs text-zinc-300 flex-1 text-left truncate",children:a.title}),e.jsxs("span",{className:"text-[10px] text-zinc-500 group-hover:text-zinc-400",children:[a.sections.length," sections"]}),e.jsx(b,{size:12,className:"text-emerald-400/60 group-hover:text-emerald-400"})]})}function S(){return e.jsx("div",{className:"min-h-dvh bg-zinc-950 text-zinc-100 p-8",children:e.jsxs("div",{className:"max-w-2xl mx-auto",children:[e.jsx("h1",{className:"text-2xl font-bold text-zinc-100 mb-2",children:"Inline Walkthrough Display Variations"}),e.jsx("p",{className:"text-zinc-400 mb-8",children:"These variations show how a generated walkthrough could appear inline in the History panel, where the Generate button currently is."}),e.jsxs("div",{className:"space-y-12",children:[e.jsxs("section",{children:[e.jsx("h2",{className:"text-lg font-semibold text-zinc-200 mb-2",children:"1. Accordion Style"}),e.jsx("p",{className:"text-sm text-zinc-500 mb-4",children:"Compact and collapsible. Sections expand individually. Good for limited space."}),e.jsx(f,{})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"text-lg font-semibold text-zinc-200 mb-2",children:"2. Timeline Style"}),e.jsx("p",{className:"text-sm text-zinc-500 mb-4",children:"Vertical flow with timeline dots. Shows progression clearly."}),e.jsx(v,{})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"text-lg font-semibold text-zinc-200 mb-2",children:"3. Card Stack"}),e.jsx("p",{className:"text-sm text-zinc-500 mb-4",children:"One section at a time with dot navigation. Focused experience."}),e.jsx(z,{})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"text-lg font-semibold text-zinc-200 mb-2",children:"4. Minimal Inline"}),e.jsx("p",{className:"text-sm text-zinc-500 mb-4",children:"Least intrusive - just summary with expandable details. Low footprint."}),e.jsx(w,{})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"text-lg font-semibold text-zinc-200 mb-2",children:"5. Expandable Panel"}),e.jsx("p",{className:"text-sm text-zinc-500 mb-4",children:"Starts as a single line, expands to a full panel. Best of both worlds."}),e.jsx(y,{})]})]}),e.jsxs("div",{className:"mt-12 p-4 bg-zinc-900/50 border border-zinc-800 rounded-lg",children:[e.jsx("h3",{className:"text-sm font-semibold text-zinc-300 mb-2",children:"Design Notes"}),e.jsxs("ul",{className:"text-xs text-zinc-500 space-y-1.5",children:[e.jsx("li",{children:"• All variations use the same emerald accent color as the Generate button"}),e.jsx("li",{children:"• File names and change counts provide quick context"}),e.jsx("li",{children:"• Highlights summarize key changes without showing full code"}),e.jsx("li",{children:'• Code blocks with annotations would be a "View Full" option'}),e.jsx("li",{children:"• Consider: should this replace the turn list or overlay it?"})]})]})]})})}export{S as InlineWalkthroughPrototype,S as default};
|
|
1
|
+
import{j as e,r as x,h as o,C as h,a as p,ac as m,aa as g,X as j,ad as b,ae as N}from"./main-C9r5KZOO.js";const a={title:"Adding Walkthrough Toggle to History Panel",summary:"Integrated walkthrough mode into the InsightsPanel, allowing users to visualize code changes grouped by scope.",sections:[{title:"Extended Type Definitions",narrative:"Added turn number tracking to scope analysis for mapping UI elements to conversation turns.",file:"walkthrough-service.ts",changes:{added:12,removed:0},highlights:["Added `turnRange: [number, number]` to WalkthroughScopeOption","Added `totalTurns` to WalkthroughScopeAnalysis"]},{title:"Walkthrough Toggle UI",narrative:"Created a toggle button with cyberpunk styling that enables walkthrough mode in the History section.",file:"InsightsPanel.tsx",changes:{added:45,removed:3},highlights:["BookOpen icon with emerald accent color","Cyberpunk button styling with shadow effects","State management for walkthrough mode"]},{title:"Scope Group Overlays",narrative:"Rendered colored borders and headers around turn groups, with Generate buttons for each scope.",file:"InsightsPanel.tsx",changes:{added:78,removed:0},highlights:["Color-coded scope groups (blue, emerald, amber, purple, rose)","Group headers with title, description, and stats","Generate button triggers walkthrough creation"]}]};function f(){const[t,r]=x.useState(!0),[s,l]=x.useState(new Set([0])),i=n=>{l(d=>{const c=new Set(d);return c.has(n)?c.delete(n):c.add(n),c})};return e.jsxs("div",{className:"border border-emerald-500/30 rounded-lg overflow-hidden bg-emerald-500/5",children:[e.jsxs("button",{onClick:()=>r(!t),className:"w-full flex items-center justify-between px-3 py-2 bg-emerald-500/10 border-b border-emerald-500/20 hover:bg-emerald-500/15 transition-colors",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(o,{size:14,className:"text-emerald-400"}),e.jsx("span",{className:"text-xs font-display font-bold uppercase tracking-wider text-emerald-400",children:"Walkthrough"}),e.jsxs("span",{className:"text-[10px] text-emerald-400/60",children:[a.sections.length," sections"]})]}),t?e.jsx(h,{size:14,className:"text-emerald-400"}):e.jsx(p,{size:14,className:"text-emerald-400"})]}),t&&e.jsxs("div",{className:"p-3 space-y-2",children:[e.jsx("p",{className:"text-xs text-zinc-400 leading-relaxed mb-3",children:a.summary}),a.sections.map((n,d)=>e.jsxs("div",{className:"border border-zinc-700/50 rounded-md overflow-hidden",children:[e.jsxs("button",{onClick:()=>i(d),className:"w-full flex items-center gap-2 px-2.5 py-2 bg-zinc-800/30 hover:bg-zinc-800/50 transition-colors text-left",children:[e.jsx("div",{className:"w-5 h-5 rounded-full bg-emerald-500/20 flex items-center justify-center text-emerald-400 text-[10px] font-bold flex-shrink-0",children:d+1}),e.jsx("span",{className:"text-xs text-zinc-200 flex-1 truncate",children:n.title}),e.jsxs("div",{className:"flex items-center gap-1.5 text-[10px] text-zinc-500",children:[e.jsxs("span",{className:"text-green-400",children:["+",n.changes.added]}),n.changes.removed>0&&e.jsxs("span",{className:"text-red-400",children:["-",n.changes.removed]})]}),s.has(d)?e.jsx(h,{size:12,className:"text-zinc-500"}):e.jsx(p,{size:12,className:"text-zinc-500"})]}),s.has(d)&&e.jsxs("div",{className:"px-2.5 py-2 bg-zinc-900/30 border-t border-zinc-700/30",children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-1.5",children:[e.jsx(m,{size:10,className:"text-zinc-500"}),e.jsx("span",{className:"text-[10px] font-mono text-zinc-500",children:n.file})]}),e.jsx("p",{className:"text-[11px] text-zinc-400 leading-relaxed mb-2",children:n.narrative}),e.jsx("ul",{className:"space-y-1",children:n.highlights.map((c,u)=>e.jsxs("li",{className:"text-[10px] text-zinc-500 flex items-start gap-1.5",children:[e.jsx("span",{className:"text-emerald-400 mt-0.5",children:"•"}),e.jsx("span",{children:c})]},u))})]})]},d))]})]})}function v(){const[t,r]=x.useState(!0);return e.jsxs("div",{className:"border border-emerald-500/30 rounded-lg overflow-hidden bg-emerald-500/5",children:[e.jsxs("div",{className:"flex items-center justify-between px-3 py-2 bg-emerald-500/10 border-b border-emerald-500/20",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(g,{size:14,className:"text-emerald-400"}),e.jsx("span",{className:"text-xs font-display font-bold uppercase tracking-wider text-emerald-400",children:a.title})]}),e.jsx("button",{onClick:()=>r(!1),className:"text-emerald-400/60 hover:text-emerald-400",children:e.jsx(j,{size:14})})]}),t&&e.jsxs("div",{className:"p-3",children:[e.jsx("p",{className:"text-xs text-zinc-400 leading-relaxed mb-4",children:a.summary}),e.jsx("div",{className:"relative pl-4 border-l-2 border-emerald-500/20 space-y-4",children:a.sections.map((s,l)=>e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute -left-[21px] w-3 h-3 rounded-full bg-emerald-500/30 border-2 border-emerald-500/60"}),e.jsxs("div",{className:"pl-3",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx("span",{className:"text-xs font-medium text-zinc-200",children:s.title}),e.jsxs("span",{className:"text-[10px] text-green-400",children:["+",s.changes.added]})]}),e.jsxs("div",{className:"flex items-center gap-1.5 mb-1.5",children:[e.jsx(m,{size:10,className:"text-zinc-500"}),e.jsx("span",{className:"text-[10px] font-mono text-zinc-500",children:s.file})]}),e.jsx("p",{className:"text-[11px] text-zinc-500 leading-relaxed",children:s.narrative})]})]},l))})]})]})}function z(){const[t,r]=x.useState(0),s=a.sections[t];return e.jsxs("div",{className:"border border-emerald-500/30 rounded-lg overflow-hidden bg-emerald-500/5",children:[e.jsxs("div",{className:"flex items-center justify-between px-3 py-2 bg-emerald-500/10 border-b border-emerald-500/20",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(o,{size:14,className:"text-emerald-400"}),e.jsx("span",{className:"text-xs font-display font-bold uppercase tracking-wider text-emerald-400",children:"Walkthrough"})]}),e.jsx("div",{className:"flex items-center gap-1",children:a.sections.map((l,i)=>e.jsx("button",{onClick:()=>r(i),className:`w-2 h-2 rounded-full transition-colors ${i===t?"bg-emerald-400":"bg-emerald-400/30 hover:bg-emerald-400/50"}`},i))})]}),e.jsxs("div",{className:"p-3",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("div",{className:"w-6 h-6 rounded-full bg-emerald-500/20 flex items-center justify-center text-emerald-400 text-xs font-bold",children:t+1}),e.jsx("span",{className:"text-sm font-medium text-zinc-200",children:s.title})]}),e.jsxs("div",{className:"flex items-center gap-1.5 mb-2",children:[e.jsx(m,{size:12,className:"text-zinc-500"}),e.jsx("span",{className:"text-[11px] font-mono text-zinc-500",children:s.file}),e.jsxs("span",{className:"text-[10px] text-green-400 ml-auto",children:["+",s.changes.added]})]}),e.jsx("p",{className:"text-xs text-zinc-400 leading-relaxed mb-3",children:s.narrative}),e.jsx("ul",{className:"space-y-1.5 mb-3",children:s.highlights.map((l,i)=>e.jsxs("li",{className:"text-[11px] text-zinc-500 flex items-start gap-2",children:[e.jsx("span",{className:"text-emerald-400",children:"•"}),e.jsx("span",{children:l})]},i))}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx("button",{onClick:()=>r(Math.max(0,t-1)),disabled:t===0,className:"flex-1 py-1.5 text-[10px] font-display uppercase tracking-wider border border-zinc-700 rounded text-zinc-400 hover:text-zinc-200 hover:border-zinc-600 disabled:opacity-30 disabled:cursor-not-allowed transition-colors",children:"Previous"}),e.jsx("button",{onClick:()=>r(Math.min(a.sections.length-1,t+1)),disabled:t===a.sections.length-1,className:"flex-1 py-1.5 text-[10px] font-display uppercase tracking-wider border border-emerald-500/30 rounded text-emerald-400 hover:bg-emerald-500/10 hover:border-emerald-500/50 disabled:opacity-30 disabled:cursor-not-allowed transition-colors",children:"Next"})]})]})]})}function w(){const[t,r]=x.useState(!1);return e.jsx("div",{className:"border border-emerald-500/30 rounded-lg overflow-hidden bg-emerald-500/5",children:e.jsxs("div",{className:"px-3 py-2",children:[e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(o,{size:14,className:"text-emerald-400 mt-0.5 flex-shrink-0"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-xs text-zinc-300 leading-relaxed",children:a.summary}),e.jsxs("div",{className:"flex items-center gap-3 mt-2",children:[e.jsxs("span",{className:"text-[10px] text-zinc-500",children:[a.sections.length," sections • ",a.sections.reduce((s,l)=>s+l.changes.added,0)," lines added"]}),e.jsx("button",{onClick:()=>r(!t),className:"text-[10px] text-emerald-400 hover:text-emerald-300 font-medium",children:t?"Hide details":"View details"})]})]})]}),t&&e.jsx("div",{className:"mt-3 pt-3 border-t border-emerald-500/20 space-y-2",children:a.sections.map((s,l)=>e.jsxs("div",{className:"flex items-center gap-2 text-[11px]",children:[e.jsxs("span",{className:"text-emerald-400/60",children:[l+1,"."]}),e.jsx("span",{className:"text-zinc-400",children:s.title}),e.jsx("span",{className:"text-zinc-600",children:"•"}),e.jsx("span",{className:"text-zinc-500 font-mono",children:s.file}),e.jsxs("span",{className:"text-green-400/70 ml-auto",children:["+",s.changes.added]})]},l))})]})})}function y(){const[t,r]=x.useState(!1);return t?e.jsxs("div",{className:"border border-emerald-500/40 rounded-lg overflow-hidden bg-zinc-900/80 shadow-xl shadow-emerald-500/5",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3 bg-emerald-500/10 border-b border-emerald-500/20",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx(g,{size:16,className:"text-emerald-400"}),e.jsx("span",{className:"text-sm font-semibold text-zinc-100",children:a.title})]}),e.jsx("p",{className:"text-xs text-zinc-400",children:a.summary})]}),e.jsx("button",{onClick:()=>r(!1),className:"p-1.5 rounded hover:bg-emerald-500/20 text-emerald-400/60 hover:text-emerald-400 transition-colors",children:e.jsx(N,{size:16})})]}),e.jsx("div",{className:"p-4 space-y-4 max-h-[400px] overflow-y-auto",children:a.sections.map((s,l)=>e.jsxs("div",{className:"bg-zinc-800/50 rounded-lg p-3 border border-zinc-700/50",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("div",{className:"w-6 h-6 rounded-full bg-emerald-500/20 flex items-center justify-center text-emerald-400 text-xs font-bold",children:l+1}),e.jsx("span",{className:"text-sm font-medium text-zinc-200",children:s.title}),e.jsxs("span",{className:"text-[10px] text-green-400 ml-auto",children:["+",s.changes.added]})]}),e.jsxs("div",{className:"flex items-center gap-1.5 mb-2 ml-8",children:[e.jsx(m,{size:11,className:"text-zinc-500"}),e.jsx("span",{className:"text-[11px] font-mono text-zinc-500",children:s.file})]}),e.jsx("p",{className:"text-xs text-zinc-400 leading-relaxed ml-8 mb-2",children:s.narrative}),e.jsx("ul",{className:"ml-8 space-y-1",children:s.highlights.map((i,n)=>e.jsxs("li",{className:"text-[11px] text-zinc-500 flex items-start gap-2",children:[e.jsx("span",{className:"text-emerald-400",children:"•"}),e.jsx("span",{children:i})]},n))})]},l))})]}):e.jsxs("button",{onClick:()=>r(!0),className:"w-full border border-emerald-500/30 rounded-lg bg-emerald-500/5 px-3 py-2 flex items-center gap-2 hover:bg-emerald-500/10 hover:border-emerald-500/40 transition-colors group",children:[e.jsx(o,{size:14,className:"text-emerald-400"}),e.jsx("span",{className:"text-xs text-zinc-300 flex-1 text-left truncate",children:a.title}),e.jsxs("span",{className:"text-[10px] text-zinc-500 group-hover:text-zinc-400",children:[a.sections.length," sections"]}),e.jsx(b,{size:12,className:"text-emerald-400/60 group-hover:text-emerald-400"})]})}function S(){return e.jsx("div",{className:"min-h-dvh bg-zinc-950 text-zinc-100 p-8",children:e.jsxs("div",{className:"max-w-2xl mx-auto",children:[e.jsx("h1",{className:"text-2xl font-bold text-zinc-100 mb-2",children:"Inline Walkthrough Display Variations"}),e.jsx("p",{className:"text-zinc-400 mb-8",children:"These variations show how a generated walkthrough could appear inline in the History panel, where the Generate button currently is."}),e.jsxs("div",{className:"space-y-12",children:[e.jsxs("section",{children:[e.jsx("h2",{className:"text-lg font-semibold text-zinc-200 mb-2",children:"1. Accordion Style"}),e.jsx("p",{className:"text-sm text-zinc-500 mb-4",children:"Compact and collapsible. Sections expand individually. Good for limited space."}),e.jsx(f,{})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"text-lg font-semibold text-zinc-200 mb-2",children:"2. Timeline Style"}),e.jsx("p",{className:"text-sm text-zinc-500 mb-4",children:"Vertical flow with timeline dots. Shows progression clearly."}),e.jsx(v,{})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"text-lg font-semibold text-zinc-200 mb-2",children:"3. Card Stack"}),e.jsx("p",{className:"text-sm text-zinc-500 mb-4",children:"One section at a time with dot navigation. Focused experience."}),e.jsx(z,{})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"text-lg font-semibold text-zinc-200 mb-2",children:"4. Minimal Inline"}),e.jsx("p",{className:"text-sm text-zinc-500 mb-4",children:"Least intrusive - just summary with expandable details. Low footprint."}),e.jsx(w,{})]}),e.jsxs("section",{children:[e.jsx("h2",{className:"text-lg font-semibold text-zinc-200 mb-2",children:"5. Expandable Panel"}),e.jsx("p",{className:"text-sm text-zinc-500 mb-4",children:"Starts as a single line, expands to a full panel. Best of both worlds."}),e.jsx(y,{})]})]}),e.jsxs("div",{className:"mt-12 p-4 bg-zinc-900/50 border border-zinc-800 rounded-lg",children:[e.jsx("h3",{className:"text-sm font-semibold text-zinc-300 mb-2",children:"Design Notes"}),e.jsxs("ul",{className:"text-xs text-zinc-500 space-y-1.5",children:[e.jsx("li",{children:"• All variations use the same emerald accent color as the Generate button"}),e.jsx("li",{children:"• File names and change counts provide quick context"}),e.jsx("li",{children:"• Highlights summarize key changes without showing full code"}),e.jsx("li",{children:'• Code blocks with annotations would be a "View Full" option'}),e.jsx("li",{children:"• Consider: should this replace the turn list or overlay it?"})]})]})]})})}export{S as InlineWalkthroughPrototype,S as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as e,r as d,T as s,W as o,a as c}from"./main-
|
|
1
|
+
import{j as e,r as d,T as s,W as o,a as c}from"./main-C9r5KZOO.js";function x({onClick:r,isOpen:n}){return e.jsxs("button",{onClick:r,className:"flex items-center gap-1.5 px-2 py-1 rounded-sm text-xs font-display font-bold uppercase tracking-wider bg-background/80 border border-zinc-500/30 text-zinc-400 hover:border-rose-400 hover:text-rose-400",children:[e.jsx(s,{size:12}),e.jsx("span",{children:"Mark"}),e.jsx(c,{size:10,className:`transition-transform ${n?"rotate-180":""}`})]})}function p({onClose:r}){return e.jsx("div",{className:"absolute top-full right-0 mt-2 z-50 w-52 p-2 bg-background/95 backdrop-blur-md border border-rose-500/30 rounded-sm",children:e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsxs("button",{onClick:r,className:"flex items-center gap-3 w-full px-3 py-2.5 rounded-sm text-rose-400 text-xs font-display font-bold uppercase tracking-wider hover:bg-rose-500/10 transition-colors",children:[e.jsx(s,{size:14}),e.jsx("span",{children:"Friction"})]}),e.jsxs("button",{onClick:r,className:"flex items-center gap-3 w-full px-3 py-2.5 rounded-sm text-cyan-400 text-xs font-display font-bold uppercase tracking-wider hover:bg-cyan-500/10 transition-colors",children:[e.jsx(o,{size:14}),e.jsx("span",{children:"Skill Candidate"})]})]})})}function u({onClose:r}){return e.jsxs("div",{className:"absolute top-full right-0 mt-2 z-50 w-52 bg-background/95 backdrop-blur-md border border-border/50 rounded-sm overflow-hidden",children:[e.jsx("div",{className:"px-3 py-2 border-b border-border/30",children:e.jsx("span",{className:"text-[10px] font-display font-bold uppercase tracking-wider text-muted-foreground/60",children:"Mark as"})}),e.jsxs("div",{className:"p-2 flex flex-col gap-1",children:[e.jsxs("button",{onClick:r,className:"flex items-center gap-3 w-full px-3 py-2 rounded-sm text-rose-400 text-xs font-display font-bold uppercase tracking-wider hover:bg-rose-500/10 transition-colors",children:[e.jsx(s,{size:14}),e.jsx("span",{children:"Friction"})]}),e.jsxs("button",{onClick:r,className:"flex items-center gap-3 w-full px-3 py-2 rounded-sm text-cyan-400 text-xs font-display font-bold uppercase tracking-wider hover:bg-cyan-500/10 transition-colors",children:[e.jsx(o,{size:14}),e.jsx("span",{children:"Skill Candidate"})]})]})]})}function b({onClose:r}){return e.jsxs("div",{className:"absolute top-full right-0 mt-2 z-50 w-56 p-2 bg-background/95 backdrop-blur-md border border-border/50 rounded-sm flex flex-col gap-2",children:[e.jsxs("button",{onClick:r,className:"flex items-center gap-3 w-full px-3 py-2.5 rounded-sm border border-rose-500/30 bg-rose-500/5 text-rose-400 text-xs font-display font-bold uppercase tracking-wider hover:border-rose-400 hover:bg-rose-500/10 transition-all",children:[e.jsx(s,{size:14}),e.jsx("span",{children:"Friction"})]}),e.jsxs("button",{onClick:r,className:"flex items-center gap-3 w-full px-3 py-2.5 rounded-sm border border-cyan-500/30 bg-cyan-500/5 text-cyan-400 text-xs font-display font-bold uppercase tracking-wider hover:border-cyan-400 hover:bg-cyan-500/10 transition-all",children:[e.jsx(o,{size:14}),e.jsx("span",{children:"Skill Candidate"})]})]})}function m({onClose:r}){return e.jsxs("div",{className:"absolute top-full right-0 mt-2 z-50 w-56 p-2 bg-background/95 backdrop-blur-md border border-border/50 rounded-sm flex flex-col gap-2",children:[e.jsxs("button",{onClick:r,className:"flex items-center gap-3 w-full px-3 py-2 rounded-sm border border-rose-500/30 text-rose-400 text-xs font-display font-bold uppercase tracking-wider hover:border-rose-400 hover:bg-rose-500/5 hover:shadow-[2px_2px_0_rgba(244,63,94,0.4),-2px_-2px_0_rgba(236,72,153,0.2)] hover:translate-x-[-1px] hover:translate-y-[-1px] transition-all duration-100",children:[e.jsx(s,{size:14}),e.jsx("span",{children:"Friction"})]}),e.jsxs("button",{onClick:r,className:"flex items-center gap-3 w-full px-3 py-2 rounded-sm border border-cyan-500/30 text-cyan-400 text-xs font-display font-bold uppercase tracking-wider hover:border-cyan-400 hover:bg-cyan-500/5 hover:shadow-[2px_2px_0_rgba(34,211,238,0.4),-2px_-2px_0_rgba(96,165,250,0.2)] hover:translate-x-[-1px] hover:translate-y-[-1px] transition-all duration-100",children:[e.jsx(o,{size:14}),e.jsx("span",{children:"Skill Candidate"})]})]})}function h({onClose:r}){return e.jsxs("div",{className:"absolute top-full right-0 mt-2 z-50 w-48 bg-background/95 backdrop-blur-md border border-border/50 rounded-sm overflow-hidden",children:[e.jsxs("button",{onClick:r,className:"flex items-center gap-3 w-full px-3 py-2.5 border-l-2 border-l-rose-500 text-foreground text-xs font-display uppercase tracking-wider hover:bg-rose-500/10 transition-colors",children:[e.jsx(s,{size:14,className:"text-rose-400"}),e.jsx("span",{children:"Friction"})]}),e.jsxs("button",{onClick:r,className:"flex items-center gap-3 w-full px-3 py-2.5 border-l-2 border-l-cyan-500 text-foreground text-xs font-display uppercase tracking-wider hover:bg-cyan-500/10 transition-colors",children:[e.jsx(o,{size:14,className:"text-cyan-400"}),e.jsx("span",{children:"Skill"})]})]})}function f({onClose:r}){return e.jsxs("div",{className:"absolute top-full right-0 mt-2 z-50 w-64 p-2 bg-background/95 backdrop-blur-md border border-border/50 rounded-sm flex flex-col gap-2",children:[e.jsxs("button",{onClick:r,className:"flex flex-col items-start w-full px-3 py-2.5 rounded-sm border border-rose-500/30 bg-rose-500/5 hover:border-rose-400 hover:bg-rose-500/10 transition-all group",children:[e.jsxs("span",{className:"flex items-center gap-2 text-rose-400 text-xs font-display font-bold uppercase tracking-wider",children:[e.jsx(s,{size:12}),"Friction"]}),e.jsx("span",{className:"text-[10px] text-muted-foreground/60 mt-1 font-mono",children:"Something felt awkward or wrong"})]}),e.jsxs("button",{onClick:r,className:"flex flex-col items-start w-full px-3 py-2.5 rounded-sm border border-cyan-500/30 bg-cyan-500/5 hover:border-cyan-400 hover:bg-cyan-500/10 transition-all group",children:[e.jsxs("span",{className:"flex items-center gap-2 text-cyan-400 text-xs font-display font-bold uppercase tracking-wider",children:[e.jsx(o,{size:12}),"Skill Candidate"]}),e.jsx("span",{className:"text-[10px] text-muted-foreground/60 mt-1 font-mono",children:"Pattern that could be automated"})]})]})}function t({title:r,description:n,children:l}){const[a,i]=d.useState(!0);return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-xs font-display font-bold uppercase tracking-wider text-amber-400",children:r}),n&&e.jsx("p",{className:"text-[10px] text-muted-foreground/60 mt-1 font-mono",children:n})]}),e.jsxs("div",{className:"relative inline-block",children:[e.jsx(x,{onClick:()=>i(!a),isOpen:a}),a&&l]})]})}function j(){return e.jsx("div",{className:"min-h-dvh bg-background text-foreground p-8",children:e.jsxs("div",{className:"max-w-5xl mx-auto space-y-12",children:[e.jsxs("header",{className:"border-b border-border/30 pb-6",children:[e.jsx("h1",{className:"text-lg font-display font-bold uppercase tracking-wider text-foreground",children:"Mark Button Menu"}),e.jsx("p",{className:"text-xs text-muted-foreground/60 mt-2 font-mono",children:"Menu styles matching the app's design language. All menus shown open."})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-x-12 gap-y-20",children:[e.jsx(t,{title:"A. Header Menu Style",description:"Like mobile menu in header",children:e.jsx(p,{onClose:()=>{}})}),e.jsx(t,{title:"B. With Section Header",description:"'Mark as' label at top",children:e.jsx(u,{onClose:()=>{}})}),e.jsx(t,{title:"C. Colored Borders",description:"Like LabeledPanel variants",children:e.jsx(b,{onClose:()=>{}})}),e.jsx(t,{title:"D. Matrix Hover",description:"Retro shadow effect on hover",children:e.jsx(m,{onClose:()=>{}})}),e.jsx(t,{title:"E. Left Accent Bar",description:"Compact with color indicator",children:e.jsx(h,{onClose:()=>{}})}),e.jsx(t,{title:"F. With Descriptions",description:"Session card style",children:e.jsx(f,{onClose:()=>{}})})]})]})})}export{j as MarkButtonPrototype,j as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as e,i as c,E as m,H as x,I as u,J as b,K as p,N as g,O as h,Q as s,h as f,Z as j,q as v}from"./main-
|
|
1
|
+
import{j as e,i as c,E as m,H as x,I as u,J as b,K as p,N as g,O as h,Q as s,h as f,Z as j,q as v}from"./main-C9r5KZOO.js";const a=[{name:"mapper",description:"Launch codebase-mapper agent for architectural understanding",color:"purple"},{name:"locator",description:"Launch code-locator agent to find specific functionality",color:"blue"},{name:"adversarial",description:"Launch adversarial-analysis agent for critical evaluation",color:"rose"},{name:"note",description:"Set or clear statusline note",color:"amber"},{name:"look",description:"Look at Windows screen/window and describe or interact with what's visible",color:"emerald"},{name:"debuglog",description:"Read ~/cui-debug.log for frontend debugging (browser + server logs)",color:"orange"},{name:"rightpanel",description:"Read right tmux pane and perform specified action",color:"cyan"},{name:"amppanel",description:"Use amp panel as a research partner",color:"violet"}],d={purple:{text:"text-purple-400",border:"border-purple-500/40",bg:"bg-purple-500/5",icon:"text-purple-400"},blue:{text:"text-blue-400",border:"border-blue-500/40",bg:"bg-blue-500/5",icon:"text-blue-400"},rose:{text:"text-rose-400",border:"border-rose-500/40",bg:"bg-rose-500/5",icon:"text-rose-400"},amber:{text:"text-amber-400",border:"border-amber-500/40",bg:"bg-amber-500/5",icon:"text-amber-400"},emerald:{text:"text-emerald-400",border:"border-emerald-500/40",bg:"bg-emerald-500/5",icon:"text-emerald-400"},orange:{text:"text-orange-400",border:"border-orange-500/40",bg:"bg-orange-500/5",icon:"text-orange-400"},cyan:{text:"text-cyan-400",border:"border-cyan-500/40",bg:"bg-cyan-500/5",icon:"text-cyan-400"},violet:{text:"text-violet-400",border:"border-violet-500/40",bg:"bg-violet-500/5",icon:"text-violet-400"}},n={mapper:h,locator:g,adversarial:p,note:b,look:u,debuglog:x,rightpanel:m,amppanel:c},N=[{id:"next",label:"Next",icon:f},{id:"skills",label:"Skills",icon:j},{id:"mode",label:"Mode",icon:v}];function l(){return e.jsx("div",{className:"w-10 border-r border-border/30 py-2 flex flex-col items-center gap-1",children:N.map(r=>{const t=r.icon,o=r.id==="skills",i={next:"text-amber-400 bg-amber-500/10",skills:"text-purple-400 bg-purple-500/10",mode:"text-cyan-400 bg-cyan-500/10"};return e.jsx("button",{className:s("p-1.5 rounded transition-all",o?i[r.id]:"text-muted-foreground hover:text-foreground hover:bg-muted/30"),title:r.label,children:e.jsx(t,{size:14})},r.id)})})}function w(){return e.jsx("div",{className:"bg-background/95 backdrop-blur-md border border-border/50 rounded-lg overflow-hidden w-[440px]",children:e.jsxs("div",{className:"flex",children:[e.jsx(l,{}),e.jsx("div",{className:"flex-1 p-3 grid grid-cols-2 gap-2 max-h-72 overflow-y-auto",children:a.map(r=>{const t=n[r.name],o=d[r.color];return e.jsxs("button",{className:s("text-left p-3 rounded-md border transition-all group",o.border,o.bg,"hover:brightness-110"),children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1.5",children:[e.jsx(t,{size:14,className:o.icon}),e.jsx("span",{className:s("text-sm font-medium",o.text),children:r.name})]}),e.jsx("div",{className:"text-[11px] text-muted-foreground/60 leading-relaxed line-clamp-2",children:r.description})]},r.name)})})]})})}function y(){return e.jsx("div",{className:"bg-background/95 backdrop-blur-md border border-border/50 rounded-lg overflow-hidden w-[440px]",children:e.jsxs("div",{className:"flex",children:[e.jsx(l,{}),e.jsx("div",{className:"flex-1 p-3 grid grid-cols-2 gap-2 max-h-72 overflow-y-auto",children:a.map(r=>{const t=n[r.name],o=d[r.color];return e.jsxs("button",{className:s("text-left p-3 rounded-md border border-border/20 bg-card/20 transition-all group",`hover:${o.border} hover:${o.bg}`),children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1.5",children:[e.jsx(t,{size:14,className:s("text-muted-foreground/70",`group-hover:${o.icon}`)}),e.jsx("span",{className:s("text-sm text-foreground",`group-hover:${o.text}`),children:r.name})]}),e.jsx("div",{className:"text-[11px] text-muted-foreground/50 leading-relaxed line-clamp-2",children:r.description})]},r.name)})})]})})}function S(){return e.jsx("div",{className:"bg-background/95 backdrop-blur-md border border-border/50 rounded-lg overflow-hidden w-[460px]",children:e.jsxs("div",{className:"flex",children:[e.jsx(l,{}),e.jsx("div",{className:"flex-1 p-3 grid grid-cols-2 gap-2.5 max-h-80 overflow-y-auto",children:a.map(r=>{const t=n[r.name],o=d[r.color];return e.jsxs("button",{className:"text-left p-3 rounded-md border border-border/20 hover:border-border/40 bg-card/30 hover:bg-card/50 transition-all group flex gap-3",children:[e.jsx("div",{className:s("w-8 h-8 rounded-md flex items-center justify-center shrink-0",o.bg),children:e.jsx(t,{size:16,className:o.icon})}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("div",{className:s("text-sm font-medium mb-0.5",o.text),children:r.name}),e.jsx("div",{className:"text-[10px] text-muted-foreground/50 leading-relaxed line-clamp-2",children:r.description})]})]},r.name)})})]})})}function k(){return e.jsx("div",{className:"bg-background/95 backdrop-blur-md border border-border/50 rounded-lg overflow-hidden w-[400px]",children:e.jsxs("div",{className:"flex",children:[e.jsx(l,{}),e.jsx("div",{className:"flex-1 py-1 max-h-72 overflow-y-auto",children:a.map(r=>{const t=n[r.name],o=d[r.color];return e.jsxs("button",{className:s("w-full text-left px-3 py-2.5 transition-all group flex items-start gap-3","hover:bg-muted/30"),children:[e.jsx(t,{size:16,className:s(o.icon,"mt-0.5 shrink-0")}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("span",{className:s("text-sm font-medium",o.text),children:r.name}),e.jsx("div",{className:"text-[11px] text-muted-foreground/50 leading-relaxed mt-0.5",children:r.description})]})]},r.name)})})]})})}function I(){return e.jsx("div",{className:"bg-background/95 backdrop-blur-md border border-border/50 rounded-lg overflow-hidden w-[440px]",children:e.jsxs("div",{className:"flex",children:[e.jsx(l,{}),e.jsx("div",{className:"flex-1 p-3 grid grid-cols-2 gap-2 max-h-72 overflow-y-auto",children:a.map(r=>{const t=n[r.name],o=d[r.color],i={purple:"border-l-purple-500",blue:"border-l-blue-500",rose:"border-l-rose-500",amber:"border-l-amber-500",emerald:"border-l-emerald-500",orange:"border-l-orange-500",cyan:"border-l-cyan-500",violet:"border-l-violet-500"};return e.jsxs("button",{className:s("text-left p-3 rounded-md bg-card/30 border border-border/20 transition-all group","border-l-2",i[r.color],"hover:bg-card/50 hover:border-border/40"),children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1.5",children:[e.jsx(t,{size:14,className:o.icon}),e.jsx("span",{className:"text-sm text-foreground group-hover:text-white transition-colors",children:r.name})]}),e.jsx("div",{className:"text-[11px] text-muted-foreground/50 leading-relaxed line-clamp-2",children:r.description})]},r.name)})})]})})}function z(){return e.jsx("div",{className:"bg-background/95 backdrop-blur-md border border-border/50 rounded-lg overflow-hidden w-[360px]",children:e.jsxs("div",{className:"flex",children:[e.jsx(l,{}),e.jsx("div",{className:"flex-1 p-2 grid grid-cols-2 gap-1.5 max-h-64 overflow-y-auto",children:a.map(r=>{const t=n[r.name],o=d[r.color];return e.jsx("button",{className:"text-left p-2.5 rounded transition-all group hover:bg-muted/30",title:r.description,children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t,{size:14,className:o.icon}),e.jsx("span",{className:"text-sm text-foreground",children:r.name})]})},r.name)})})]})})}function M(){return e.jsxs("div",{className:"min-h-dvh bg-zinc-950 p-8",children:[e.jsx("h1",{className:"text-xl font-mono text-foreground mb-2",children:"SmartMenu Variations"}),e.jsx("p",{className:"text-sm text-muted-foreground/60 mb-8",children:"Geometric icons • Per-skill colors • More breathing room • Real descriptions"}),e.jsxs("div",{className:"grid grid-cols-2 gap-8",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-sm font-display text-muted-foreground mb-3 uppercase tracking-wider",children:"1: Colorful Cards"}),e.jsx(w,{}),e.jsx("p",{className:"text-xs text-muted-foreground/50 mt-2",children:"Each skill has its own color, always visible"})]}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-sm font-display text-muted-foreground mb-3 uppercase tracking-wider",children:"2: Subtle → Colorful on Hover"}),e.jsx(y,{}),e.jsx("p",{className:"text-xs text-muted-foreground/50 mt-2",children:"Muted by default, color reveals on hover"})]}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-sm font-display text-muted-foreground mb-3 uppercase tracking-wider",children:"3: Icon Badge"}),e.jsx(S,{}),e.jsx("p",{className:"text-xs text-muted-foreground/50 mt-2",children:"Icon in colored square badge, more horizontal"})]}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-sm font-display text-muted-foreground mb-3 uppercase tracking-wider",children:"4: Single Column List"}),e.jsx(k,{}),e.jsx("p",{className:"text-xs text-muted-foreground/50 mt-2",children:"Vertical list with full descriptions"})]}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-sm font-display text-muted-foreground mb-3 uppercase tracking-wider",children:"5: Left Border Accent"}),e.jsx(I,{}),e.jsx("p",{className:"text-xs text-muted-foreground/50 mt-2",children:"Color stripe on left edge of each card"})]}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-sm font-display text-muted-foreground mb-3 uppercase tracking-wider",children:"6: Minimal + Tooltip"}),e.jsx(z,{}),e.jsx("p",{className:"text-xs text-muted-foreground/50 mt-2",children:"Just icon + name, desc in title tooltip"})]})]})]})}export{M as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as e,r as a,a as m,m as p,n as y,X as k,o as h,d as N,p as v}from"./main-
|
|
1
|
+
import{j as e,r as a,a as m,m as p,n as y,X as k,o as h,d as N,p as v}from"./main-C9r5KZOO.js";const w=[{pattern:"Bash(npm install lodash)",description:"Only this exact operation"},{pattern:"Bash(npm install *)",description:'Any "npm install" command'},{pattern:"Bash(npm *)",description:'Any "npm" command'},{pattern:"Bash",description:"All bash operations"}],A=[{pattern:"Write(src/components/Button.tsx)",description:"Only this exact operation"},{pattern:"Write(src/components/*.tsx)",description:"Any .tsx file in src/components"},{pattern:"Write(src/**/*.tsx)",description:"Any .tsx file under src/"},{pattern:"Write(*.tsx)",description:"Any .tsx file"},{pattern:"Write",description:"All write operations"}];function u({toolName:b,summary:o,patterns:n}){const[t,g]=a.useState(!1),[s,f]=a.useState(!1),[r,i]=a.useState("session");return e.jsxs("div",{className:"border border-amber-500/30 rounded-lg overflow-hidden bg-amber-500/5",children:[e.jsxs("div",{className:"bg-amber-500/10 px-4 py-3 flex items-center gap-4",children:[e.jsxs("button",{onClick:()=>g(!t),className:"flex items-center gap-3 flex-1 min-w-0 text-left",children:[t?e.jsx(m,{size:14,className:"text-amber-400 shrink-0"}):e.jsx(p,{size:14,className:"text-amber-400 shrink-0"}),e.jsx(y,{size:16,className:"text-amber-400 shrink-0"}),e.jsx("span",{className:"font-display text-xs font-bold text-amber-400 uppercase tracking-wider shrink-0",children:b}),e.jsx("span",{className:"text-muted-foreground/40 shrink-0",children:"·"}),e.jsx("span",{className:`text-sm text-foreground/70 font-mono ${t?"":"truncate"}`,children:o})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[e.jsxs("button",{className:"group flex items-center gap-1.5 px-3 py-1.5 rounded-sm bg-background/80 border border-border/30 text-muted-foreground text-xs font-display uppercase tracking-wider hover:border-red-500/30 hover:text-red-400 transition-colors",children:[e.jsx(k,{size:12}),"Deny"]}),e.jsxs("button",{className:"group flex items-center gap-1.5 px-3 py-1.5 rounded-sm bg-background/80 border border-emerald-500/30 text-emerald-400 text-xs font-display uppercase tracking-wider hover:border-emerald-400 hover:bg-emerald-500/5 transition-colors",children:[e.jsx(h,{size:12}),"Allow"]}),e.jsxs("button",{onClick:()=>f(!s),className:`group flex items-center gap-1.5 px-3 py-1.5 rounded-sm bg-background/80 border text-xs font-display uppercase tracking-wider transition-colors ${s?"border-sky-400 text-sky-400 bg-sky-500/5":"border-sky-500/30 text-sky-400 hover:border-sky-400 hover:bg-sky-500/5"}`,children:[s?e.jsx(m,{size:12}):e.jsx(p,{size:12}),"Allow Always"]})]})]}),t&&!s&&e.jsx("div",{className:"border-t border-amber-500/20 px-4 py-3 bg-background/50",children:e.jsx("pre",{className:"font-mono text-sm text-foreground whitespace-pre-wrap break-all bg-neutral-950 rounded p-3",children:o})}),s&&e.jsxs("div",{className:"border-t border-amber-500/20 bg-background/30",children:[e.jsxs("div",{className:"px-4 py-3 border-b border-border/20 flex items-center gap-4",children:[e.jsx("span",{className:"text-xs text-muted-foreground uppercase tracking-wider",children:"Remember for:"}),e.jsxs("div",{className:"flex gap-1 bg-muted/10 rounded p-0.5",children:[e.jsxs("button",{onClick:()=>i("session"),className:`flex items-center gap-1.5 px-3 py-1.5 rounded text-xs font-medium transition-colors ${r==="session"?"bg-sky-500/20 text-sky-400":"text-muted-foreground hover:text-foreground"}`,children:[e.jsx(N,{size:12}),"This Session"]}),e.jsxs("button",{onClick:()=>i("global"),className:`flex items-center gap-1.5 px-3 py-1.5 rounded text-xs font-medium transition-colors ${r==="global"?"bg-violet-500/20 text-violet-400":"text-muted-foreground hover:text-foreground"}`,children:[e.jsx(v,{size:12}),"Always"]})]})]}),e.jsx("div",{className:"py-2",children:n.map(({pattern:l,description:j},d)=>{const c=d===0,x=d===n.length-1&&n.length>1;return e.jsxs("button",{className:"w-full text-left px-4 py-2.5 hover:bg-accent/30 transition-colors flex items-center gap-3 group",children:[e.jsx("div",{className:`w-2 h-2 rounded-full shrink-0 ${c?"bg-emerald-400":x?"bg-amber-400":"bg-muted-foreground/30"}`}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("span",{className:"font-mono text-xs text-foreground/80",children:l}),e.jsx("span",{className:"text-[11px] text-muted-foreground block mt-0.5",children:j})]}),c&&e.jsx("span",{className:"text-[9px] uppercase tracking-wider text-emerald-400/70 bg-emerald-500/10 px-1.5 py-0.5 rounded shrink-0",children:"safest"}),x&&e.jsx("span",{className:"text-[9px] uppercase tracking-wider text-amber-400/70 bg-amber-500/10 px-1.5 py-0.5 rounded shrink-0",children:"broad"}),e.jsx(h,{size:14,className:`shrink-0 opacity-0 group-hover:opacity-100 transition-opacity ${r==="session"?"text-sky-400":"text-violet-400"}`})]},l)})}),e.jsx("div",{className:"px-4 py-2 border-t border-border/20 text-[10px] text-muted-foreground",children:r==="session"?e.jsx("span",{children:"Pattern will be allowed for this session only"}):e.jsx("span",{children:"Pattern will be saved and allowed in all future sessions"})})]})]})}function z(){return e.jsx("div",{className:"min-h-dvh bg-background p-8",children:e.jsxs("div",{className:"max-w-4xl mx-auto space-y-8",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-foreground mb-2",children:"Permission Pattern Picker"}),e.jsx("p",{className:"text-muted-foreground",children:'Final design - click "Allow Always" to expand'})]}),e.jsxs("section",{className:"space-y-4",children:[e.jsx("h2",{className:"text-lg font-semibold text-foreground",children:"Bash Command Example"}),e.jsx(u,{toolName:"Bash",summary:"npm install lodash",patterns:w})]}),e.jsxs("section",{className:"space-y-4",children:[e.jsx("h2",{className:"text-lg font-semibold text-foreground",children:"File Write Example"}),e.jsx(u,{toolName:"Write",summary:"src/components/Button.tsx",patterns:A})]})]})})}export{z as PermissionPatternPickerPrototype,z as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as x,j as e,q as m,R as I,s as C,X as b,o as c,S as N,F as P,t as f,u as z,n as v,a as y,m as k,v as w}from"./main-BcLWIebZ.js";const l=[{id:"perm-bash-1",streamingId:"mock-stream",toolName:"Bash",toolInput:{command:"npm run build",description:"Build the project"},timestamp:new Date().toISOString(),status:"pending"},{id:"perm-edit-1",streamingId:"mock-stream",toolName:"Edit",toolInput:{file_path:"/home/jason/cui-custom/src/server.ts",old_string:"const PORT = 3000;",new_string:"const PORT = process.env.PORT || 3000;"},timestamp:new Date().toISOString(),status:"pending"},{id:"perm-read-1",streamingId:"mock-stream",toolName:"Read",toolInput:{file_path:"/home/jason/cui-custom/package.json"},timestamp:new Date().toISOString(),status:"pending"},{id:"perm-grep-1",streamingId:"mock-stream",toolName:"Grep",toolInput:{pattern:"permission",path:"/home/jason/cui-custom/src"},timestamp:new Date().toISOString(),status:"pending"}],j={Bash:z,Edit:f,Write:f,Read:P,Grep:N,Glob:N};function u(t,a){switch(t){case"Bash":return a.command||"";case"Read":case"Write":case"Edit":return a.file_path||"";case"Grep":return`"${String(a.pattern??"")}" in ${String(a.path??"")}`;default:return""}}function D({permission:t,onApprove:a,onDeny:n}){const[s,r]=x.useState(!0),o=j[t.toolName]||m,d=u(t.toolName,t.toolInput);return e.jsxs("div",{className:"border border-amber-500/30 rounded-lg p-4 bg-amber-500/5",children:[e.jsxs("div",{className:"text-xs uppercase tracking-wider text-amber-400/70 mb-2 flex items-center gap-2",children:[e.jsx(v,{size:12}),"Permission Request"]}),e.jsxs("div",{className:"flex items-start gap-3 mb-3",children:[e.jsx("div",{className:"p-2 rounded bg-card/30 border border-border/20",children:e.jsx(o,{size:16,className:"text-muted-foreground"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-sm font-medium text-foreground/80",children:t.toolName}),e.jsx("div",{className:"text-xs text-muted-foreground/60 font-mono truncate",children:d})]})]}),e.jsxs("button",{onClick:()=>r(!s),className:"text-xs text-muted-foreground/50 hover:text-muted-foreground/70 flex items-center gap-1 mb-3",children:[s?e.jsx(y,{size:12}):e.jsx(k,{size:12}),s?"Hide details":"Show details"]}),s&&e.jsx("div",{className:"mb-4 p-3 rounded bg-card/20 border border-border/20",children:e.jsx(w,{toolName:t.toolName,toolInput:t.toolInput})}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("button",{onClick:a,className:"flex items-center gap-1.5 px-3 py-1.5 rounded text-xs bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors",children:[e.jsx(c,{size:12}),"Allow"]}),e.jsx("button",{onClick:n,className:"px-3 py-1.5 rounded text-xs text-muted-foreground hover:text-red-400 hover:bg-red-500/10 transition-colors",children:"Deny"})]})]})}function A({permission:t,onApprove:a,onDeny:n}){const s=j[t.toolName]||m,r=u(t.toolName,t.toolInput);return e.jsxs("div",{className:"border border-border/30 rounded-lg p-4 bg-card/20",children:[e.jsxs("p",{className:"text-xs text-muted-foreground/60 leading-relaxed mb-2 italic",children:['"Claude wants to execute a ',t.toolName.toLowerCase(),' operation"']}),e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(s,{size:14,className:"text-muted-foreground/70 shrink-0"}),e.jsx("code",{className:"text-sm text-foreground/80 font-mono truncate",children:r})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("button",{onClick:a,className:"flex items-center gap-1.5 px-3 py-1.5 rounded text-xs bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors",children:[e.jsx(c,{size:12}),"Allow"]}),e.jsx("button",{onClick:n,className:"px-3 py-1.5 rounded text-xs text-muted-foreground hover:text-red-400 hover:bg-red-500/10 transition-colors",children:"Deny"})]})]})}function R({permission:t,onApprove:a,onDeny:n}){const[s,r]=x.useState(!1),o=u(t.toolName,t.toolInput);return e.jsxs("div",{className:"border border-amber-500/30 rounded-lg overflow-hidden bg-amber-500/5",children:[e.jsxs("div",{className:"bg-amber-500/10 px-4 py-3 flex items-center gap-4",children:[e.jsxs("button",{onClick:()=>r(!s),className:"flex items-center gap-3 flex-1 min-w-0 text-left",children:[s?e.jsx(y,{size:14,className:"text-amber-400 shrink-0"}):e.jsx(k,{size:14,className:"text-amber-400 shrink-0"}),e.jsx(v,{size:16,className:"text-amber-400 shrink-0"}),e.jsx("span",{className:"font-display text-xs font-bold text-amber-400 uppercase tracking-wider shrink-0",children:t.toolName}),e.jsx("span",{className:"text-muted-foreground/40 shrink-0",children:"·"}),e.jsx("span",{className:`text-sm text-foreground/70 font-mono ${s?"":"truncate"}`,children:o})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[e.jsxs("button",{onClick:d=>{d.stopPropagation(),n()},className:"group flex items-center gap-1.5 px-3 py-1.5 rounded-sm bg-background/80 border border-border/30 text-muted-foreground text-xs font-display uppercase tracking-wider hover:border-red-500/30 hover:text-red-400 transition-colors",children:[e.jsx(b,{size:12}),"Deny"]}),e.jsxs("button",{onClick:d=>{d.stopPropagation(),a()},className:"group flex items-center gap-1.5 px-3 py-1.5 rounded-sm bg-background/80 border border-emerald-500/30 text-emerald-400 text-xs font-display uppercase tracking-wider hover:border-emerald-400 hover:bg-emerald-500/5 transition-colors",children:[e.jsx(c,{size:12}),"Allow"]})]})]}),s&&e.jsx("div",{className:"border-t border-amber-500/20 px-4 py-3 bg-background/50",children:e.jsx(w,{toolName:t.toolName,toolInput:t.toolInput})})]})}function O({permissions:t,onApprove:a,onDeny:n,onApproveAll:s}){return t.length===0?null:e.jsxs("div",{className:"border border-border/30 rounded-lg bg-card/20 overflow-hidden",children:[e.jsxs("div",{className:"px-4 py-3 border-b border-border/20 flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"text-xs uppercase tracking-wider text-muted-foreground/50",children:"Pending Permissions"}),e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-amber-500/20 text-amber-400 tabular-nums",children:t.length})]}),e.jsx("button",{onClick:s,className:"text-xs text-emerald-400/70 hover:text-emerald-400 transition-colors",children:"Allow all"})]}),e.jsx("div",{className:"divide-y divide-border/10",children:t.map(r=>{const o=j[r.toolName]||m,d=u(r.toolName,r.toolInput);return e.jsxs("div",{className:"px-4 py-3 flex items-center gap-3 hover:bg-card/30 transition-colors",children:[e.jsx(o,{size:14,className:"text-muted-foreground/50 shrink-0"}),e.jsx("div",{className:"flex-1 min-w-0",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-xs font-medium text-foreground/70",children:r.toolName}),e.jsx("span",{className:"text-xs text-muted-foreground/40 font-mono truncate",children:d})]})}),e.jsxs("div",{className:"flex items-center gap-1 shrink-0",children:[e.jsx("button",{onClick:()=>n(r.id),className:"p-1.5 rounded text-muted-foreground/50 hover:text-red-400 hover:bg-red-500/10 transition-colors",title:"Deny",children:e.jsx(b,{size:12})}),e.jsx("button",{onClick:()=>a(r.id),className:"p-1.5 rounded text-emerald-400/70 hover:text-emerald-400 hover:bg-emerald-500/10 transition-colors",title:"Allow",children:e.jsx(c,{size:12})})]})]},r.id)})})]})}function E(){const[t,a]=x.useState(l[0]),[n,s]=x.useState(l),r=i=>{const p=i||t.id;s(g=>g.filter(h=>h.id!==p))},o=i=>{const p=i||t.id;s(g=>g.filter(h=>h.id!==p))},d=()=>{s([])},S=()=>{a(l[0]),s(l)};return e.jsxs("div",{className:"min-h-dvh bg-background",children:[e.jsxs("header",{className:"sticky top-0 z-20 flex items-center justify-between px-4 py-3 h-[60px] bg-background border-b border-border/50 relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 bg-[linear-gradient(rgba(0,255,255,0.03)_1px,transparent_1px),linear-gradient(90deg,rgba(0,255,255,0.03)_1px,transparent_1px)] bg-[size:20px_20px] pointer-events-none"}),e.jsxs("div",{className:"relative flex items-center gap-2",children:[e.jsx(m,{size:18,className:"text-amber-400"}),e.jsx("span",{className:"font-mono text-sm font-bold text-amber-400 tracking-wider",children:"PERMISSIONS"}),e.jsx("span",{className:"font-display text-[10px] text-muted-foreground/50 uppercase tracking-widest",children:"[PROTOTYPE]"})]}),e.jsxs("button",{onClick:S,className:"relative flex items-center gap-2 px-3 py-1.5 rounded-sm bg-background/80 border border-border/30 text-muted-foreground text-xs font-display uppercase tracking-wider hover:border-cyan-500/30 hover:text-cyan-400 transition-colors",children:[e.jsx(I,{size:12}),"Reset"]})]}),e.jsxs("div",{className:"p-6 max-w-5xl mx-auto space-y-8",children:[e.jsx("div",{className:"flex flex-wrap gap-2",children:l.map(i=>e.jsx("button",{onClick:()=>a(i),className:`px-3 py-1.5 text-xs font-display uppercase tracking-wider rounded-sm border transition-colors ${t.id===i.id?"border-cyan-500/50 text-cyan-400 bg-cyan-500/10":"border-border/30 text-muted-foreground hover:border-border/50 hover:text-foreground/80"}`,children:i.toolName},i.id))}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx("div",{className:"text-xs uppercase tracking-wider text-muted-foreground/50",children:"A: Labeled Panel Style"}),e.jsx(D,{permission:t,onApprove:()=>r(),onDeny:()=>o()})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("div",{className:"text-xs uppercase tracking-wider text-muted-foreground/50",children:"B: Recommendation Card Style"}),e.jsx(A,{permission:t,onApprove:()=>r(),onDeny:()=>o()})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("div",{className:"text-xs uppercase tracking-wider text-muted-foreground/50",children:"C: Header Banner Style"}),e.jsx(R,{permission:t,onApprove:()=>r(),onDeny:()=>o()})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("div",{className:"text-xs uppercase tracking-wider text-muted-foreground/50",children:"D: Batched Queue Style"}),e.jsx(O,{permissions:n,onApprove:r,onDeny:o,onApproveAll:d})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("div",{className:"text-xs uppercase tracking-wider text-muted-foreground/50",children:"Current: Built-in PermissionDialog"}),e.jsx("div",{className:"relative border border-border/30 rounded-lg bg-card/20 p-4 min-h-[280px]",children:e.jsxs("div",{className:"absolute bottom-4 left-4 right-4",children:[e.jsx(C,{permissionRequest:t,isVisible:!0}),e.jsxs("div",{className:"mt-3 flex gap-2 justify-end",children:[e.jsxs("button",{className:"flex items-center gap-1.5 px-3 py-1.5 rounded text-xs text-muted-foreground hover:text-red-400 hover:bg-red-500/10 transition-colors",children:[e.jsx(b,{size:12}),"Deny"]}),e.jsxs("button",{className:"flex items-center gap-1.5 px-3 py-1.5 rounded text-xs bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors",children:[e.jsx(c,{size:12}),"Allow"]})]})]})})]})]})]})}export{E as PermissionPrototype,E as default};
|
|
1
|
+
import{r as x,j as e,q as m,R as I,s as C,X as b,o as c,S as N,F as P,t as f,u as z,n as v,a as y,m as k,v as w}from"./main-C9r5KZOO.js";const l=[{id:"perm-bash-1",streamingId:"mock-stream",toolName:"Bash",toolInput:{command:"npm run build",description:"Build the project"},timestamp:new Date().toISOString(),status:"pending"},{id:"perm-edit-1",streamingId:"mock-stream",toolName:"Edit",toolInput:{file_path:"/home/jason/cui-custom/src/server.ts",old_string:"const PORT = 3000;",new_string:"const PORT = process.env.PORT || 3000;"},timestamp:new Date().toISOString(),status:"pending"},{id:"perm-read-1",streamingId:"mock-stream",toolName:"Read",toolInput:{file_path:"/home/jason/cui-custom/package.json"},timestamp:new Date().toISOString(),status:"pending"},{id:"perm-grep-1",streamingId:"mock-stream",toolName:"Grep",toolInput:{pattern:"permission",path:"/home/jason/cui-custom/src"},timestamp:new Date().toISOString(),status:"pending"}],j={Bash:z,Edit:f,Write:f,Read:P,Grep:N,Glob:N};function u(t,a){switch(t){case"Bash":return a.command||"";case"Read":case"Write":case"Edit":return a.file_path||"";case"Grep":return`"${String(a.pattern??"")}" in ${String(a.path??"")}`;default:return""}}function D({permission:t,onApprove:a,onDeny:n}){const[s,r]=x.useState(!0),o=j[t.toolName]||m,d=u(t.toolName,t.toolInput);return e.jsxs("div",{className:"border border-amber-500/30 rounded-lg p-4 bg-amber-500/5",children:[e.jsxs("div",{className:"text-xs uppercase tracking-wider text-amber-400/70 mb-2 flex items-center gap-2",children:[e.jsx(v,{size:12}),"Permission Request"]}),e.jsxs("div",{className:"flex items-start gap-3 mb-3",children:[e.jsx("div",{className:"p-2 rounded bg-card/30 border border-border/20",children:e.jsx(o,{size:16,className:"text-muted-foreground"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-sm font-medium text-foreground/80",children:t.toolName}),e.jsx("div",{className:"text-xs text-muted-foreground/60 font-mono truncate",children:d})]})]}),e.jsxs("button",{onClick:()=>r(!s),className:"text-xs text-muted-foreground/50 hover:text-muted-foreground/70 flex items-center gap-1 mb-3",children:[s?e.jsx(y,{size:12}):e.jsx(k,{size:12}),s?"Hide details":"Show details"]}),s&&e.jsx("div",{className:"mb-4 p-3 rounded bg-card/20 border border-border/20",children:e.jsx(w,{toolName:t.toolName,toolInput:t.toolInput})}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("button",{onClick:a,className:"flex items-center gap-1.5 px-3 py-1.5 rounded text-xs bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors",children:[e.jsx(c,{size:12}),"Allow"]}),e.jsx("button",{onClick:n,className:"px-3 py-1.5 rounded text-xs text-muted-foreground hover:text-red-400 hover:bg-red-500/10 transition-colors",children:"Deny"})]})]})}function A({permission:t,onApprove:a,onDeny:n}){const s=j[t.toolName]||m,r=u(t.toolName,t.toolInput);return e.jsxs("div",{className:"border border-border/30 rounded-lg p-4 bg-card/20",children:[e.jsxs("p",{className:"text-xs text-muted-foreground/60 leading-relaxed mb-2 italic",children:['"Claude wants to execute a ',t.toolName.toLowerCase(),' operation"']}),e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(s,{size:14,className:"text-muted-foreground/70 shrink-0"}),e.jsx("code",{className:"text-sm text-foreground/80 font-mono truncate",children:r})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("button",{onClick:a,className:"flex items-center gap-1.5 px-3 py-1.5 rounded text-xs bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors",children:[e.jsx(c,{size:12}),"Allow"]}),e.jsx("button",{onClick:n,className:"px-3 py-1.5 rounded text-xs text-muted-foreground hover:text-red-400 hover:bg-red-500/10 transition-colors",children:"Deny"})]})]})}function R({permission:t,onApprove:a,onDeny:n}){const[s,r]=x.useState(!1),o=u(t.toolName,t.toolInput);return e.jsxs("div",{className:"border border-amber-500/30 rounded-lg overflow-hidden bg-amber-500/5",children:[e.jsxs("div",{className:"bg-amber-500/10 px-4 py-3 flex items-center gap-4",children:[e.jsxs("button",{onClick:()=>r(!s),className:"flex items-center gap-3 flex-1 min-w-0 text-left",children:[s?e.jsx(y,{size:14,className:"text-amber-400 shrink-0"}):e.jsx(k,{size:14,className:"text-amber-400 shrink-0"}),e.jsx(v,{size:16,className:"text-amber-400 shrink-0"}),e.jsx("span",{className:"font-display text-xs font-bold text-amber-400 uppercase tracking-wider shrink-0",children:t.toolName}),e.jsx("span",{className:"text-muted-foreground/40 shrink-0",children:"·"}),e.jsx("span",{className:`text-sm text-foreground/70 font-mono ${s?"":"truncate"}`,children:o})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[e.jsxs("button",{onClick:d=>{d.stopPropagation(),n()},className:"group flex items-center gap-1.5 px-3 py-1.5 rounded-sm bg-background/80 border border-border/30 text-muted-foreground text-xs font-display uppercase tracking-wider hover:border-red-500/30 hover:text-red-400 transition-colors",children:[e.jsx(b,{size:12}),"Deny"]}),e.jsxs("button",{onClick:d=>{d.stopPropagation(),a()},className:"group flex items-center gap-1.5 px-3 py-1.5 rounded-sm bg-background/80 border border-emerald-500/30 text-emerald-400 text-xs font-display uppercase tracking-wider hover:border-emerald-400 hover:bg-emerald-500/5 transition-colors",children:[e.jsx(c,{size:12}),"Allow"]})]})]}),s&&e.jsx("div",{className:"border-t border-amber-500/20 px-4 py-3 bg-background/50",children:e.jsx(w,{toolName:t.toolName,toolInput:t.toolInput})})]})}function O({permissions:t,onApprove:a,onDeny:n,onApproveAll:s}){return t.length===0?null:e.jsxs("div",{className:"border border-border/30 rounded-lg bg-card/20 overflow-hidden",children:[e.jsxs("div",{className:"px-4 py-3 border-b border-border/20 flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"text-xs uppercase tracking-wider text-muted-foreground/50",children:"Pending Permissions"}),e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded bg-amber-500/20 text-amber-400 tabular-nums",children:t.length})]}),e.jsx("button",{onClick:s,className:"text-xs text-emerald-400/70 hover:text-emerald-400 transition-colors",children:"Allow all"})]}),e.jsx("div",{className:"divide-y divide-border/10",children:t.map(r=>{const o=j[r.toolName]||m,d=u(r.toolName,r.toolInput);return e.jsxs("div",{className:"px-4 py-3 flex items-center gap-3 hover:bg-card/30 transition-colors",children:[e.jsx(o,{size:14,className:"text-muted-foreground/50 shrink-0"}),e.jsx("div",{className:"flex-1 min-w-0",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-xs font-medium text-foreground/70",children:r.toolName}),e.jsx("span",{className:"text-xs text-muted-foreground/40 font-mono truncate",children:d})]})}),e.jsxs("div",{className:"flex items-center gap-1 shrink-0",children:[e.jsx("button",{onClick:()=>n(r.id),className:"p-1.5 rounded text-muted-foreground/50 hover:text-red-400 hover:bg-red-500/10 transition-colors",title:"Deny",children:e.jsx(b,{size:12})}),e.jsx("button",{onClick:()=>a(r.id),className:"p-1.5 rounded text-emerald-400/70 hover:text-emerald-400 hover:bg-emerald-500/10 transition-colors",title:"Allow",children:e.jsx(c,{size:12})})]})]},r.id)})})]})}function E(){const[t,a]=x.useState(l[0]),[n,s]=x.useState(l),r=i=>{const p=i||t.id;s(g=>g.filter(h=>h.id!==p))},o=i=>{const p=i||t.id;s(g=>g.filter(h=>h.id!==p))},d=()=>{s([])},S=()=>{a(l[0]),s(l)};return e.jsxs("div",{className:"min-h-dvh bg-background",children:[e.jsxs("header",{className:"sticky top-0 z-20 flex items-center justify-between px-4 py-3 h-[60px] bg-background border-b border-border/50 relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 bg-[linear-gradient(rgba(0,255,255,0.03)_1px,transparent_1px),linear-gradient(90deg,rgba(0,255,255,0.03)_1px,transparent_1px)] bg-[size:20px_20px] pointer-events-none"}),e.jsxs("div",{className:"relative flex items-center gap-2",children:[e.jsx(m,{size:18,className:"text-amber-400"}),e.jsx("span",{className:"font-mono text-sm font-bold text-amber-400 tracking-wider",children:"PERMISSIONS"}),e.jsx("span",{className:"font-display text-[10px] text-muted-foreground/50 uppercase tracking-widest",children:"[PROTOTYPE]"})]}),e.jsxs("button",{onClick:S,className:"relative flex items-center gap-2 px-3 py-1.5 rounded-sm bg-background/80 border border-border/30 text-muted-foreground text-xs font-display uppercase tracking-wider hover:border-cyan-500/30 hover:text-cyan-400 transition-colors",children:[e.jsx(I,{size:12}),"Reset"]})]}),e.jsxs("div",{className:"p-6 max-w-5xl mx-auto space-y-8",children:[e.jsx("div",{className:"flex flex-wrap gap-2",children:l.map(i=>e.jsx("button",{onClick:()=>a(i),className:`px-3 py-1.5 text-xs font-display uppercase tracking-wider rounded-sm border transition-colors ${t.id===i.id?"border-cyan-500/50 text-cyan-400 bg-cyan-500/10":"border-border/30 text-muted-foreground hover:border-border/50 hover:text-foreground/80"}`,children:i.toolName},i.id))}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx("div",{className:"text-xs uppercase tracking-wider text-muted-foreground/50",children:"A: Labeled Panel Style"}),e.jsx(D,{permission:t,onApprove:()=>r(),onDeny:()=>o()})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("div",{className:"text-xs uppercase tracking-wider text-muted-foreground/50",children:"B: Recommendation Card Style"}),e.jsx(A,{permission:t,onApprove:()=>r(),onDeny:()=>o()})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("div",{className:"text-xs uppercase tracking-wider text-muted-foreground/50",children:"C: Header Banner Style"}),e.jsx(R,{permission:t,onApprove:()=>r(),onDeny:()=>o()})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("div",{className:"text-xs uppercase tracking-wider text-muted-foreground/50",children:"D: Batched Queue Style"}),e.jsx(O,{permissions:n,onApprove:r,onDeny:o,onApproveAll:d})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("div",{className:"text-xs uppercase tracking-wider text-muted-foreground/50",children:"Current: Built-in PermissionDialog"}),e.jsx("div",{className:"relative border border-border/30 rounded-lg bg-card/20 p-4 min-h-[280px]",children:e.jsxs("div",{className:"absolute bottom-4 left-4 right-4",children:[e.jsx(C,{permissionRequest:t,isVisible:!0}),e.jsxs("div",{className:"mt-3 flex gap-2 justify-end",children:[e.jsxs("button",{className:"flex items-center gap-1.5 px-3 py-1.5 rounded text-xs text-muted-foreground hover:text-red-400 hover:bg-red-500/10 transition-colors",children:[e.jsx(b,{size:12}),"Deny"]}),e.jsxs("button",{className:"flex items-center gap-1.5 px-3 py-1.5 rounded text-xs bg-emerald-500/20 text-emerald-400 hover:bg-emerald-500/30 transition-colors",children:[e.jsx(c,{size:12}),"Allow"]})]})]})})]})]})]})}export{E as PermissionPrototype,E as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e,W as g,Z as h,w as b,o as l,t as m,X as x,r as u,m as j,x as f,y as N}from"./main-
|
|
1
|
+
import{j as e,W as g,Z as h,w as b,o as l,t as m,X as x,r as u,m as j,x as f,y as N}from"./main-C9r5KZOO.js";const n=[{id:"1",target:"project_instructions",friction:"The recommendation target taxonomy was designed through discussion but not documented for future reference",action:"Add to CLAUDE.md: 'Recommendation targets: project_instructions (CLAUDE.md), global_instructions (~/.claude/CLAUDE.md), codebase (code/tests/scripts). Workflow guidance goes in project_instructions, not as separate type.'",rationale:"Future sessions modifying recommendations will understand the design rationale and constraints"},{id:"2",target:"codebase",friction:"Testing prompt changes required manual setup and comparison of old vs new output",action:"Extend scripts/test-recommendations-prompt.ts to include regression tests that verify new recommendations always include required fields (target, friction, action, rationale)",rationale:"Automated validation prevents accidental regression when modifying the recommendation prompt"},{id:"3",target:"global_instructions",friction:"Agent repeatedly asked about file locations that were documented elsewhere",action:"Add path aliases section to global CLAUDE.md with common project shortcuts",rationale:"Reduces context gathering time at session start"}],d={project_instructions:{icon:b,label:"Project",text:"text-cyan-400",bg:"bg-cyan-500/10",border:"border-cyan-500/30",shadow:"rgba(0,255,255,0.5)"},global_instructions:{icon:h,label:"Global",text:"text-purple-400",bg:"bg-purple-500/10",border:"border-purple-500/30",shadow:"rgba(168,85,247,0.5)"},codebase:{icon:g,label:"Code",text:"text-amber-400",bg:"bg-amber-500/10",border:"border-amber-500/30",shadow:"rgba(251,191,36,0.5)"}};function a({children:s,color:t,onClick:r}){const i={emerald:{border:"border-emerald-500/30",text:"text-emerald-400",hover:"hover:border-emerald-400 hover:bg-emerald-500/5",shadow:"hover:shadow-[2px_2px_0_rgba(16,185,129,0.5),-2px_-2px_0_rgba(0,255,255,0.3)]"},amber:{border:"border-amber-500/30",text:"text-amber-400",hover:"hover:border-amber-400 hover:bg-amber-500/5",shadow:"hover:shadow-[2px_2px_0_rgba(245,158,11,0.5),-2px_-2px_0_rgba(0,255,255,0.3)]"},rose:{border:"border-muted-foreground/20",text:"text-muted-foreground",hover:"hover:border-rose-400 hover:text-rose-400 hover:bg-rose-500/5",shadow:"hover:shadow-[2px_2px_0_rgba(244,63,94,0.5),-2px_-2px_0_rgba(0,255,255,0.3)]"},cyan:{border:"border-cyan-500/30",text:"text-cyan-400",hover:"hover:border-cyan-400 hover:bg-cyan-500/5",shadow:"hover:shadow-[2px_2px_0_rgba(0,255,255,0.5),-2px_-2px_0_rgba(168,85,247,0.3)]"},purple:{border:"border-purple-500/30",text:"text-purple-400",hover:"hover:border-purple-400 hover:bg-purple-500/5",shadow:"hover:shadow-[2px_2px_0_rgba(168,85,247,0.5),-2px_-2px_0_rgba(0,255,255,0.3)]"}}[t];return e.jsx("button",{onClick:r,className:`flex items-center gap-1.5 px-3 py-1.5 rounded-sm bg-background/80 backdrop-blur-sm border
|
|
2
2
|
text-xs font-mono font-bold uppercase tracking-wider transition-all duration-100 cursor-pointer
|
|
3
3
|
${i.border} ${i.text} ${i.hover} ${i.shadow}
|
|
4
4
|
hover:translate-x-[-1px] hover:translate-y-[-1px]`,children:s})}function v(){return e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3",children:n.slice(0,2).map(s=>{const t=d[s.target];return e.jsxs("div",{className:"border rounded-sm p-4 transition-all duration-200 border-cyan-500/30 bg-cyan-500/5",children:[e.jsxs("div",{className:"flex items-start gap-2 mb-2",children:[e.jsx("span",{className:`text-[10px] uppercase tracking-wider font-mono font-bold ${t.text} shrink-0 pt-0.5`,children:t.label}),e.jsx("p",{className:"text-xs text-muted-foreground/60 leading-relaxed italic",children:s.friction})]}),e.jsx("p",{className:"text-sm leading-relaxed mb-2 rounded transition-all text-foreground/80",children:s.action}),e.jsx("p",{className:"text-xs text-muted-foreground/60 leading-relaxed mb-3",children:s.rationale}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(a,{color:"emerald",children:[e.jsx(l,{size:12}),"Accept"]}),e.jsxs(a,{color:"amber",children:[e.jsx(m,{size:12}),"Edit"]}),e.jsxs(a,{color:"rose",children:[e.jsx(x,{size:12}),"Dismiss"]})]})]},s.id)})})}function y(){const[s,t]=u.useState(null);return e.jsx("div",{className:"space-y-2",children:n.map(r=>{const o=d[r.target],i=o.icon,c=s===r.id;return e.jsxs("div",{className:`border rounded-sm transition-all duration-200 ${o.border} bg-card/50`,children:[e.jsxs("div",{className:"p-3 flex items-start gap-3 cursor-pointer hover:bg-muted/20",onClick:()=>t(c?null:r.id),children:[e.jsx("div",{className:`p-1.5 rounded ${o.bg} shrink-0`,children:e.jsx(i,{size:14,className:o.text})}),e.jsx("div",{className:"flex-1 min-w-0",children:e.jsx("p",{className:"text-sm text-foreground/90 leading-snug line-clamp-2",children:r.action})}),e.jsx(j,{size:16,className:`text-muted-foreground/40 shrink-0 transition-transform duration-200 ${c?"rotate-90":""}`})]}),c&&e.jsx("div",{className:"px-3 pb-3 pt-0 border-t border-border/20 mt-0",children:e.jsxs("div",{className:"pt-3 space-y-2",children:[e.jsxs("div",{className:"flex gap-2 text-xs",children:[e.jsx("span",{className:"text-muted-foreground/50 shrink-0",children:"Friction:"}),e.jsx("span",{className:"text-muted-foreground/70 italic",children:r.friction})]}),e.jsxs("div",{className:"flex gap-2 text-xs",children:[e.jsx("span",{className:"text-muted-foreground/50 shrink-0",children:"Why:"}),e.jsx("span",{className:"text-muted-foreground/70",children:r.rationale})]}),e.jsxs("div",{className:"flex items-center gap-2 pt-2",children:[e.jsx(a,{color:"emerald",children:e.jsx(l,{size:12})}),e.jsx(a,{color:"amber",children:e.jsx(m,{size:12})}),e.jsx(a,{color:"rose",children:e.jsx(x,{size:12})})]})]})})]},r.id)})})}function w(){return e.jsx("div",{className:"grid grid-cols-1 gap-4",children:n.slice(0,2).map(s=>{const t=d[s.target],r=t.icon;return e.jsxs("div",{className:"relative group",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-cyan-500/20 via-purple-500/10 to-amber-500/20 rounded-lg blur-sm group-hover:blur-md transition-all"}),e.jsxs("div",{className:"relative border border-border/30 rounded-lg p-4 bg-card/95 backdrop-blur-sm",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsxs("div",{className:`flex items-center gap-1.5 px-2 py-1 rounded ${t.bg} ${t.border} border`,children:[e.jsx(r,{size:12,className:t.text}),e.jsx("span",{className:`text-[10px] uppercase tracking-wider font-mono font-bold ${t.text}`,children:t.label})]}),e.jsx("div",{className:"flex-1"}),e.jsx("button",{className:"p-1.5 rounded hover:bg-muted/30 text-muted-foreground/40 hover:text-muted-foreground transition-colors cursor-pointer",children:e.jsx(x,{size:14})})]}),e.jsx("p",{className:"text-sm font-medium text-foreground leading-relaxed mb-3",children:s.action}),e.jsx("p",{className:"text-xs text-muted-foreground/50 leading-relaxed mb-4 pl-3 border-l-2 border-muted-foreground/20",children:s.friction}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("span",{className:"text-[10px] text-muted-foreground/40 uppercase tracking-wider",children:[s.rationale.split(" ").slice(0,6).join(" "),"..."]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(a,{color:"amber",children:[e.jsx(m,{size:12}),"Edit"]}),e.jsxs(a,{color:"emerald",children:[e.jsx(l,{size:12}),"Accept"]})]})]})]})]},s.id)})})}function k(){return e.jsxs("div",{className:"border border-border/30 rounded-lg bg-background/80 overflow-hidden font-mono",children:[e.jsxs("div",{className:"px-4 py-2 border-b border-border/20 bg-muted/20 flex items-center gap-2",children:[e.jsx(f,{size:14,className:"text-amber-400"}),e.jsx("span",{className:"text-xs text-muted-foreground/70",children:"recommendations.log"}),e.jsxs("span",{className:"text-xs text-muted-foreground/40 ml-auto",children:[n.length," pending"]})]}),e.jsx("div",{className:"divide-y divide-border/10",children:n.map((s,t)=>{const r=d[s.target];return e.jsx("div",{className:"p-4 hover:bg-muted/10 transition-colors group",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("span",{className:"text-xs text-muted-foreground/30 w-6 shrink-0",children:String(t+1).padStart(2,"0")}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"flex items-center gap-2 mb-1",children:e.jsxs("span",{className:`text-[10px] ${r.text}`,children:["[",s.target.toUpperCase().replace("_","."),"]"]})}),e.jsx("p",{className:"text-sm text-foreground/90 leading-relaxed",children:s.action}),e.jsxs("p",{className:"text-xs text-muted-foreground/40 mt-1",children:[e.jsx("span",{className:"text-muted-foreground/30",children:"# "}),s.friction]})]}),e.jsxs("div",{className:"flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity",children:[e.jsx("button",{className:"p-1.5 rounded hover:bg-emerald-500/20 text-muted-foreground/40 hover:text-emerald-400 transition-colors cursor-pointer",children:e.jsx(l,{size:14})}),e.jsx("button",{className:"p-1.5 rounded hover:bg-rose-500/20 text-muted-foreground/40 hover:text-rose-400 transition-colors cursor-pointer",children:e.jsx(x,{size:14})})]})]})},s.id)})})]})}function _(){const s=n.reduce((t,r)=>(t[r.target]||(t[r.target]=[]),t[r.target].push(r),t),{});return e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:Object.entries(s).map(([t,r])=>{const o=d[t],i=o.icon;return e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:`flex items-center gap-2 px-3 py-2 rounded-sm ${o.bg} ${o.border} border`,children:[e.jsx(i,{size:14,className:o.text}),e.jsx("span",{className:`text-xs uppercase tracking-wider font-mono font-bold ${o.text}`,children:o.label}),e.jsx("span",{className:"text-xs text-muted-foreground/40 ml-auto",children:r.length})]}),e.jsx("div",{className:"space-y-2",children:r.map(c=>e.jsxs("div",{className:"p-3 border border-border/20 rounded-sm bg-card/50 hover:border-border/40 transition-colors group",children:[e.jsx("p",{className:"text-sm text-foreground/80 leading-snug mb-2 line-clamp-3",children:c.action}),e.jsxs("div",{className:"flex items-center gap-1 opacity-60 group-hover:opacity-100 transition-opacity",children:[e.jsx("button",{className:"p-1 rounded hover:bg-emerald-500/20 text-emerald-400/60 hover:text-emerald-400 transition-colors cursor-pointer",children:e.jsx(l,{size:12})}),e.jsx("button",{className:"p-1 rounded hover:bg-amber-500/20 text-amber-400/60 hover:text-amber-400 transition-colors cursor-pointer",children:e.jsx(m,{size:12})}),e.jsx("button",{className:"p-1 rounded hover:bg-rose-500/20 text-rose-400/60 hover:text-rose-400 transition-colors cursor-pointer",children:e.jsx(x,{size:12})})]})]},c.id))})]},t)})})}function z(){return e.jsx("div",{className:"space-y-1",children:n.map(s=>{const t=d[s.target],r=t.icon;return e.jsxs("div",{className:"flex items-start gap-3 p-2 rounded hover:bg-muted/20 transition-colors group",children:[e.jsx(r,{size:14,className:`${t.text} mt-0.5 shrink-0`}),e.jsx("div",{className:"flex-1 min-w-0",children:e.jsx("p",{className:"text-sm text-foreground/80 leading-snug",children:s.action})}),e.jsxs("div",{className:"flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0",children:[e.jsx("button",{className:`text-xs ${t.text} hover:underline cursor-pointer`,children:"Apply"}),e.jsx("span",{className:"text-muted-foreground/30",children:"·"}),e.jsx("button",{className:"text-xs text-muted-foreground/50 hover:text-muted-foreground cursor-pointer",children:"Skip"})]})]},s.id)})})}function $(){return e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:n.slice(0,2).map(s=>{const t=d[s.target],r=t.icon;return e.jsxs("div",{className:`border-2 rounded-lg p-4 bg-card/50 transition-all duration-200 flex flex-col
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{g as x,r as g,j as e,z as h,X as c,h as b,Z as f,w as v,W as d,m as j,P as u}from"./main-BcLWIebZ.js";const y=[["rect",{width:"20",height:"8",x:"2",y:"2",rx:"2",ry:"2",key:"ngkwjq"}],["rect",{width:"20",height:"8",x:"2",y:"14",rx:"2",ry:"2",key:"iecqi9"}],["line",{x1:"6",x2:"6.01",y1:"6",y2:"6",key:"16zg32"}],["line",{x1:"6",x2:"6.01",y1:"18",y2:"18",key:"nzw8ys"}]],w=x("server",y),a=[{id:"1",category:"workflow",suggestion:"For major renames, create a checklist of all identifier patterns (class names, file names, API routes, config keys, UI strings) before starting",observation:"Large rename/rebrand operations touched 27+ files with many find-replace operations",friction:"Rename operations scattered across many files",why:"Prevent missed renames and inconsistencies"},{id:"2",category:"workflow",suggestion:"Before npm publishing sessions, verify token type and expiration status upfront with `npm whoami` and check token settings page",observation:"npm publishing required multiple attempts due to token type confusion (OTP vs automation token vs granular token)",friction:"Token confusion during npm publish",why:"Avoid repeated publish failures"},{id:"3",category:"workflow",suggestion:"When testing prompt variations, use a stronger model for evaluation than generation, or include human spot-checks",observation:"Evaluating LLM output quality with the same model that generates it can mask quality issues",friction:"Self-evaluation blind spots",why:"Catch quality issues earlier"},{id:"4",category:"codebase",suggestion:"Implement event replay or state sync mechanism for newly connected SSE clients",observation:"Race condition identified where SSE client connects after event emission",friction:"Missed events on reconnect",why:"Reliable real-time updates"},{id:"5",category:"codebase",suggestion:"Add a test that verifies session resume preserves the original permission_mode setting",observation:"The hardcoded 'default' permissionMode was buried in route handler logic, easy to miss",friction:"Permission mode reset on resume",why:"Prevent permission regression bugs"},{id:"6",category:"claude",suggestion:"Document font loading requirements in CLAUDE.md or a fonts README",observation:"Font loading required changes in two places (CSS class + HTML font link)",friction:"Font setup not documented",why:"Faster onboarding for font changes"},{id:"7",category:"infra",suggestion:"Create a lightweight instruction compliance test harness that spawns sessions with known questions and validates response patterns",observation:"Testing instruction compliance required spawning many sessions via API with manual analysis",friction:"Manual compliance testing",why:"Automated instruction validation"}],m={workflow:d,codebase:v,claude:f,infra:w},n={workflow:{text:"text-emerald-400",bg:"bg-emerald-500/10",border:"border-emerald-500/30"},codebase:{text:"text-sky-400",bg:"bg-sky-500/10",border:"border-sky-500/30"},claude:{text:"text-purple-400",bg:"bg-purple-500/10",border:"border-purple-500/30"},infra:{text:"text-amber-400",bg:"bg-amber-500/10",border:"border-amber-500/30"}};function N(){return e.jsxs("div",{className:"w-96 rounded-lg border border-border/30 bg-card/90 backdrop-blur-sm overflow-hidden",children:[e.jsx("div",{className:"px-4 py-3 border-b border-border/20",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-1.5 h-1.5 rounded-full bg-purple-400 animate-pulse"}),e.jsx("span",{className:"text-[10px] uppercase tracking-widest text-muted-foreground/60 font-display",children:"Improvements"}),e.jsx("span",{className:"ml-auto text-xs text-muted-foreground/50",children:a.length})]})}),e.jsx("div",{className:"p-2 space-y-2 max-h-[350px] overflow-y-auto",children:a.map(s=>{const o=m[s.category]||d,r=n[s.category]||n.workflow;return e.jsx("div",{className:"p-3 rounded-lg border border-border/20 hover:border-border/40 hover:bg-muted/20 transition-all group",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:`p-1.5 rounded ${r.bg}`,children:e.jsx(o,{size:12,className:r.text})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-sm text-foreground/90 font-medium leading-snug",children:s.suggestion}),e.jsx("div",{className:"text-xs text-muted-foreground/50 mt-1",children:s.observation})]}),e.jsx("button",{className:"opacity-0 group-hover:opacity-100 p-1 rounded hover:bg-muted/30 text-muted-foreground/50 hover:text-muted-foreground transition-all",children:e.jsx(c,{size:12})})]})},s.id)})}),e.jsx("div",{className:"p-2 border-t border-border/20",children:e.jsxs("button",{className:"w-full py-2 px-3 rounded-lg border border-purple-500/30 text-purple-400 text-xs font-display font-medium uppercase tracking-wider hover:bg-purple-500/10 hover:border-purple-500/50 transition-all flex items-center justify-center gap-2",children:[e.jsx(u,{size:12}),"Start Session"]})})]})}function k(){return e.jsxs("div",{className:"w-96 rounded-lg border border-border/30 bg-card/90 backdrop-blur-sm overflow-hidden",children:[e.jsxs("div",{className:"px-4 py-2.5 border-b border-border/20 flex items-center justify-between",children:[e.jsxs("span",{className:"text-xs text-muted-foreground/70 font-sans",children:[a.length," improvements ready"]}),e.jsx("button",{className:"text-[10px] text-purple-400 hover:text-purple-300 font-display uppercase tracking-wider",children:"Start All"})]}),e.jsx("div",{className:"max-h-[350px] overflow-y-auto",children:a.map(s=>{const o=m[s.category]||d,r=n[s.category]||n.workflow;return e.jsx("div",{className:`px-4 py-3 border-l-2 ${r.border} hover:bg-muted/10 transition-all group`,children:e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(o,{size:14,className:`${r.text} mt-0.5 shrink-0`}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-sm text-foreground/85 leading-snug",children:s.suggestion}),e.jsx("div",{className:"text-[11px] text-muted-foreground/40 mt-1",children:s.friction})]}),e.jsx("button",{className:"opacity-0 group-hover:opacity-100 text-muted-foreground/40 hover:text-red-400 transition-all",children:e.jsx(c,{size:14})})]})},s.id)})})]})}function C(){const s=a.reduce((r,t)=>(r[t.category]||(r[t.category]=[]),r[t.category].push(t),r),{}),o={workflow:"Workflow",codebase:"Codebase",claude:"Claude Config",infra:"Infrastructure"};return e.jsxs("div",{className:"w-96 rounded-lg border border-border/30 bg-card/90 backdrop-blur-sm overflow-hidden",children:[e.jsxs("div",{className:"px-3 py-2 border-b border-border/20 flex items-center gap-2",children:[e.jsx(b,{size:12,className:"text-purple-400"}),e.jsxs("span",{className:"text-[10px] uppercase tracking-widest text-muted-foreground/60 font-display",children:[a.length," Improvements"]})]}),e.jsx("div",{className:"max-h-[350px] overflow-y-auto",children:Object.entries(s).map(([r,t])=>{const l=m[r]||d,i=n[r]||n.workflow;return e.jsxs("div",{className:"border-b border-border/10 last:border-b-0",children:[e.jsxs("div",{className:`px-3 py-2 ${i.bg} flex items-center gap-2`,children:[e.jsx(l,{size:12,className:i.text}),e.jsx("span",{className:`text-[10px] uppercase tracking-wider font-medium ${i.text}`,children:o[r]}),e.jsx("span",{className:"ml-auto text-[10px] text-muted-foreground/50",children:t.length})]}),t.map(p=>e.jsxs("div",{className:"px-3 py-2.5 hover:bg-muted/10 transition-all group flex items-start gap-2",children:[e.jsx(j,{size:12,className:"text-muted-foreground/30 mt-0.5 shrink-0"}),e.jsx("div",{className:"flex-1 min-w-0",children:e.jsx("div",{className:"text-sm text-foreground/80",children:p.suggestion})}),e.jsx("button",{className:"opacity-0 group-hover:opacity-100 text-muted-foreground/40 hover:text-red-400 text-[10px]",children:"dismiss"})]},p.id))]},r)})}),e.jsx("div",{className:"p-2 border-t border-border/20 bg-muted/5",children:e.jsxs("button",{className:"w-full py-1.5 text-xs text-purple-400 hover:text-purple-300 font-display uppercase tracking-wider transition-all flex items-center justify-center gap-1.5",children:[e.jsx(u,{size:11}),"Launch Session"]})})]})}function S(){return e.jsxs("div",{className:"w-80 rounded-lg border border-border/20 bg-card/95 backdrop-blur-sm overflow-hidden",children:[e.jsx("div",{className:"p-2 space-y-1",children:a.map(s=>{const o=n[s.category]||n.workflow;return e.jsxs("div",{className:"px-2.5 py-2 rounded hover:bg-muted/20 transition-all group flex items-center gap-2",children:[e.jsx("div",{className:`w-1 h-1 rounded-full ${o.text.replace("text-","bg-")}`}),e.jsx("span",{className:"flex-1 text-sm text-foreground/80 truncate",children:s.suggestion}),e.jsx("button",{className:"opacity-0 group-hover:opacity-100 text-muted-foreground/40 hover:text-foreground/60 transition-all",children:e.jsx(c,{size:12})})]},s.id)})}),e.jsx("div",{className:"px-2 pb-2",children:e.jsx("button",{className:"w-full py-1.5 rounded text-[11px] text-muted-foreground/60 hover:text-purple-400 hover:bg-purple-500/5 transition-all",children:"Start session to address all →"})})]})}function A(){const[s,o]=g.useState("A"),r={A:{name:"Minimal Cards",component:N},B:{name:"Category Sidebar",component:k},C:{name:"Grouped",component:C},D:{name:"Ultra Minimal",component:S}};return e.jsx("div",{className:"min-h-dvh bg-background p-8",children:e.jsxs("div",{className:"max-w-6xl mx-auto space-y-8",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-display font-bold text-foreground mb-2",children:"Recommendations Popover Variations"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Exploring different aesthetics to match Lattice's overall look."})]}),e.jsx("div",{className:"flex gap-2",children:Object.keys(r).map(t=>e.jsxs("button",{onClick:()=>o(t),className:`px-3 py-1.5 rounded text-xs font-display uppercase tracking-wider transition-all ${s===t?"bg-purple-500/20 text-purple-400 border border-purple-500/40":"text-muted-foreground hover:text-foreground border border-border/30 hover:border-border/50"}`,children:[t,": ",r[t].name]},t))}),e.jsxs("div",{className:"flex items-start gap-8",children:[e.jsxs("div",{className:"w-[400px] shrink-0",children:[e.jsx("div",{className:"text-[10px] uppercase tracking-widest text-muted-foreground/50 mb-2 font-display",children:"Trigger Card (in sidebar)"}),e.jsx("div",{className:"p-[1px] rounded-xl bg-gradient-to-br from-purple-500/20 via-transparent to-cyan-500/20",children:e.jsxs("div",{className:"rounded-xl p-4 bg-card/80",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("div",{className:"w-1.5 h-1.5 rounded-full bg-purple-400 animate-pulse"}),e.jsx("span",{className:"text-[10px] uppercase tracking-widest text-muted-foreground/50 font-display",children:"Improvements"})]}),e.jsxs("div",{className:"text-sm font-mono text-foreground/80",children:[a.length," recommendations ready"]})]})})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-[10px] uppercase tracking-widest text-muted-foreground/50 mb-2 font-display",children:"Popover (on hover)"}),h.createElement(r[s].component)]})]}),e.jsxs("div",{className:"pt-8 border-t border-border/20",children:[e.jsx("div",{className:"text-[10px] uppercase tracking-widest text-muted-foreground/50 mb-4 font-display",children:"All Variations"}),e.jsx("div",{className:"grid grid-cols-2 gap-6",children:Object.entries(r).map(([t,{name:l,component:i}])=>e.jsxs("div",{children:[e.jsxs("div",{className:"text-xs text-muted-foreground/70 mb-2",children:[e.jsx("span",{className:"font-mono",children:t}),": ",l]}),e.jsx(i,{})]},t))})]})]})})}export{A as RecommendationsPopoverPrototype,A as default};
|
|
1
|
+
import{g as x,r as g,j as e,z as h,X as c,h as b,Z as f,w as v,W as d,m as j,P as u}from"./main-C9r5KZOO.js";const y=[["rect",{width:"20",height:"8",x:"2",y:"2",rx:"2",ry:"2",key:"ngkwjq"}],["rect",{width:"20",height:"8",x:"2",y:"14",rx:"2",ry:"2",key:"iecqi9"}],["line",{x1:"6",x2:"6.01",y1:"6",y2:"6",key:"16zg32"}],["line",{x1:"6",x2:"6.01",y1:"18",y2:"18",key:"nzw8ys"}]],w=x("server",y),a=[{id:"1",category:"workflow",suggestion:"For major renames, create a checklist of all identifier patterns (class names, file names, API routes, config keys, UI strings) before starting",observation:"Large rename/rebrand operations touched 27+ files with many find-replace operations",friction:"Rename operations scattered across many files",why:"Prevent missed renames and inconsistencies"},{id:"2",category:"workflow",suggestion:"Before npm publishing sessions, verify token type and expiration status upfront with `npm whoami` and check token settings page",observation:"npm publishing required multiple attempts due to token type confusion (OTP vs automation token vs granular token)",friction:"Token confusion during npm publish",why:"Avoid repeated publish failures"},{id:"3",category:"workflow",suggestion:"When testing prompt variations, use a stronger model for evaluation than generation, or include human spot-checks",observation:"Evaluating LLM output quality with the same model that generates it can mask quality issues",friction:"Self-evaluation blind spots",why:"Catch quality issues earlier"},{id:"4",category:"codebase",suggestion:"Implement event replay or state sync mechanism for newly connected SSE clients",observation:"Race condition identified where SSE client connects after event emission",friction:"Missed events on reconnect",why:"Reliable real-time updates"},{id:"5",category:"codebase",suggestion:"Add a test that verifies session resume preserves the original permission_mode setting",observation:"The hardcoded 'default' permissionMode was buried in route handler logic, easy to miss",friction:"Permission mode reset on resume",why:"Prevent permission regression bugs"},{id:"6",category:"claude",suggestion:"Document font loading requirements in CLAUDE.md or a fonts README",observation:"Font loading required changes in two places (CSS class + HTML font link)",friction:"Font setup not documented",why:"Faster onboarding for font changes"},{id:"7",category:"infra",suggestion:"Create a lightweight instruction compliance test harness that spawns sessions with known questions and validates response patterns",observation:"Testing instruction compliance required spawning many sessions via API with manual analysis",friction:"Manual compliance testing",why:"Automated instruction validation"}],m={workflow:d,codebase:v,claude:f,infra:w},n={workflow:{text:"text-emerald-400",bg:"bg-emerald-500/10",border:"border-emerald-500/30"},codebase:{text:"text-sky-400",bg:"bg-sky-500/10",border:"border-sky-500/30"},claude:{text:"text-purple-400",bg:"bg-purple-500/10",border:"border-purple-500/30"},infra:{text:"text-amber-400",bg:"bg-amber-500/10",border:"border-amber-500/30"}};function N(){return e.jsxs("div",{className:"w-96 rounded-lg border border-border/30 bg-card/90 backdrop-blur-sm overflow-hidden",children:[e.jsx("div",{className:"px-4 py-3 border-b border-border/20",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-1.5 h-1.5 rounded-full bg-purple-400 animate-pulse"}),e.jsx("span",{className:"text-[10px] uppercase tracking-widest text-muted-foreground/60 font-display",children:"Improvements"}),e.jsx("span",{className:"ml-auto text-xs text-muted-foreground/50",children:a.length})]})}),e.jsx("div",{className:"p-2 space-y-2 max-h-[350px] overflow-y-auto",children:a.map(s=>{const o=m[s.category]||d,r=n[s.category]||n.workflow;return e.jsx("div",{className:"p-3 rounded-lg border border-border/20 hover:border-border/40 hover:bg-muted/20 transition-all group",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:`p-1.5 rounded ${r.bg}`,children:e.jsx(o,{size:12,className:r.text})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-sm text-foreground/90 font-medium leading-snug",children:s.suggestion}),e.jsx("div",{className:"text-xs text-muted-foreground/50 mt-1",children:s.observation})]}),e.jsx("button",{className:"opacity-0 group-hover:opacity-100 p-1 rounded hover:bg-muted/30 text-muted-foreground/50 hover:text-muted-foreground transition-all",children:e.jsx(c,{size:12})})]})},s.id)})}),e.jsx("div",{className:"p-2 border-t border-border/20",children:e.jsxs("button",{className:"w-full py-2 px-3 rounded-lg border border-purple-500/30 text-purple-400 text-xs font-display font-medium uppercase tracking-wider hover:bg-purple-500/10 hover:border-purple-500/50 transition-all flex items-center justify-center gap-2",children:[e.jsx(u,{size:12}),"Start Session"]})})]})}function k(){return e.jsxs("div",{className:"w-96 rounded-lg border border-border/30 bg-card/90 backdrop-blur-sm overflow-hidden",children:[e.jsxs("div",{className:"px-4 py-2.5 border-b border-border/20 flex items-center justify-between",children:[e.jsxs("span",{className:"text-xs text-muted-foreground/70 font-sans",children:[a.length," improvements ready"]}),e.jsx("button",{className:"text-[10px] text-purple-400 hover:text-purple-300 font-display uppercase tracking-wider",children:"Start All"})]}),e.jsx("div",{className:"max-h-[350px] overflow-y-auto",children:a.map(s=>{const o=m[s.category]||d,r=n[s.category]||n.workflow;return e.jsx("div",{className:`px-4 py-3 border-l-2 ${r.border} hover:bg-muted/10 transition-all group`,children:e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(o,{size:14,className:`${r.text} mt-0.5 shrink-0`}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-sm text-foreground/85 leading-snug",children:s.suggestion}),e.jsx("div",{className:"text-[11px] text-muted-foreground/40 mt-1",children:s.friction})]}),e.jsx("button",{className:"opacity-0 group-hover:opacity-100 text-muted-foreground/40 hover:text-red-400 transition-all",children:e.jsx(c,{size:14})})]})},s.id)})})]})}function C(){const s=a.reduce((r,t)=>(r[t.category]||(r[t.category]=[]),r[t.category].push(t),r),{}),o={workflow:"Workflow",codebase:"Codebase",claude:"Claude Config",infra:"Infrastructure"};return e.jsxs("div",{className:"w-96 rounded-lg border border-border/30 bg-card/90 backdrop-blur-sm overflow-hidden",children:[e.jsxs("div",{className:"px-3 py-2 border-b border-border/20 flex items-center gap-2",children:[e.jsx(b,{size:12,className:"text-purple-400"}),e.jsxs("span",{className:"text-[10px] uppercase tracking-widest text-muted-foreground/60 font-display",children:[a.length," Improvements"]})]}),e.jsx("div",{className:"max-h-[350px] overflow-y-auto",children:Object.entries(s).map(([r,t])=>{const l=m[r]||d,i=n[r]||n.workflow;return e.jsxs("div",{className:"border-b border-border/10 last:border-b-0",children:[e.jsxs("div",{className:`px-3 py-2 ${i.bg} flex items-center gap-2`,children:[e.jsx(l,{size:12,className:i.text}),e.jsx("span",{className:`text-[10px] uppercase tracking-wider font-medium ${i.text}`,children:o[r]}),e.jsx("span",{className:"ml-auto text-[10px] text-muted-foreground/50",children:t.length})]}),t.map(p=>e.jsxs("div",{className:"px-3 py-2.5 hover:bg-muted/10 transition-all group flex items-start gap-2",children:[e.jsx(j,{size:12,className:"text-muted-foreground/30 mt-0.5 shrink-0"}),e.jsx("div",{className:"flex-1 min-w-0",children:e.jsx("div",{className:"text-sm text-foreground/80",children:p.suggestion})}),e.jsx("button",{className:"opacity-0 group-hover:opacity-100 text-muted-foreground/40 hover:text-red-400 text-[10px]",children:"dismiss"})]},p.id))]},r)})}),e.jsx("div",{className:"p-2 border-t border-border/20 bg-muted/5",children:e.jsxs("button",{className:"w-full py-1.5 text-xs text-purple-400 hover:text-purple-300 font-display uppercase tracking-wider transition-all flex items-center justify-center gap-1.5",children:[e.jsx(u,{size:11}),"Launch Session"]})})]})}function S(){return e.jsxs("div",{className:"w-80 rounded-lg border border-border/20 bg-card/95 backdrop-blur-sm overflow-hidden",children:[e.jsx("div",{className:"p-2 space-y-1",children:a.map(s=>{const o=n[s.category]||n.workflow;return e.jsxs("div",{className:"px-2.5 py-2 rounded hover:bg-muted/20 transition-all group flex items-center gap-2",children:[e.jsx("div",{className:`w-1 h-1 rounded-full ${o.text.replace("text-","bg-")}`}),e.jsx("span",{className:"flex-1 text-sm text-foreground/80 truncate",children:s.suggestion}),e.jsx("button",{className:"opacity-0 group-hover:opacity-100 text-muted-foreground/40 hover:text-foreground/60 transition-all",children:e.jsx(c,{size:12})})]},s.id)})}),e.jsx("div",{className:"px-2 pb-2",children:e.jsx("button",{className:"w-full py-1.5 rounded text-[11px] text-muted-foreground/60 hover:text-purple-400 hover:bg-purple-500/5 transition-all",children:"Start session to address all →"})})]})}function A(){const[s,o]=g.useState("A"),r={A:{name:"Minimal Cards",component:N},B:{name:"Category Sidebar",component:k},C:{name:"Grouped",component:C},D:{name:"Ultra Minimal",component:S}};return e.jsx("div",{className:"min-h-dvh bg-background p-8",children:e.jsxs("div",{className:"max-w-6xl mx-auto space-y-8",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-display font-bold text-foreground mb-2",children:"Recommendations Popover Variations"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Exploring different aesthetics to match Lattice's overall look."})]}),e.jsx("div",{className:"flex gap-2",children:Object.keys(r).map(t=>e.jsxs("button",{onClick:()=>o(t),className:`px-3 py-1.5 rounded text-xs font-display uppercase tracking-wider transition-all ${s===t?"bg-purple-500/20 text-purple-400 border border-purple-500/40":"text-muted-foreground hover:text-foreground border border-border/30 hover:border-border/50"}`,children:[t,": ",r[t].name]},t))}),e.jsxs("div",{className:"flex items-start gap-8",children:[e.jsxs("div",{className:"w-[400px] shrink-0",children:[e.jsx("div",{className:"text-[10px] uppercase tracking-widest text-muted-foreground/50 mb-2 font-display",children:"Trigger Card (in sidebar)"}),e.jsx("div",{className:"p-[1px] rounded-xl bg-gradient-to-br from-purple-500/20 via-transparent to-cyan-500/20",children:e.jsxs("div",{className:"rounded-xl p-4 bg-card/80",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("div",{className:"w-1.5 h-1.5 rounded-full bg-purple-400 animate-pulse"}),e.jsx("span",{className:"text-[10px] uppercase tracking-widest text-muted-foreground/50 font-display",children:"Improvements"})]}),e.jsxs("div",{className:"text-sm font-mono text-foreground/80",children:[a.length," recommendations ready"]})]})})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-[10px] uppercase tracking-widest text-muted-foreground/50 mb-2 font-display",children:"Popover (on hover)"}),h.createElement(r[s].component)]})]}),e.jsxs("div",{className:"pt-8 border-t border-border/20",children:[e.jsx("div",{className:"text-[10px] uppercase tracking-widest text-muted-foreground/50 mb-4 font-display",children:"All Variations"}),e.jsx("div",{className:"grid grid-cols-2 gap-6",children:Object.entries(r).map(([t,{name:l,component:i}])=>e.jsxs("div",{children:[e.jsxs("div",{className:"text-xs text-muted-foreground/70 mb-2",children:[e.jsx("span",{className:"font-mono",children:t}),": ",l]}),e.jsx(i,{})]},t))})]})]})})}export{A as RecommendationsPopoverPrototype,A as default};
|