https://startupstarter.co/assets/StoryCollaboration-9Ry8A1XV.js

1import{j as e,bn as c,bk as x,ab as p}from"./index.js";import{I as h}from"./IconAdjustments-BXphcH-w.js";import{I as g}from"./IconEye-CYLxbfCg.js";import{I as m}from"./IconLock-Dba1VcWf.js";const n=.48;function l(){const{resolvedTheme:i}=x(),t=i==="dark";return{isDark:t,bg:t?"#191919":"#ffffff",sidebarBg:t?"#1a1a1a":"#f8f8f7",border:t?"#2b2b2b":"#ebeced",textPrimary:t?"#e5e5e5":"#252525",textSecondary:"#7e7e7e",sidebarText:t?"#a0a0a0":"#6b6b6b",selectedBg:t?"rgba(38,132,224,0.12)":"rgba(38,132,224,0.08)",selectedText:t?"#5ba4e6":"#2563eb",cardBg:t?"#1c1c1c":"#ffffff",cardBorder:t?"#2b2b2b":"#ebeced",ownBubbleBg:t?"#1874db":"#3985d3",ownBubbleBorder:t?"#4c86c8":"#5595d8",rcvBubbleBg:"var(--sidebar-selected-bg)",rcvBubbleBorder:t?"#393939":"#e1dfda",ctaBg:t?"#0188ff":"#2684e0",ctaText:t?"#171717":"#ffffff",avatarText:t?"hsl(0 0% 10%)":"hsl(0 0% 100%)",pillGreenBg:t?"#325434":"#d6e3d6",pillGreenFg:t?"#d6e3d6":"#2a533c",pillBlueBg:t?"#2d4d6e":"#c8def6",pillBlueFg:t?"#c8def6":"#264a72"}}function d({top:i=16,right:t=12}){return e.jsx("div",{style:{position:"absolute",top:i,right:t,width:14,height:14,borderRadius:"50%",background:"#ef4444",border:"none",boxShadow:"0 0.5px 1px rgba(0,0,0,0.12)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",zIndex:10},children:e.jsx(p,{size:8,strokeWidth:2.5,style:{color:"hsl(var(--background))",opacity:0}})})}const f=[{text:"Did you see the term sheet from GC?",time:"2:12 PM",isOwn:!1},{text:"Yeah. Counter looks strong — push back on the board seat.",time:"2:14 PM",isOwn:!0},{text:"Agreed. Want me to draft the response?",time:"2:15 PM",isOwn:!1},{text:"Please. Loop in Marcus before we send.",time:"2:16 PM",isOwn:!0}];function y(){const i=l();return e.jsx("div",{style:{position:"absolute",inset:0,overflow:"hidden"},children:e.jsxs("div",{style:{width:380,position:"absolute",top:60,bottom:-100,left:"50%",transform:"translateX(-50%) scale(0.90)",transformOrigin:"top center",background:i.cardBg,borderRadius:"25px 25px 0 0",border:`4px solid ${i.cardBorder}`,borderBottom:"none",boxShadow:i.isDark?"0 25px 50px -12px rgba(0,0,0,0.25), 0 12px 24px -8px rgba(0,0,0,0.15)":"0 25px 50px -12px rgba(0,0,0,0.15), 0 12px 24px -8px rgba(0,0,0,0.08)",display:"flex",flexDirection:"column",overflow:"hidden",fontFamily:"inherit"},children:[e.jsx(d,{top:16,right:12}),e.jsxs("div",{style:{height:56,padding:"0 16px",display:"flex",alignItems:"center",gap:12,flexShrink:0},children:[e.jsx(c,{size:18,color:i.textSecondary,style:{transform:"rotate(180deg)",cursor:"pointer"}}),e.jsx("div",{style:{width:36,height:36,borderRadius:"50%",background:"#4F9768",display:"flex",alignItems:"center",justifyContent:"center",fontSize:36*.45,fontWeight:500,color:i.avatarText,flexShrink:0},children:"SK"}),e.jsxs("div",{style:{flex:1},children:[e.jsx("div",{style:{fontSize:16,fontWeight:600,color:i.textPrimary},children:"Sarah Kim"}),e.jsxs("div",{style:{fontSize:11,color:"#22c55e",display:"flex",alignItems:"center",gap:4},children:[e.jsx("div",{style:{width:6,height:6,borderRadius:"50%",background:"#22c55e"}}),"Online"]})]})]}),e.jsxs("div",{style:{flex:1,padding:16,display:"flex",flexDirection:"column",gap:12,overflow:"hidden"},children:[e.jsx("div",{style:{fontSize:11,color:i.textSecondary,textAlign:"center",margin:"4px 0 8px"},children:"Tuesday, April 8 at 2:12 PM"}),f.map((t,r)=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:t.isOwn?"flex-end":"flex-start",marginBottom:0},children:[e.jsx("div",{style:{maxWidth:"72%",padding:"9px 13px",borderRadius:t.isOwn?"14px 14px 4px 14px":"14px 14px 14px 4px",background:t.isOwn?i.ownBubbleBg:i.rcvBubbleBg,border:`var(--hairline) solid ${t.isOwn?i.ownBubbleBorder:i.rcvBubbleBorder}`,color:t.isOwn?"#fff":i.textPrimary,fontSize:14,fontWeight:400,lineHeight:1.5,wordBreak:"break-word",whiteSpace:"pre-wrap",boxShadow:t.isOwn?i.isDark?"0 1px 3px rgba(0,0,0,0.2)":"0 1px 3px rgba(0,0,0,0.08)":i.isDark?"0 1px 3px rgba(0,0,0,0.18)":"0 1px 3px rgba(0,0,0,0.06)"},children:t.text}),e.jsx("span",{style:{fontSize:11,color:i.textSecondary,marginTop:3},children:t.time})]},r))]})]})})}const a=[{name:"James Walker",email:"[email protected]",role:"Owner",initials:"JW",color:"#3b82f6"},{name:"Sarah Kim",email:"[email protected]",role:"Admin",initials:"SK",color:"#4F9768"},{name:"Marcus Chen",email:"[email protected]",role:"Member",initials:"MC",color:"#CB7B37"},{name:"Priya Sharma",email:"[email protected]",role:"Member",initials:"PS",color:"#865DBB"},{name:"Alex Rivera",email:"[email protected]",role:"Admin",initials:"AR",color:"#e07926"},{name:"Nadia Park",email:"[email protected]",role:"Member",initials:"NP",color:"#2684e0"},{name:"David Torres",email:"[email protected]",role:"Member",initials:"DT",color:"#BA4A78"},{name:"Lena Fischer",email:"[email protected]",role:"Member",initials:"LF",color:"#C19138"},{name:"Ryan Cho",email:"[email protected]",role:"Member",initials:"RC",color:"#46a371"}],b=[{label:"Configuration",icon:h},{label:"View Settings",icon:g},{label:"Permissions",icon:m,active:!0}];function u(){const i=l(),t=r=>{const s={Owner:{bg:i.pillGreenBg,fg:i.pillGreenFg},Admin:{bg:i.pillBlueBg,fg:i.pillBlueFg},Member:{bg:i.sidebarBg,fg:i.textSecondary}}[r];return e.jsx("div",{style:{padding:"2px 10px",borderRadius:7,border:`var(--hairline) solid ${i.border}`,boxShadow:"0 1px 2px rgba(0,0,0,0.06)",fontSize:12,fontWeight:500,color:s.fg,background:s.bg},children:r})};return e.jsx("div",{style:{position:"absolute",inset:0,overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx("div",{style:{width:780,height:680,transform:"scale(0.624)",transformOrigin:"center center",flexShrink:0},children:e.jsxs("div",{style:{width:780,height:680,background:i.sidebarBg,borderRadius:16,border:"var(--hairline) solid transparent",boxShadow:`0 0 0 3px ${i.border}`,display:"flex",flexDirection:"column",overflow:"hidden",fontFamily:"inherit",position:"relative"},children:[e.jsx(d,{top:16,right:16}),e.jsx("div",{style:{padding:"16px 24px",borderBottom:`var(--hairline) solid ${i.border}`},children:e.jsx("div",{style:{fontSize:16,fontWeight:500,color:i.textPrimary}

1,children:"Workspace Settings"})}),e.jsx("div",{style:{display:"flex",alignItems:"center",padding:"0 24px",borderBottom:`var(--hairline) solid ${i.border}`},children:b.map(r=>{const o=r.icon;return e.jsxs("div",{style:{padding:"10px 0",marginRight:24,fontSize:14,fontWeight:400,color:r.active?i.textPrimary:i.textSecondary,borderBottom:r.active?`var(--hairline) solid ${i.textPrimary}`:"var(--hairline) solid transparent",marginBottom:-1,display:"flex",alignItems:"center",gap:7,cursor:"pointer"},children:[e.jsx(o,{size:16,stroke:1.5}),r.label]},r.label)})}),e.jsxs("div",{style:{flex:1,overflow:"hidden",padding:"20px 24px"},children:[e.jsx("div",{style:{fontSize:13,fontWeight:400,color:i.textSecondary,marginBottom:10},children:"Manage who has access to this workspace"}),e.jsx("div",{style:{borderRadius:16,border:`var(--hairline) solid ${i.border}`,overflow:"hidden"},children:a.map((r,o)=>e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"10px 16px",borderBottom:o<a.length-1?`var(--hairline) solid ${i.border}`:"none"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.jsx("div",{style:{width:28,height:28,borderRadius:"50%",background:r.color,display:"flex",alignItems:"center",justifyContent:"center",fontSize:28*.45,fontWeight:500,color:i.avatarText,flexShrink:0},children:r.initials}),e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:14,fontWeight:500,color:i.textPrimary},children:r.name}),e.jsx("div",{style:{fontSize:12.6,color:i.textSecondary},children:r.email})]})]}),t(r.role)]},o))})]}),e.jsxs("div",{style:{padding:"12px 24px",borderTop:`var(--hairline) solid ${i.border}`,display:"flex",alignItems:"center",justifyContent:"flex-end",gap:8,flexShrink:0},children:[e.jsx("button",{style:{padding:"6px 16px",borderRadius:8,border:`var(--hairline) solid ${i.border}`,background:i.sidebarBg,color:i.textSecondary,fontSize:13,fontWeight:500,cursor:"pointer"},children:"Cancel"}),e.jsx("button",{style:{padding:"6px 16px",borderRadius:8,border:"none",background:i.ctaBg,color:i.ctaText,fontSize:13,fontWeight:600,cursor:"pointer"},children:"Save"})]})]})})})}function v(){const i=l();return e.jsxs("div",{style:{position:"absolute",inset:0,overflow:"hidden"},children:[e.jsxs("div",{style:{position:"absolute",top:60,left:30,right:-40,bottom:-40,transform:`scale(${n})`,transformOrigin:"top left",width:`${100/n}%`,height:`${100/n}%`,background:i.bg,fontFamily:"inherit",borderRadius:"22px 0 0 0",border:`4px solid ${i.border}`,borderRight:"none",borderBottom:"none",overflow:"hidden",display:"flex",flexDirection:"column"},children:[e.jsx("div",{style:{height:120,flexShrink:0,background:"linear-gradient(135deg, #447ACB 0%, #865DBB 100%)",position:"relative"},children:e.jsx("div",{style:{position:"absolute",inset:0,opacity:.15,backgroundImage:"radial-gradient(circle at 30% 50%, rgba(255,255,255,0.3) 0%, transparent 60%)"}})}),e.jsxs("div",{style:{padding:"12px 88px 0",fontSize:13,color:i.textSecondary,display:"flex",alignItems:"center",gap:6},children:[e.jsx("span",{children:"Team Notes"}),e.jsx("span",{style:{opacity:.4},children:"/"}),e.jsx("span",{style:{color:i.textPrimary},children:"Product Roadmap Q2"})]}),e.jsxs("div",{style:{flex:1,padding:"32px 88px",overflow:"hidden"},children:[e.jsx("div",{style:{fontSize:32,marginBottom:8},children:"🗺️"}),e.jsx("div",{style:{fontSize:30,fontWeight:700,color:i.textPrimary,marginBottom:24,lineHeight:1.3},children:"Product Roadmap Q2 2026"}),e.jsx("div",{style:{fontSize:20,fontWeight:600,color:i.textPrimary,marginBottom:16},children:"High Priority"}),[{title:"Cortex v4 Intelligence",desc:"AI-powered insights and autonomous workflows"},{title:"CRM Performance",desc:"Optimize cross-linking and reduce query time"},{title:"Knowledge Search",desc:"Improve full-text search and relevance ranking"}].map((t,r)=>e.jsxs("div",{style:{padding:"6px 0",fontSize:15,lineHeight:1.6,color:i.textPrimary},children:[e.jsx("span",{style:{fontWeight:600},children:t.title}),e.jsxs("span",{style:{color:i.textSecondary},children:[" — ",t.desc]})]},r)),e.jsx("div",{style:{marginTop:32,fontSize:20,fontWeight:600,color:i.textPrimary,marginBottom:16},children:"Timeline"}),e.jsxs("div",{style:{border:`var(--hairline) solid ${i.border}`,borderRadius:8,overflow:"hidden"},children:[e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 100px 100px 100px",padding:"8px 12px",background:i.sidebarBg,fontSize:12,fontWeight:500,color:i.textSecondary,borderBottom:`var(--hairline) solid ${i.border}`},children:[e.jsx("span",{children:"Feature"}),e.jsx("span",{children:"Start"}),e.jsx("span",{children:"Target"}),e.jsx("span",{children:"Owner"})]}),[["Cortex v4","Mar 1","Apr 30","AI Team"],["Performance","Mar 10","Apr 15","Eng Team"],["Search","Mar 15","May 1","Search Team"]].map((t,r)=>e.jsx("div",{style:{display:"grid",gridTemplateColumns:"1fr 100px 100px 100px",padding:"8px 12px",fontSize:13,color:i.textPrimary,borderBottom:r<2?`var(--hairline) solid ${i.border}`:"none"},children:t.map((o,s)=>e.jsx("span",{style:{color:s===0?i.textPrimary:i.textSecondary},children:o},s))},r))]}),e.jsx("div",{style:{marginTop:32,fontSize:20,fontWeight:600,color:i.textPrimary,marginBottom:16},children:"Dependencies"}),[{title:"Search indexing",desc:"Requires Cortex v4 entity model to be finalized"},{title:"Performance audit",desc:"Blocked until cross-linking migration is complete"},{title:"Mobile rollout",desc:"Dependent on Knowledge Search improvements shipping"}].map((t,r)=>e.jsxs("div",{style:{padding:"6px 0",fontSize:15,lineHeight:1.6,color:i.textPrimary},children:[e.jsx("span",{style:{fontWeight:600},children:t.title}),e.jsxs("span",{style:{color:i.textSecondary},children:[" — ",t.desc]})]},r))]})]}),e.jsxs("div",{style:{position:"absolute",top:30,left:220,right:-60,bottom:-60,transform:`scale(${n})`,transformOrigin:"top left",width:`${100/n}%`,height:`${100/n}%`,background:i.bg,fontFamily:"inherit",borderRadius:"22px 0 0 0",border:`4px solid ${i.border}`,borderRight:"none",borderBottom:"none",overflow:"hidden",zIndex:10,boxShadow:i.isDark?"-8px 0 32px rgba(0,0,0,0.4)":"-8px 0 32px rgba(0,0,0,0.08)"},children:[e.jsx("div",{style:{height:120,flexShrink:0,background:"linear-gradient(135deg, #4F9768 0%, #2684e0 100%)",position:"relative"},children:e.jsx("div",{style:{position:"absolute",inset:0,opacity:.15,backgroundImage:"radial-gradient(circle at 70% 50%, rgba(255,255,255,0.3) 0%, transparent 60%)"}})}),e.jsxs("div",{style:{padding:"12px 88px 0",fontSize:13,color:i.textSecondary,display:"flex",alignItems:"center",gap:6},children:[e.jsx("span",{children:"Wiki"}),e.jsx("span",{style:{opacity:.4},children:"/"}),e.jsx("span",{style:{color:i.textPrimary},children:"Engineering Standards"})]}),e.jsxs("div",{style:{flex:1,padding:"32px 88px",overflow:"hidden"},children:[e.jsx("div",{style:{fontSize:32,marginBottom:8},children:"📋"}),e.jsx("div",{style:{fontSize:32,fontWeight:700,color:i.textPrimary,lineHeight:1.3,marginBottom:24},children:"Engineering Standards"}),e.jsx("div",{style:{fontSize:22,fontWeight:600,color:i.textPrimary,marginBottom:20},children:"Code Review Process"}),[{emoji:"📏",title:"PR Size Limits",desc:"Keep pull requests under 400 lines for faster review cycles"},{emoji:"⏱️",title:"Review SLA",desc:"All PRs reviewed within 24 hours of submission"},{emoji:"✅",title:"Test Coverage",desc:"Minimum 80% coverage on all new code paths"},{emoji:"🌿",title:"Branch Strategy",desc:"Feature branches off main, squash merge on completion"},{emoji:"🔄",title:"CI Pipeline",desc:"All checks must pass before merge — lint, types, tests, build"}].map((t,r)=>e.jsxs("div",{style:{padding:"8px 0",fontSize:17,lineHeight:1.6,color:i.textPrimary,display:"flex",gap:8},children:[e.jsx("span",{children:t.emoji}),e.jsxs("div",{children:[e.jsx("span",{style:{fontWeight:600,textDecoration:"underline",textDecorationColor:i.selectedText,textUnderlineOffset:"3px"},children:t.title}),e.jsxs("span",{style:{color:i.textSecondary},children:[" — ",t.desc]})]})]},r)),e.jsx("div",{style:{marginTop:32,fontSize:22,fontWeight:600,color:i.textPrimary,marginBottom:20},children:"Deployment"}),[{emoji:"🚀",title:"Staging First",desc:"All changes deploy to staging before production"},{emoji:"↩️",title:"Rollback Plan",desc:"Every deploy must have a documented rollback procedure"},{emoji:"📊",title:"Monitoring",desc:"All deploys require active monitoring for 30 minutes post-release"}].map((t,r)=>e.jsxs("div",{style:{padding:"8px 0",fontSize:17,lineHeight:1.6,color:i.textPrimary,display:"flex",gap:8},children:[e.jsx("span",{children:t.emoji}),e.jsxs("div",{children:[e.jsx("span",{style:{fontWeight:600,textDecoration:"underline",textDecorationColor:i.selectedText,textUnderlineOffset:"3px"},children:t.title}),e.jsxs("span",{style:{color:i.textSecondary},children:[" — ",t.desc]})]})]},r)),e.jsx("div",{style:{marginTop:32,fontSize:22,fontWeight:600,color:i.textPrimary,marginBottom:20},children:"Security"}),[{emoji:"🔒",title:"Secrets Management",desc:"Never commit secrets — use environment variables and vault"}

1,{emoji:"🛡️",title:"Dependency Audit",desc:"Run npm audit weekly, patch critical vulnerabilities within 24h"}].map((t,r)=>e.jsxs("div",{style:{padding:"8px 0",fontSize:17,lineHeight:1.6,color:i.textPrimary,display:"flex",gap:8},children:[e.jsx("span",{children:t.emoji}),e.jsxs("div",{children:[e.jsx("span",{style:{fontWeight:600,textDecoration:"underline",textDecorationColor:i.selectedText,textUnderlineOffset:"3px"},children:t.title}),e.jsxs("span",{style:{color:i.textSecondary},children:[" — ",t.desc]})]})]},r))]})]})]})}function k({activeBullet:i=0}){return e.jsxs("div",{style:{position:"absolute",inset:0},children:[e.jsx("div",{style:{position:"absolute",inset:0,opacity:i===0?1:0,transition:"opacity 0.25s ease",pointerEvents:i===0?"auto":"none"},children:e.jsx(y,{})}),e.jsx("div",{style:{position:"absolute",inset:0,opacity:i===1?1:0,transition:"opacity 0.25s ease",pointerEvents:i===1?"auto":"none"},children:e.jsx(u,{})}),e.jsx("div",{style:{position:"absolute",inset:0,opacity:i===2?1:0,transition:"opacity 0.25s ease",pointerEvents:i===2?"auto":"none"},children:e.jsx(v,{})})]})}export{k as default};