https://claudecommunity.com.au/_next/static/chunks/6520.cee9fa3f7174b9c2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6520],{7810:(e,t,i)=>{i.d(t,{A:()=>r});let r=(0,i(78340).A)("users",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["path",{d:"M16 3.128a4 4 0 0 1 0 7.744",key:"16gr8j"}],["path",{d:"M22 21v-2a4 4 0 0 0-3-3.87",key:"kshegd"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}]])},52475:(e,t,i)=>{i.d(t,{A:()=>r});let r=(0,i(78340).A)("code",[["path",{d:"m16 18 6-6-6-6",key:"eg8j8"}],["path",{d:"m8 6-6 6 6 6",key:"ppft3o"}]])},52484:(e,t,i)=>{i.d(t,{A:()=>r});let r=(0,i(78340).A)("circle-check-big",[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]])},76520:(e,t,i)=>{i.r(t),i.d(t,{default:()=>m});var r=i(95155),s=i(7810);let a=(0,i(78340).A)("target",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["circle",{cx:"12",cy:"12",r:"6",key:"1vlfrh"}],["circle",{cx:"12",cy:"12",r:"2",key:"1c9p78"}]]);var o=i(52475),n=i(87634),l=i(52484),d=i(12115);let c=[{id:0,title:"Check-in",duration:"5 min",icon:s.A,description:"Connect with fellow community members",details:["Introduce yourself and share what you're working on","Hear what others are building or learning","Set the collaborative tone for the session","Find potential collaboration partners"]},{id:1,title:"Goal Setting",duration:"5 min",icon:a,description:"Define your session objectives",details:["Write down 1-3 specific goals for the session","Share your goals with the group for accountability","Break large tasks into achievable chunks","Identify any blockers you might need help with"]},{id:2,title:"Deep Work",duration:"45 min",icon:o.A,description:"Focused building time with Claude",details:["Work on your project with Claude as your pair programmer","Stay focused — cameras on, mics muted","Use the chat for quick questions or celebrations","Take a short break halfway if needed"]},{id:3,title:"Show & Tell",duration:"10 min",icon:n.A,description:"Share your progress and learnings",details:["Demo what you built or learned during deep work","Share interesting Claude prompts that worked well","Get feedback and suggestions from the group","Celebrate wins, no matter how small"]},{id:4,title:"Wrap-up",duration:"5 min",icon:l.A,description:"Reflect and plan next steps",details:["Summarize what you accomplished","Note any action items for next session","Share resources or links in the chat","Schedule or confirm the next co-work session"]}];function m(){let[e,t]=(0,d.useState)(null),[i,s]=(0,d.useState)(new Set),a=i.size/c.length*100;return(0,r.jsxs)("div",{className:"w-full max-w-2xl mx-auto",children:[(0,r.jsx)("style",{children:`
2        @keyframes timeline-pulse {
3          0%, 100% { box-shadow: 0 0 0 0 rgba(212, 131, 106, 0.4); }
4          50% { box-shadow: 0 0 20px 4px rgba(212, 131, 106, 0.2); }
5        }
6        @keyframes timeline-expand {
7          from { opacity: 0; max-height: 0; }
8          to { opacity: 1; max-height: 300px; }
9        }
10        @keyframes progress-fill {
11          from { width: 0%; }
12        }
13        @keyframes timeline-icon-pop {
14          0% { transform: scale(1); }
15          50% { transform: scale(1.2); }
16          100% { transform: scale(1); }
17        }
18        .timeline-active {
19          animation: timeline-pulse 2s ease-in-out infinite;
20        }
21        .timeline-details-enter {
22          animation: timeline-expand 0.4s ease-out forwards;
23          overflow: hidden;
24        }
25        .timeline-icon-pop {
26          animation: timeline-icon-pop 0.3s ease-out;
27        }
28      `}),(0,r.jsxs)("div",{className:"mb-6",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,r.jsx)("span",{className:"text-sm text-[#A8A29E]",children:"Session Progress"}),(0,r.jsxs)("span",{className:"text-sm text-[#D4836A] font-medium",children:[i.size,"/",c.length," phases explored"]})]}),(0,r.jsx)("div",{className:"h-2 bg-white/[0.06] rounded-full overflow-hidden",children:(0,r.jsx)("div",{className:"h-full bg-gradient-to-r from-[#D4836A] to-[#E8A090] rounded-full transition-all duration-700 ease-out",style:{width:`${a}%`}})})]}),(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("div",{className:"absolute left-[23px] top-8 bottom-8 w-[2px] bg-white/[0.06]"}),(0,r.jsx)("div",{className:"space-y-3",children:c.map(a=>{let o=e===a.id,n=i.has(a.id),l=a.icon;return(0,r.jsx)("div",{className:"relative",children:(0,r.jsxs)("button",{type:"button",onClick:()=>{var i;e===(i=a.id)?t(null):(t(i),s(e=>new Set([...e,i])))},className:`
29                    w-full text-left rounded-xl p-4 pl-14 transition-all duration-300 cursor-pointer
30                    ${o?"bg-[#2D2926] border border-[#D4836A]/60 timeline-active":n?"bg-[#2D2926]/60 border border-white/[0.06] hover:border-[#D4836A]/30":"bg-[#2D2926]/40 border border-white/[0.06] hover:border-white/[0.12] hover:bg-[#2D2926]/60"}
31                  `,children:[(0,r.jsx)("div",{className:`
32                      absolute left-3 top-4 w-[24px] h-[24px] rounded-full flex items-center justify-center
33                      transition-all duration-300
34                      ${o?"bg-[#D4836A] text-white timeline-icon-pop":n?"bg-[#D4836A]/20 text-[#D4836A]":"bg-white/[0.06] text-[#78716C]"}
35                    `,children:(0,r.jsx)(l,{size:14})}),(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h3",{className:`font-semibold text-sm transition-colors duration-300 ${o?"text-white":"text-[#E7E5E4]"}`,children:a.title}),(0,r.jsx)("p",{className:"text-xs text-[#A8A29E] mt-0.5",children:a.description})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:`text-xs font-mono px-2 py-0.5 rounded-full ${o?"bg-[#D4836A]/20 text-[#D4836A]":"bg-white/[0.06] text-[#78716C]"}`,children:a.duration}),(0,r.jsx)("svg",{className:`w-4 h-4 text-[#78716C] transition-transform duration-300 ${o?"rotate-180":""}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]})]}),o&&(0,r.jsx)("div",{className:"timeline-details-enter mt-3 pt-3 border-t border-white/[0.06]",children:(0,r.jsx)("ul",{className:"space-y-2",children:a.details.map((e,t)=>(0,r.jsxs)("li",{className:"flex items-start gap-2 text-sm text-[#A8A29E]",style:{animationDelay:`${80*t}ms`,animation:"timeline-expand 0.3s ease-out forwards",opacity:0}

35,children:[(0,r.jsx)("span",{className:"mt-1.5 w-1.5 h-1.5 rounded-full bg-[#D4836A]/60 flex-shrink-0"}),e]},t))})})]})},a.id)})})]}),i.size===c.length&&(0,r.jsx)("div",{className:"mt-4 text-center py-3 rounded-xl bg-[#D4836A]/10 border border-[#D4836A]/20",style:{animation:"timeline-expand 0.5s ease-out"},children:(0,r.jsx)("p",{className:"text-sm text-[#D4836A] font-medium",children:"You've explored the full co-work session flow!"})})]})}},78340:(e,t,i)=>{i.d(t,{A:()=>l});var r=i(12115);let s=e=>{let t=e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,i)=>i?i.toUpperCase():t.toLowerCase());return t.charAt(0).toUpperCase()+t.slice(1)},a=(...e)=>e.filter((e,t,i)=>!!e&&""!==e.trim()&&i.indexOf(e)===t).join(" ").trim();var o={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let n=(0,r.forwardRef)(({color:e="currentColor",size:t=24,strokeWidth:i=2,absoluteStrokeWidth:s,className:n="",children:l,iconNode:d,...c},m)=>(0,r.createElement)("svg",{ref:m,...o,width:t,height:t,stroke:e,strokeWidth:s?24*Number(i)/Number(t):i,className:a("lucide",n),...!l&&!(e=>{for(let t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0})(c)&&{"aria-hidden":"true"},...c},[...d.map(([e,t])=>(0,r.createElement)(e,t)),...Array.isArray(l)?l:[l]])),l=(e,t)=>

35{let i=(0,r.forwardRef)(({className:i,...o},l)=>(0,r.createElement)(n,{ref:l,iconNode:t,className:a(`lucide-${s(e).replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${e}`,i),...o}));return i.displayName=s(e),i}},87634:(e,t,i)=>{i.d(t,{A:()=>r});let r=(0,i(78340).A)("presentation",[["path",{d:"M2 3h20",key:"91anmk"}],["path",{d:"M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3",key:"2k9sn8"}],["path",{d:"m7 21 5-5 5 5",key:"bip4we"}]])}}]);