1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8974],{1628:(e,t,s)=>{"use strict";s.d(t,{A:()=>r});let r=(0,s(2806).A)("arrow-right",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]])},3404:(e,t,s)=>{Promise.resolve().then(s.bind(s,6125)),Promise.resolve().then(s.bind(s,5660)),Promise.resolve().then(s.bind(s,9846)),Promise.resolve().then(s.bind(s,9156)),Promise.resolve().then(s.t.bind(s,8500,23)),Promise.resolve().then(s.t.bind(s,8437,23))},6125:(e,t,s)=>{"use strict";s.d(t,{AgenticPrinciple:()=>q});var r=s(5155),a=s(2115),n=s(6901),i=s(2806);let l=(0,i.A)("file-check-corner",[["path",{d:"M10.5 22H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v6",key:"g5mvt7"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"m14 20 2 2 4-4",key:"15kota"}]]);var d=s(4478);let o=(0,i.A)("arrow-down",[["path",{d:"M12 5v14",key:"s699le"}],["path",{d:"m19 12-7 7-7-7",key:"1idqje"}]]),c=(0,i.A)("circle-check",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]);var x=s(2289);let m=(0,i.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"}]]),h=(0,i.A)("zap",[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]]);var u=s(5772),p=s(8368);let b=(0,i.A)("message-square",[["path",{d:"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",key:"18887p"}]]),g=(0,i.A)("file-spreadsheet",[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M8 13h2",key:"yr2amv"}],["path",{d:"M14 13h2",key:"un5t4a"}],["path",{d:"M8 17h2",key:"2yhykz"}],["path",{d:"M14 17h2",key:"10kma7"}]]),f=(0,i.A)("calendar-days",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}],["path",{d:"M8 14h.01",key:"6423bh"}],["path",{d:"M12 14h.01",key:"1etili"}],["path",{d:"M16 14h.01",key:"1gbofw"}],["path",{d:"M8 18h.01",key:"lrp35t"}],["path",{d:"M12 18h.01",key:"mhygvu"}],["path",{d:"M16 18h.01",key:"kzsmim"}]]);var j=s(6088),v=s(4514),w=s(8822);let k=(0,i.A)("search",[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]]),N=(0,i.A)("folder-open",[["path",{d:"m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",key:"usdka0"}]]),y=(0,i.A)("folder",[["path",{d:"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",key:"1kt360"}]]),A=(0,i.A)("send",[["path",{d:"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",key:"1ffxy3"}],["path",{d:"m21.854 2.147-10.94 10.939",key:"12cjpa"}]]);var S=s(3210);let z=(0,i.A)("reply",[["path",{d:"M20 18v-2a4 4 0 0 0-4-4H4",key:"5vmcpk"}],["path",{d:"m9 17-5-5 5-5",key:"nvlc11"}]]),M=(0,i.A)("chevron-left",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]),P=(0,i.A)("chevron-right",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]),K=(0,i.A)("trending-up",[["path",{d:"M16 7h6v6",key:"box55l"}],["path",{d:"m22 7-8.5 8.5-5-5L2 17",key:"1t1m79"}]]);var T=s(439);let C=["Titel","Agenda","KPIs","Conversion","Roadmap","Funnel","Risiken","Ausblick","Budget","Ressourcen","Beschluss","Backup"];function R({initialSlide:e=4,onClose:t,onApprove:s}){let[n,i]=(0,a.useState)(e);(0,a.useEffect)(()=>{i(e)},[e]),(0,a.useEffect)(()=>{let e=e=>{"ArrowRight"===e.key?l():"ArrowLeft"===e.key?d():"Escape"===e.key&&t()};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[n]);let l=()=>i(e=>Math.min(e+1,12)),d=()=>i(e=>Math.max(e-1,1));return(0,r.jsxs)("div",{className:"absolute inset-0 z-50 flex flex-col bg-[#0f172a] text-white animate-in fade-in duration-150 overflow-hidden",children:[(0,r.jsxs)("div",{className:"flex h-11 shrink-0 items-center justify-between border-b border-white/10 bg-slate-900 px-3 sm:px-4 z-20",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,r.jsx)(m,{className:"h-4 w-4 text-emerald-400 shrink-0"}),(0,r.jsx)("span",{className:"text-xs font-bold text-white truncate",children:"Status_Produkteinfuehrung_FINAL.pptx"}),(0,r.jsxs)("span",{className:"text-[10px] text-emerald-400 font-semibold whitespace-nowrap hidden sm:inline",children:["(Folie ",n," / ",12,")"]})]}),(0,r.jsxs)("div",{className:"flex items-center gap-1.5 shrink-0",children:[(0,r.jsxs)("span",{className:"text-[11px] font-semibold text-slate-400 sm:hidden mr-1",children:[n,"/",12]}),(0,r.jsx)("button",{type:"button",onClick:d,disabled:n<=1,className:"flex h-7 w-7 items-center justify-center rounded-lg bg-white/10 text-white hover:bg-white/20 disabled:opacity-30 transition-colors",title:"Vorherige Folie",children:(0,r.jsx)(M,{className:"h-4 w-4"})}),(0,r.jsx)("button",{type:"button",onClick:l,disabled:n>=12,className:"flex h-7 w-7 items-center justify-center rounded-lg bg-white/10 text-white hover:bg-white/20 disabled:opacity-30 transition-colors",title:"N\xe4chste Folie",children:(0,r.jsx)(P,{className:"h-4 w-4"})}),(0,r.jsx)("div",{className:"h-4 w-px bg-white/10 mx-1"}),(0,r.jsxs)("button",{type:"button",onClick:()=>{s?.(),t()},className:"flex h-7 items-center gap-1.5 rounded-lg bg-emerald-600 hover:bg-emerald-500 px-3 text-[11px] font-bold text-white shadow-xs transition-colors cursor-pointer whitespace-nowrap",children:[(0,r.jsx)(v.A,{className:"h-3.5 w-3.5"})," ",(0,r.jsx)("span",{children:"Freigeben & Senden"})]}),(0,r.jsxs)("button",{type:"button",onClick:t,className:"flex h-7 items-center gap-1 rounded-lg bg-white/10 px-2.5 text-[11px] font-medium text-white hover:bg-white/20 transition-colors whitespace-nowrap",children:[(0,r.jsx)(S.A,{className:"h-3.5 w-3.5"})," ",(0,r.jsx)("span",{children:"Schlie\xdfen"})]})]})]}),(0,r.jsxs)("div",{className:"flex flex-1 overflow-hidden",children:[(0,r.jsx)("div",{className:"hidden sm:flex w-28 shrink-0 flex-col gap-1 overflow-y-auto border-r border-white/10 bg-slate-900/60 p-2",children:Array.from({length:12},(e,t)=>t+1).map(e=>(0,r.jsxs)("button",{type:"button",onClick:()=>i(e),className:`flex items-center gap-1.5 rounded px-2 py-1 text-left text-[10px] font-medium transition-all ${n===e?"bg-emerald-500/20 text-emerald-300 font-bold ring-1 ring-emerald-500/50":"text-slate-400 hover:bg-white/5 hover:text-slate-200"}`,children:[(0,r.jsx)("span",{className:"opacity-60",children:e<10?`0${e}`:e}),(0,r.jsx)("span",{className:"truncate",children:C[e-1]})]},e))}),(0,r.jsx)("div",{className:"flex-1 overflow-y-auto p-2.5 sm:p-4 flex items-center justify-center bg-slate-950",children:(0,r.jsxs)("div",{className:"w-full max-w-2xl min-h-[340px] rounded-xl bg-white text-slate-900 p-4 sm:p-5 shadow-xl border border-slate-200 flex flex-col justify-between overflow-y-auto",children:[1===n&&(0,r.jsxs)("div",{className:"my-auto text-center p-6 sm:p-8 bg-slate-950 text-white rounded-xl flex flex-col justify-center min-h-[300px]",children:[(0,r.jsxs)("div",{className:"inline-flex items-center gap-1.5 mx-auto px-2.5 py-0.5 rounded-full bg-emerald-900/70 border border-emerald-500/40 text-emerald-300 text-[10px] font-bold uppercase tracking-wider mb-3",children:[(0,r.jsx)("span",{className:"h-1.5 w-1.5 rounded-full bg-emerald-400 animate-pulse"}),"Quartalsbericht \xb7 Q2 2026"]}),(0,r.jsxs)("h1",{className:"text-2xl sm:text-3xl font-extrabold tracking-tight",children:["Produkteinf\xfchrung: ",(0,r.jsx)("span",{className:"text-emerald-400",children:"Status & Ausblick"})]}),(0,r.jsx)("p",{className:"mt-2 text-xs text-slate-400 max-w-md mx-auto",children:"Strategischer Fortschrittsbericht f\xfcr den Aufsichtsrat."}),(0,r.jsxs)("div",{className:"mt-6 pt-4 border-t border-white/10 grid grid-cols-3 gap-2 text-[10px] text-slate-300",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:"text-emerald-400 block font-bold uppercase",children:"Erstellt f\xfcr"}),"Dr. Thomas M\xfcller"]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:"text-emerald-400 block font-bold uppercase",children:"Datum"}),"22. Mai 2026"]}
1),(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:"text-emerald-400 block font-bold uppercase",children:"Status"}),"Streng vertraulich"]})]})]}),2===n&&(0,r.jsxs)("div",{className:"flex-1 flex flex-col justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-[10px] font-bold uppercase tracking-wider text-emerald-800",children:"01 \xb7 \xdcberblick"}),(0,r.jsx)("h2",{className:"text-lg sm:text-xl font-bold text-slate-900 mt-0.5",children:"Agenda & Schwerpunkte"})]}),(0,r.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-2 my-2 text-xs",children:[{num:"1",title:"Projektstatus & KPIs",desc:"Die wichtigsten Kennzahlen der 90 Tage"},{num:"2",title:"Marketing & Conversion",desc:"Launch-Performance und Funnel"},{num:"3",title:"Roadmap 2026",desc:"Geplante Schritte bis zum GA-Release"},{num:"4",title:"Risiken & Mitigation",desc:"Ma\xdfnahmenpl\xe4ne f\xfcr Skalierung"},{num:"5",title:"Budget & ROI",desc:"Forecast bis Jahresende"},{num:"6",title:"Beschlussvorlage",desc:"Entscheidungsbedarf des Aufsichtsrats"}].map(e=>(0,r.jsxs)("div",{className:"flex gap-2 p-2 rounded-lg border border-slate-200 bg-slate-50/50",children:[(0,r.jsx)("span",{className:"flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-emerald-700 text-white font-bold text-[10px]",children:e.num}),(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsx)("div",{className:"font-bold text-slate-900 text-[11px] leading-tight",children:e.title}),(0,r.jsx)("div",{className:"text-[10px] text-slate-500 leading-tight mt-0.5",children:e.desc})]})]},e.num))}),(0,r.jsxs)("div",{className:"text-[10px] text-slate-400 flex justify-between border-t border-slate-100 pt-1.5",children:[(0,r.jsx)("span",{className:"text-emerald-800 font-semibold",children:"Roadmap zur Series A"}),(0,r.jsx)("span",{children:"Folie 02 / 12"})]})]}),3===n&&(0,r.jsxs)("div",{className:"flex-1 flex flex-col justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-[10px] font-bold uppercase tracking-wider text-emerald-800",children:"02 \xb7 Kennzahlen"}),(0,r.jsx)("h2",{className:"text-lg sm:text-xl font-bold text-slate-900 mt-0.5",children:"KPI-\xdcbersicht â Stand 22. Mai"})]}),(0,r.jsxs)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-2 my-2",children:[(0,r.jsxs)("div",{className:"p-2.5 rounded-xl bg-emerald-50 border border-emerald-200",children:[(0,r.jsx)("div",{className:"text-[9px] font-bold uppercase text-emerald-800",children:"Aktive Nutzer"}),(0,r.jsx)("div",{className:"text-xl font-extrabold text-emerald-900 my-0.5",children:"12,4k"}),(0,r.jsx)("div",{className:"text-[9px] text-slate-600",children:"+28 % vs. Vormonat"})]}),(0,r.jsxs)("div",{className:"p-2.5 rounded-xl bg-emerald-100 border border-emerald-300",children:[(0,r.jsx)("div",{className:"text-[9px] font-bold uppercase text-emerald-800",children:"Engagement"}),(0,r.jsx)("div",{className:"text-xl font-extrabold text-emerald-900 my-0.5",children:"23 %"}),(0,r.jsx)("div",{className:"text-[9px] text-emerald-950",children:"+4 Pp vs. Vormonat"})]}),(0,r.jsxs)("div",{className:"p-2.5 rounded-xl bg-emerald-700 text-white shadow-sm",children:[(0,r.jsx)("div",{className:"text-[9px] font-bold uppercase text-emerald-200",children:"Beta NPS"}),(0,r.jsx)("div",{className:"text-xl font-extrabold text-white my-0.5",children:"4,7"}),(0,r.jsx)("div",{className:"text-[9px] text-emerald-100",children:"5.000 Tester"})]}),(0,r.jsxs)("div",{className:"p-2.5 rounded-xl bg-emerald-900 text-white shadow-md",children:[(0,r.jsx)("div",{className:"text-[9px] font-bold uppercase text-emerald-300",children:"Conversion"}),(0,r.jsx)("div",{className:"text-xl font-extrabold text-white my-0.5",children:"3,2 %"}),(0,r.jsx)("div",{className:"text-[9px] text-emerald-200",children:"Benchmark: 2,4 %"})]})]}),(0,r.jsxs)("div",{className:"text-[10px] text-slate-400 flex justify-between border-t border-slate-100 pt-1.5",children:[(0,r.jsx)("span",{className:"text-emerald-800 font-semibold",children:"Produkt-Markt-Fit erreicht"}),(0,r.jsx)("span",{children:"Folie 03 / 12"})]})]}),4===n&&(0,r.jsxs)("div",{className:"flex-1 flex flex-col justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-[10px] font-bold uppercase tracking-wider text-emerald-800",children:"03 \xb7 Marketing Deep Dive"}),(0,r.jsx)("h2",{className:"text-lg sm:text-xl font-bold text-slate-900 mt-0.5",children:"Conversion-Rate als zentraler Hebel"})]}),(0,r.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-[1fr_150px] gap-3 items-center my-2",children:[(0,r.jsxs)("div",{className:"space-y-1.5 text-xs text-slate-700",children:[(0,r.jsxs)("div",{className:"flex items-start gap-1.5",children:[(0,r.jsx)(v.A,{className:"h-3.5 w-3.5 text-emerald-600 shrink-0 mt-0.5"}),(0,r.jsxs)("span",{children:[(0,r.jsx)("b",{children:"Click-Through-Rate um 15 % gesteigert"})," durch optimierte Landingpages."]})]}),(0,r.jsxs)("div",{className:"flex items-start gap-1.5",children:[(0,r.jsx)(v.A,{className:"h-3.5 w-3.5 text-emerald-600 shrink-0 mt-0.5"}),(0,r.jsxs)("span",{children:[(0,r.jsx)("b",{children:"User-Engagement stabil bei 23 %"})," (Branchenschnitt: 12 %)."]})]}),(0,r.jsxs)("div",{className:"flex items-start gap-1.5",children:[(0,r.jsx)(v.A,{className:"h-3.5 w-3.5 text-emerald-600 shrink-0 mt-0.5"}),(0,r.jsxs)("span",{children:[(0,r.jsx)("b",{children:"Lead-Generierung"})," \xfcbertraf Zielvorgaben in Woche 2."]})]})]}),(0,r.jsxs)("div",{className:"rounded-xl bg-emerald-800 text-white p-3 text-center shadow-md",children:[(0,r.jsx)("div",{className:"text-[8.5px] font-bold uppercase text-emerald-300",children:"Conversion-Rate"}),(0,r.jsx)("div",{className:"text-3xl font-extrabold text-white my-0.5",children:"3,2%"}),(0,r.jsxs)("div",{className:"inline-flex items-center gap-1 px-2 py-0.2 rounded-full bg-emerald-400 text-emerald-950 font-bold text-[9.5px]",children:[(0,r.jsx)(K,{className:"h-2.5 w-2.5"})," +0,8 Pp"]})]})]}),(0,r.jsxs)("div",{className:"text-[10px] text-slate-400 flex justify-between border-t border-slate-100 pt-1.5",children:[(0,r.jsx)("span",{className:"text-emerald-800 font-semibold",children:"3,2 % â 33 % \xfcber dem Branchenschnitt"}),(0,r.jsx)("span",{children:"Folie 04 / 12"})]})]}),5===n&&(0,r.jsxs)("div",{className:"flex-1 flex flex-col justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-[10px] font-bold uppercase tracking-wider text-emerald-800",children:"04 \xb7 Zeitplanung"}),(0,r.jsx)("h2",{className:"text-lg sm:text-xl font-bold text-slate-900 mt-0.5",children:"Roadmap 2026 â Meilensteine"})]}),(0,r.jsx)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-2 my-2 text-xs",children:[{q:"Q1 \xb7 Jan-M\xe4r",title:"Closed Beta",desc:"500 Tester, MVP fertig",status:"Fertig",badge:"bg-emerald-700 text-white"},{q:"Q2 \xb7 Apr-Jun",title:"Public Beta",desc:"5.000 Tester aktiv",status:"In Arbeit",badge:"bg-emerald-100 text-emerald-900 border border-emerald-300"},{q:"Q3 \xb7 Jul-Sep",title:"GA Rollout",desc:"Release 15. Juli, SSO",status:"Geplant",badge:"bg-slate-100 text-slate-600"},{q:"Q4 \xb7 Okt-Dez",title:"Skalierung",desc:"Ziel: 50.000 Nutzer",status:"Geplant",badge:"bg-slate-100 text-slate-600"}].map((e,t)=>(0,r.jsxs)("div",{className:"p-2 rounded-lg border border-slate-200 bg-slate-50/40 flex flex-col justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-[8.5px] font-bold uppercase text-emerald-800",children:e.q}),(0,r.jsx)("div",{className:"font-bold text-slate-900 text-[11px] mt-0.5",children:e.title}),(0,r.jsx)("div",{className:"text-[9.5px] text-slate-500 mt-0.5",children:e.desc})]}),(0,r.jsx)("span",{className:`inline-block mt-2 px-1.5 py-0.2 rounded text-[8.5px] font-bold uppercase ${e.badge}`,children:e.status})]},t))}),(0,r.jsxs)("div",{className:"text-[10px] text-slate-400 flex justify-between border-t border-slate-100 pt-1.5",children:[(0,r.jsx)("span",{className:"text-emerald-800 font-semibold",children:"GA-Release am 15. Juli 2026"}),(0,r.jsx)("span",{children:"Folie 05 / 12"})]})]}),6===n&&(0,r.jsxs)("div",{className:"flex-1 flex flex-col justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-[10px] font-bold uppercase tracking-wider text-emerald-800",children:"05 \xb7 Marketing-Funnel"}),(0,r.jsx)("h2",{className:"text-lg sm:text-xl font-bold text-slate-900 mt-0.5",children:"Conversion-Verlauf im Trichter"})]}),(0,r.jsxs)("div",{className:"space-y-1 my-2 text-xs",children:[(0,r.jsxs)("div",{className:"w-full p-1.5 rounded bg-emerald-200 text-emerald-950 font-bold text-[10px] flex justify-between",children:[(0,r.jsx)("span",{children:"Impressions"}),(0,r.jsx)("span",{children:"2.450.000"})]}),(0,r.jsxs)("div",{className:"w-[80%] p-1.5 rounded bg-emerald-300 text-emerald-950 font-bold text-[10px] flex justify-between",children:[(0,r.jsx)("span",{children:"Website-Besuche (CTR 7,6 %)"}),(0,r.jsx)("span",{children:"186.400"})]}),(0,r.jsxs)("div",{className:"w-[55%] p-1.5 rounded bg-emerald-600 text-white font-bold text-[10px] flex justify-between",children:[(0,r.jsx)("span",{children:"Trial-Nutzer (23 %)"}),(0,r.jsx)("span",{children:"42.870"})]}),(0,r.jsxs)("div",{className:"w-[35%] p-1.5 rounded bg-emerald-800 text-white font-bold text-[10px] flex justify-between shadow-sm",children:[(0,r.jsx)("span",{children:"Kunden (3,2 %)"}),(0,r.jsx)("span",{children:"12.380"})]})]}),(0,r.jsxs)("div",{className:"text-[10px] text-slate-400 flex justify-between border-t border-slate-100 pt-1.5",children:[(0,r.jsx)("span",{className:"text-emerald-800 font-semibold",children:"Trial-Conversion mit 23 % \xfcber Benchmark"}),(0,r.jsx)("span",{children:"Folie 06 / 12"})]})]}),7===n&&(0,r.jsxs)("div",{className:"flex-1 flex flex-col justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-[10px] font-bold uppercase tracking-wider text-emerald-800",children:"06 \xb7 Risikomanagement"}),(0,r.jsx)("h2",{className:"text-lg sm:text-xl font-bold text-slate-900 mt-0.5",children:"Identifizierte Risiken & Ma\xdfnahmen"})]}),(0,r.jsx)("div",{className:"grid grid-cols-2 gap-2 my-2 text-xs",children:[{title:"Server-Skalierung",level:"Hoch",badge:"bg-rose-100 text-rose-800",act:"Auto-Scaling Setup KW 26"},{title:"Support-Kapazit\xe4t",level:"Mittel",badge:"bg-amber-100 text-amber-800",act:"3 neue Stellen + KI-Triage"},{title:"EU AI Act Compliance",level:"Mittel",badge:"bg-amber-100 text-amber-800",act:"Audit bis 15. Juli beauftragt"},{title:"Wettbewerbsdruck",level:"Niedrig",badge:"bg-emerald-100 text-emerald-800",act:"First-Mover-Vorteil sichern"}].map((e,t)=>(0,r.jsxs)("div",{className:"p-2 rounded-lg border border-slate-200 bg-white",children:[(0,r.jsxs)("div",{className:"flex justify-between items-center",children:[(0,r.jsx)("span",{className:"font-bold text-[11px] text-slate-900",children:e.title}),(0,r.jsx)("span",{className:`text-[8.5px] font-bold px-1.5 py-0.2 rounded uppercase ${e.badge}`,children:e.level})]}),(0,r.jsxs)("div",{className:"text-[9.5px] text-emerald-800 font-semibold mt-1 flex items-center gap-1",children:[(0,r.jsx)(T.A,{className:"h-2.5 w-2.5"})," ",e.act]})]},t))}),(0,r.jsxs)("div",{className:"text-[10px] text-slate-400 flex justify-between border-t border-slate-100 pt-1.5",children:[(0,r.jsx)("span",{className:"text-emerald-800 font-semibold",children:"Keine Risiken im roten Bereich nach Mitigation"}),(0,r.jsx)("span",{children:"Folie 07 / 12"})]})]}),8===n&&(0,r.jsxs)("div",{className:"my-auto text-center p-6 sm:p-8 bg-slate-950 text-white rounded-xl flex flex-col justify-between min-h-[300px]",children:[(0,r.jsx)("div",{className:"text-[10px] font-bold uppercase tracking-wider text-emerald-400",children:"07 \xb7 Empfehlung & Ausblick"}),(0,r.jsx)("h3",{className:"text-2xl font-extrabold text-white my-2",children:"Bereit f\xfcr den Full Rollout"}),(0,r.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-2 text-left text-xs my-2",children:[(0,r.jsxs)("div",{className:"p-2.5 rounded-lg bg-white/5 border border-white/10",children:[(0,r.jsx)("div",{className:"font-bold text-emerald-300 text-[10.5px]",children:"1 \xb7 GA am 15. Juli"}),(0,r.jsx)("div",{className:"text-[9.5px] text-slate-400 mt-0.5",children:"480 T⬠Marketing-Budget"})]}),(0,r.jsxs)("div",{className:"p-2.5 rounded-lg bg-white/5 border border-white/10",children:[(0,r.jsx)("div",{className:"font-bold text-emerald-300 text-[10.5px]",children:"2 \xb7 Infra-Skalierung"}),(0,r.jsx)("div",{className:"text-[9.5px] text-slate-400 mt-0.5",children:"Last-Tests bis Ende Juni"})]}),(0,r.jsxs)("div",{className:"p-2.5 rounded-lg bg-white/5 border border-white/10",children:[(0,r.jsx)("div",{className:"font-bold text-emerald-300 text-[10.5px]",children:"3 \xb7 Team-Ausbau"}),(0,r.jsx)("div",{className:"text-[9.5px] text-slate-400 mt-0.5",children:"5 neue Positionen genehmigt"})]})]}),(0,r.jsxs)("div",{className:"text-[10px] text-slate-400 pt-2 border-t border-white/10 flex justify-between",children:[(0,r.jsx)("span",{children:"Projektleitung: Sarah Johnson"}),(0,r.jsx)("span",{children:"Folie 08 / 12"})]})]}),9===n&&(0,r.jsxs)("div",{className:"flex-1 flex flex-col justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-[10px] font-bold uppercase tracking-wider text-emerald-800",children:"08 \xb7 Budget"}),(0,r.jsx)("h2",{className:"text-lg sm:text-xl font-bold text-slate-900 mt-0.5",children:"Budget-Bridge f\xfcr Q3"})]}),(0,r.jsxs)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-2 my-2",children:[(0,r.jsxs)("div",{className:"p-2 rounded bg-emerald-50 border border-emerald-200",children:[(0,r.jsx)("div",{className:"text-[9px] font-bold uppercase text-emerald-800",children:"Marketing"}),(0,r.jsx)("div",{className:"text-lg font-bold text-emerald-900 my-0.5",children:"480 Tâ¬"}),(0,r.jsx)("div",{className:"text-[9px] text-slate-500",children:"Launch-Budget"})]}),(0,r.jsxs)("div",{className:"p-2 rounded bg-emerald-100 border border-emerald-300",children:[(0,r.jsx)("div",{className:"text-[9px] font-bold uppercase text-emerald-800",children:"Infrastruktur"}),(0,r.jsx)("div",{className:"text-lg font-bold text-emerald-900 my-0.5",children:"120 Tâ¬"}),(0,r.jsx)("div",{className:"text-[9px] text-slate-500",children:"Auto-Scaling"})]}),(0,r.jsxs)("div",{className:"p-2 rounded bg-emerald-700 text-white",children:[(0,r.jsx)("div",{className:"text-[9px] font-bold uppercase text-emerald-200",children:"Support"}),(0,r.jsx)("div",{className:"text-lg font-bold text-white my-0.5",children:"3 FTE"}),(0,r.jsx)("div",{className:"text-[9px] text-emerald-100",children:"Kapazit\xe4tsausbau"})]}),(0,r.jsxs)("div",{className:"p-2 rounded bg-emerald-900 text-white",children:[(0,r.jsx)("div",{className:"text-[9px] font-bold uppercase text-emerald-300",children:"ROI Forecast"}),(0,r.jsx)("div",{className:"text-lg font-bold text-white my-0.5",children:"2,8x"}),(0,r.jsx)("div",{className:"text-[9px] text-emerald-200",children:"bei 3,2 % Conversion"})]})]}),(0,r.jsxs)("div",{className:"text-[10px] text-slate-400 flex justify-between border-t border-slate-100 pt-1.5",children:[(0,r.jsx)("span",{className:"text-emerald-800 font-semibold",children:"Budget an Conversion gekoppelt"}),(0,r.jsx)("span",{children:"Folie 09 / 12"})]})]}),10===n&&(0,r.jsxs)("div",{className:"flex-1 flex flex-col justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-[10px] font-bold uppercase tracking-wider text-emerald-800",children:"09 \xb7 Ressourcen"}),(0,r.jsx)("h2",{className:"text-lg sm:text-xl font-bold text-slate-900 mt-0.5",children:"Team- und Kapazit\xe4tsplan"})]}),(0,r.jsxs)("div",{className:"grid grid-cols-2 gap-2 my-2 text-xs",children:[(0,r.jsxs)("div",{className:"p-2 rounded border border-slate-200 bg-slate-50/40",children:[(0,r.jsx)("div",{className:"font-bold text-[11px] text-slate-900",children:"Support skalieren"}),(0,r.jsx)("div",{className:"text-[9.5px] text-slate-500 mt-0.5",children:"3 Stellen bis Juli, KI-Triage Standard"})]}),(0,r.jsxs)("div",{className:"p-2 rounded border border-slate-200 bg-slate-50/40",children:[(0,r.jsx)("div",{className:"font-bold text-[11px] text-slate-900",children:"Engineering absichern"}),(0,r.jsx)("div",{className:"text-[9.5px] text-slate-500 mt-0.5",children:"2 Rollen f\xfcr Plattform-Stabilit\xe4t"})]}),(0,r.jsxs)("div",{className:"p-2 rounded border
1border-slate-200 bg-slate-50/40",children:[(0,r.jsx)("div",{className:"font-bold text-[11px] text-slate-900",children:"Sales Enablement"}),(0,r.jsx)("div",{className:"text-[9.5px] text-slate-500 mt-0.5",children:"Demo-Scripts & Enterprise-Material"})]}),(0,r.jsxs)("div",{className:"p-2 rounded border border-slate-200 bg-slate-50/40",children:[(0,r.jsx)("div",{className:"font-bold text-[11px] text-slate-900",children:"Customer Success"}),(0,r.jsx)("div",{className:"text-[9.5px] text-slate-500 mt-0.5",children:"Onboarding-Playbooks Enterprise"})]})]}),(0,r.jsxs)("div",{className:"text-[10px] text-slate-400 flex justify-between border-t border-slate-100 pt-1.5",children:[(0,r.jsx)("span",{className:"text-emerald-800 font-semibold",children:"Kapazit\xe4t vor Nachfrage"}),(0,r.jsx)("span",{children:"Folie 10 / 12"})]})]}),11===n&&(0,r.jsxs)("div",{className:"flex-1 flex flex-col justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-[10px] font-bold uppercase tracking-wider text-emerald-800",children:"10 \xb7 Beschlussvorlage"}),(0,r.jsx)("h2",{className:"text-lg sm:text-xl font-bold text-slate-900 mt-0.5",children:"Entscheidungsbedarf des Aufsichtsrats"})]}),(0,r.jsxs)("div",{className:"grid grid-cols-2 gap-2 my-2 text-xs",children:[(0,r.jsxs)("div",{className:"p-2 rounded bg-emerald-50 border border-emerald-200",children:[(0,r.jsxs)("div",{className:"font-bold text-[11px] text-emerald-950 flex justify-between",children:[(0,r.jsx)("span",{children:"GA-Release"}),(0,r.jsx)("span",{className:"text-[8.5px] font-bold text-emerald-700",children:"Empfohlen"})]}),(0,r.jsx)("div",{className:"text-[9.5px] text-slate-600 mt-0.5",children:"Freigabe f\xfcr 15. Juli 2026"})]}),(0,r.jsxs)("div",{className:"p-2 rounded bg-emerald-50 border border-emerald-200",children:[(0,r.jsxs)("div",{className:"font-bold text-[11px] text-emerald-950 flex justify-between",children:[(0,r.jsx)("span",{children:"Q3-Budget"}),(0,r.jsx)("span",{className:"text-[8.5px] font-bold text-emerald-700",children:"480 Tâ¬"})]}),(0,r.jsx)("div",{className:"text-[9.5px] text-slate-600 mt-0.5",children:"Performance-Marketing & Infra"})]}),(0,r.jsxs)("div",{className:"p-2 rounded border border-slate-200 bg-white",children:[(0,r.jsxs)("div",{className:"font-bold text-[11px] text-slate-900 flex justify-between",children:[(0,r.jsx)("span",{children:"Team-Ausbau"}),(0,r.jsx)("span",{className:"text-[8.5px] font-bold text-slate-600",children:"5 Stellen"})]}),(0,r.jsx)("div",{className:"text-[9.5px] text-slate-500 mt-0.5",children:"Support & Engineering sichern"})]}),(0,r.jsxs)("div",{className:"p-2 rounded border border-slate-200 bg-white",children:[(0,r.jsxs)("div",{className:"font-bold text-[11px] text-slate-900 flex justify-between",children:[(0,r.jsx)("span",{children:"KPI-Reporting"}),(0,r.jsx)("span",{className:"text-[8.5px] font-bold text-slate-600",children:"Monatlich"})]}),(0,r.jsx)("div",{className:"text-[9.5px] text-slate-500 mt-0.5",children:"Board-Updates zu Conversion"})]})]}),(0,r.jsxs)("div",{className:"text-[10px] text-slate-400 flex justify-between border-t border-slate-100 pt-1.5",children:[(0,r.jsx)("span",{className:"text-emerald-800 font-semibold",children:"Klare Beschlusslage"}),(0,r.jsx)("span",{children:"Folie 11 / 12"})]})]}),12===n&&(0,r.jsxs)("div",{className:"my-auto text-center p-6 sm:p-8 bg-slate-950 text-white rounded-xl flex flex-col justify-between min-h-[300px]",children:[(0,r.jsx)("div",{className:"text-[10px] font-bold uppercase tracking-wider text-emerald-400",children:"11 \xb7 Anhang & Backup"}),(0,r.jsx)("h3",{className:"text-xl font-extrabold text-white my-2",children:"Quellen & Nachweise"}),(0,r.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-2 text-left text-xs my-2",children:[(0,r.jsxs)("div",{className:"p-2.5 rounded-lg bg-white/5 border border-white/10",children:[(0,r.jsx)("div",{className:"font-bold text-emerald-300 text-[10.5px]",children:"A \xb7 Messlogik"}),(0,r.jsx)("div",{className:"text-[9px] text-slate-400 mt-0.5",children:"Conversion & NPS"})]}),(0,r.jsxs)("div",{className:"p-2.5 rounded-lg bg-white/5 border border-white/10",children:[(0,r.jsx)("div",{className:"font-bold text-emerald-300 text-[10.5px]",children:"B \xb7 Funnel-Daten"}),(0,r.jsx)("div",{className:"text-[9px] text-slate-400 mt-0.5",children:"Paid, SEO, PR Traffic"})]}),(0,r.jsxs)("div",{className:"p-2.5 rounded-lg bg-white/5 border border-white/10",children:[(0,r.jsx)("div",{className:"font-bold text-emerald-300 text-[10.5px]",children:"C \xb7 Risiko-Register"}),(0,r.jsx)("div",{className:"text-[9px] text-slate-400 mt-0.5",children:"Deadlines & Owner"})]})]}),(0,r.jsxs)("div",{className:"text-[10px] text-slate-400 pt-2 border-t border-white/10 flex justify-between",children:[(0,r.jsx)("span",{children:"mulios agentic \xb7 Executive Suite"}),(0,r.jsx)("span",{children:"Folie 12 / 12"})]})]})]})})]}),(0,r.jsxs)("div",{className:"flex h-11 shrink-0 items-center justify-between border-t border-white/10 bg-slate-900 px-3 sm:px-4 z-20",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 text-xs text-slate-300",children:[(0,r.jsx)("span",{className:"flex h-2 w-2 rounded-full bg-emerald-400 animate-ping"}),(0,r.jsx)("span",{className:"text-[11.5px] text-slate-300",children:"12 Folien fert
1ig erstellt \xb7 versandbereit an Dr. M\xfcller"})]}),(0,r.jsxs)("button",{type:"button",onClick:()=>{s?.(),t()},className:"flex items-center gap-1.5 rounded-lg bg-emerald-600 hover:bg-emerald-500 px-3 py-1.5 text-xs font-bold text-white shadow-md transition-all scale-100 hover:scale-[1.02] cursor-pointer",children:[(0,r.jsx)(v.A,{className:"h-3.5 w-3.5"}),(0,r.jsx)("span",{children:"Pr\xe4sentation freigeben & abschicken"})]})]})]})}var B=s(4980);let D=(0,i.A)("tags",[["path",{d:"M13.172 2a2 2 0 0 1 1.414.586l6.71 6.71a2.4 2.4 0 0 1 0 3.408l-4.592 4.592a2.4 2.4 0 0 1-3.408 0l-6.71-6.71A2 2 0 0 1 6 9.172V3a1 1 0 0 1 1-1z",key:"16rjxf"}],["path",{d:"M2 7v6.172a2 2 0 0 0 .586 1.414l6.71 6.71a2.4 2.4 0 0 0 3.191.193",key:"178nd4"}],["circle",{cx:"10.5",cy:"6.5",r:".5",fill:"currentColor",key:"12ikhr"}]]);var V=s(9199),E=s(1628);let I={projektplanung:{id:"projektplanung",kind:"chat",label:"KI-Chat",title:"Projektplanung",badge:"Produkteinf\xfchrung",meta:"Zuletzt aktiv vor 2 Stunden \xb7 24 Nachrichten",messages:[{who:"user",text:"Ich brauche einen groben Sprint-Plan f\xfcr die n\xe4chsten 6 Wochen bis zum GA-Release. Fokus: Skalierbarkeit & Support-Onboarding."},{who:"ai",text:"Hier mein Vorschlag in 3 Sprints \xe0 2 Wochen:<br><br><b>Sprint 1 (KW 22â23):</b> Auto-Scaling-Setup, Last-Tests-Framework, Monitoring-Dashboards.<br><b>Sprint 2 (KW 24â25):</b> Onboarding-Material f\xfcr 3 neue Support-Mitarbeiter, KI-Triage-System produktiv schalten, Beta-Feedback einarbeiten.<br><b>Sprint 3 (KW 26â27):</b> Last-Tests in KW 26, Bug-Fixes, finale Marketing-Vorbereitung. GA-Release am 15. Juli."},{who:"user",text:"Klingt gut. Kannst du mir Sprint 1 als Aufgabenliste rausziehen und als Projekt\xfcbersicht anlegen?"},{who:"ai",text:"Erledigt â 8 Aufgaben im Projektraum strukturiert und Stefan Wagner als Lead zugeordnet. Die Aufgabenliste steht im Workspace bereit."}]},codereview:{id:"codereview",kind:"chat",label:"KI-Chat",title:"Code-Review",badge:"Entwicklung",meta:"Zuletzt aktiv gestern \xb7 12 Nachrichten",messages:[{who:"user",text:"Schau dir bitte den Code vom Auth-Modul an. Mir kommen die Token-Refresh-Intervalle komisch vor."},{who:"ai",text:"Ich habe den Code analysiert. <b>Drei Punkte:</b><br>1. Token-Refresh l\xe4uft alle 15 Min â das ist zu aggressiv f\xfcr unsere Session-L\xe4nge. Ich w\xfcrde 30 Min empfehlen.<br>2. Fehlende Retry-Logik bei Refresh-Fehlern â kann zu spontanen Logouts f\xfchren.<br>3. Der Refresh-Endpoint hat kein Rate-Limiting.<br><br>Code-Vorschlag angeh\xe4ngt."},{who:"user",text:"Gut erkannt. Bereite die Korrektur-Notizen f\xfcr Stefan vor."},{who:"ai",text:"Review-Notizen sind im Workspace abgelegt und als Briefing f\xfcr Stefan vorbereitet."}]},fehleranalyse:{id:"fehleranalyse",kind:"chat",label:"KI-Chat",title:"Fehleranalyse",badge:"Entwicklung",meta:"Zuletzt aktiv vor 3 Tagen \xb7 7 Nachrichten",messages:[{who:"user",text:"Wir hatten gestern Abend einen Spike an 502-Fehlern. Kannst du die Logs durchgehen?"},{who:"ai",text:"Ich habe die Logs zwischen 19:42 und 20:15 analysiert. <b>Root Cause:</b> Ein DB-Pool-Connection-Limit wurde erreicht, weil ein neuer Cronjob zur Datenaggregation 50 parallele Queries gefeuert hat. Auswirkung: 412 fehlgeschlagene Requests, ca. 38 Nutzer betroffen."},{who:"user",text:"Wie verhindern wir das in Zukunft?"},{who:"ai",text:"Drei Ma\xdfnahmen empfohlen: (1) Connection-Pool von 50 auf 100 erh\xf6hen, (2) Cronjob-Queries auf max. 10 parallel begrenzen, (3) Alert bei >80 % Pool-Auslastung. Ich habe ein Incident-Postmortem-Template vorbereitet."}]},featurebrainstorming:{id:"featurebrainstorming",kind:"chat",label:"KI-Chat",title:"Feature-Brainstorming",badge:"Produkt",meta:"Zuletzt aktiv vor 5 Tagen \xb7 18 Nachrichten",messages:[{who:"user",text:"Wir brauchen drei neue Feature-Ideen f\xfcr Q3, die Enterprise-Kunden ansprechen. Was w\xfcrdest du vorschlagen?"},{who:"ai",text:"<b>1. SSO mit SAML 2.0</b> â fast jeder Enterprise-Kunde fragt danach, gr\xf6\xdfter Blocker f\xfcr Acme & Co.<br><b>2. Audit-Trail-Export</b> â Compliance-Anforderung f\xfcr DSGVO/SOC2-zertifizierte Kunden.<br><b>3. Custom-Rollenmodell</b> â \xfcber die 3 Standard-Rollen hinaus, dedizierte Berechtigungen."}
1,{who:"user",text:"Punkt 1 priorisieren. Was w\xe4re der Aufwand?"},{who:"ai",text:"Gesch\xe4tzt 4â6 Wochen f\xfcr Entwicklung + 1 Woche QA. Ich habe die Spezifikation als Projekt-Roadmap im Workspace angelegt â passt in Q3 nach dem GA-Release."}]},designdiskussion:{id:"designdiskussion",kind:"chat",label:"KI-Chat",title:"Design-Diskussion",badge:"Produkteinf\xfchrung",meta:"Aktiv \xb7 vor 1 Std \xb7 31 Nachrichten",messages:[{who:"user",text:"Ich \xfcberlege, wie wir das Dashboard f\xfcr Power-User noch dichter gestalten k\xf6nnen, ohne dass es \xfcberladen wirkt. Vorschl\xe4ge?"},{who:"ai",text:'Ich w\xfcrde mit zwei Stellschrauben arbeiten:<br><b>1. Dichte-Modus pro User:</b> Toggle zwischen âKomfort" und âKompakt" (12 vs. 8 px Padding).<br><b>2. Einklappbare Sidebars:</b> Power-User k\xf6nnen Navigation und KI-Aufgaben zu Icon-Leisten reduzieren â Center-Panel skaliert mit.'},{who:"user",text:"Punkt 2 gef\xe4llt mir. Wie w\xfcrdest du das umsetzen, ohne dass die UI unstet wirkt?"},{who:"ai",text:'Sanfte 300-ms-Transition auf die Sidebar-Breite (von 280 auf 60 px), Inhalte fade-out mit Display:none nach 200 ms. Im Collapsed-State eine vertikale Icon-Reihe als Quick-Access. Ich habe das prototypisch im Mulios-DS-Token "<i>sidebar-collapse-duration: 300ms</i>" angelegt.'},{who:"user",text:"Perfekt. Dokumentiere die neuen Tokens."},{who:"ai",text:"Umgesetzt â Tokens in den Design-System-Notizen dokumentiert und als Spezifikation f\xfcr das Team im Workspace hinterlegt."}]},anforderungen:{id:"anforderungen",kind:"doc",label:"PDF-Dokument",title:"anforderungen.pdf",badge:"Produkteinf\xfchrung",meta:"Zuletzt ge\xe4ndert vor 4 Tagen \xb7 12 Seiten \xb7 1,8 MB",contentHtml:` 2 <h3 class="text-sm font-bold uppercase tracking-wider text-emerald-800 mb-2">Funktionale Anforderungen</h3> 3 <p class="text-sm text-foreground/80 mb-3 leading-relaxed">Die Produkteinf\xfchrung der mulios-agentic-Plattform basiert auf folgenden funktionalen Kernanforderungen:</p> 4 <ul class="list-disc pl-5 text-sm text-foreground/80 mb-6 space-y-1.5 leading-relaxed"> 5 <li><b>Multi-Tenancy:</b> Isolierte Mandantenumgebungen mit eigener Datenhaltung</li> 6 <li><b>Skalierbarkeit:</b> Automatische horizontale Skalierung bis 100.000 gleichzeitige Nutzer</li> 7 <li><b>API-Verf\xfcgbarkeit:</b> 99,5 % monatliche Verf\xfcgbarkeit garantiert</li> 8 <li><b>DSGVO-Konformit\xe4t:</b> Datenspeicherung ausschlie\xdflich in EU-Rechenzentren</li> 9 </ul> 10 <h3 class="text-sm font-bold uppercase tracking-wider text-emerald-800 mb-2">Nicht-funktionale Anforderungen</h3> 11 <p class="text-sm text-foreground/80 mb-6 leading-relaxed">Performance, Sicherheit und Compliance sind die drei zentralen Pfeiler. Antwortzeiten unter 200 ms im 95. Perzentil, AES-256-Verschl\xfcsselung at-rest, j\xe4hrliche SOC2-Audits.</p> 12 <h3 class="text-sm font-bold uppercase tracking-wider text-emerald-800 mb-2">Akzeptanzkriterien GA-Release</h3> 13 <p class="text-sm text-foreground/80 leading-relaxed">Vor dem produktiven Rollout am 15. Juli m\xfcssen folgende Kriterien erf\xfcllt sein: Last-Tests mit 8-facher erwarteter Last bestanden, Penetrationstest ohne kritische Findings, Support-Team auf 6 Personen aufgestockt und onboarded.</p> 14 `},architektur:{id:"architektur",kind:"doc",label:"Markdown",title:"architektur.md",badge:"Produkteinf\xfchrung",meta:"Zuletzt ge\xe4ndert vor 1 Tag \xb7 6 KB",contentHtml:` 15 <h3 class="text-sm font-bold uppercase tracking-wider text-emerald-800 mb-2">Systemarchitektur</h3> 16 <p class="text-sm text-foreground/80 mb-3 leading-relaxed">Die mulios-agentic-Plattform ist als <b>Event-driven Microservice-Architektur</b> auf AWS aufgebaut. Kernkomponenten:</p> 17 <ul class="list-disc pl-5 text-sm text-foreground/80 mb-6 space-y-1.5 leading-relaxed"> 18 <li><b>API-Gateway:</b> AWS API Gateway + Lambda f\xfcr Routing und Auth</li> 19 <li><b>Application-Layer:</b> ECS-Fargate-Cluster mit 4 Hauptservices (Auth, Workflow, Notify, Agent-Runtime)</li> 20 <li><b>Datenspeicher:</b> PostgreSQL (RDS) f\xfcr Stammdaten, Redis (ElastiCache) f\xfcr Sessions, S3 f\xfcr Anh\xe4nge</li> 21 <li><b>Event-Bus:</b> Amazon EventBridge f\xfcr Inter-Service-Kommunikation</li> 22 </ul> 23 <h3 class="text-sm font-bold uppercase tracking-wider text-emerald-800 mb
23-2">Skalierungsstrategie</h3> 24 <p class="text-sm text-foreground/80 mb-6 leading-relaxed">Auto-Scaling nach CPU- und Request-Count-Metriken. Mindestens 3 Tasks pro Service in 3 Availability-Zones. Database-Read-Replicas in 2 Regionen.</p> 25 <h3 class="text-sm font-bold uppercase tracking-wider text-emerald-800 mb-2">Beobachtungslage</h3> 26 <p class="text-sm text-foreground/80 leading-relaxed">CloudWatch f\xfcr Logs/Metrics, Datadog f\xfcr APM und Distributed Tracing, PagerDuty f\xfcr Alerting. Aktuell offene Tickets: <b>2 Performance-Issues</b> im Agent-Runtime-Service.</p> 27 `},protokollQ3:{id:"protokollQ3",kind:"doc",label:"Meeting-Protokoll",title:"Strategie-Q3-Protokoll.md",badge:"Management",meta:"Vom KI-Agent erstellt \xb7 vor 12 Min \xb7 automatisch im Drive abgelegt",showCTA:!0,contentHtml:` 28 <div class="grid grid-cols-1 md:grid-cols-2 gap-3 p-4 bg-emerald-50/70 border border-emerald-200 rounded-xl mb-6 text-xs"> 29 <div><span class="block font-bold text-emerald-800 uppercase tracking-wider text-[10px] mb-1">Termin</span><span class="font-semibold text-foreground">Strategie-Meeting Q3</span></div> 30 <div><span class="block font-bold text-emerald-800 uppercase tracking-wider text-[10px] mb-1">Datum</span><span class="font-semibold text-foreground">Heute, 10:00 â 11:30 Uhr</span></div> 31 <div><span class="block font-bold text-emerald-800 uppercase tracking-wider text-[10px] mb-1">Ort</span><span class="font-semibold text-foreground">Konferenzraum âK\xf6ln" + Zoom</span></div> 32 <div><span class="block font-bold text-emerald-800 uppercase tracking-wider text-[10px] mb-1">Teilnehmende</span><span class="font-semibold text-foreground">Dr. T. M\xfcller, S. Johnson, S. Berger, M. Hoffmann, Sie</span></div> 33 </div> 34 35 <h3 class="text-sm font-bold uppercase tracking-wider text-emerald-800 mb-2">1 \xb7 Agenda & Beschl\xfcsse</h3> 36 <ul class="list-disc pl-5 text-sm text-foreground/80 mb-6 space-y-1.5 leading-relaxed"> 37 <li><b>GA-Release-Datum best\xe4tigt:</b> 15. Juli 2026 â einstimmig beschlossen</li> 38 <li><b>Marketing-Budget Q3:</b> 480 T⬠freigegeben (Vorschlag Johnson)</li> 39 <li><b>Enterprise-Tier mit SSO:</b> als erste neue Feature-Priorit\xe4t f\xfcr Q3 beschlossen</li> 40 <li><b>Support-Team-Ausbau:</b> 3 zus\xe4tzliche Stellen genehmigt â Recruiting startet morgen</li> 41 </ul> 42 43 <h3 class="text-sm font-bold uppercase tracking-wider text-emerald-800 mb-2">2 \xb7 Diskussionspunkte</h3> 44 <p class="text-sm text-foreground/80 mb-3 leading-relaxed"><b>Skalierungsrisiko:</b> M\xfcller \xe4u\xdferte Bedenken zur 8-fachen Traffic-Last. Engineering Lead liefert bis Freitag einen detaillierten Last-Test-Plan.</p> 45 <p class="text-sm text-foreground/80 mb-6 leading-relaxed"><b>NPS-Score 4,7:</b> Beste Quote seit Firmengr\xfcndung. Berger schl\xe4gt vor, Top-Kunden als Referenz-Stories zu gewinnen.</p> 46 47 <h3 class="text-sm font-bold uppercase tracking-wider text-emerald-800 mb-2">3 \xb7 Action Items</h3> 48 <div class="space-y-2 mb-6"> 49 <div class="flex items-center gap-3 p-2.5 bg-slate-50 border-l-4 border-emerald-600 rounded-r-lg text-xs font-medium"> 50 <span class="bg-emerald-700 text-white px-2 py-0.5 rounded-full font-bold uppercase text-[10px]">Johnson</span> Marketing-Plan Q3 bis Freitag finalisieren 51 </div> 52 <div class="flex items-center gap-3 p-2.5 bg-slate-50 border-l-4 border-emerald-600 rounded-r-lg text-xs font-medium"> 53 <span class="bg-emerald-700 text-white px-2 py-0.5 rounded-full font-bold uppercase text-[10px]">Engineering</span> Last-Test-Plan bis Freitag 54 </div> 55 <div class="flex items-center gap-3 p-2.5 bg-slate-50 border-l-4 border-emerald-600 rounded-r-lg text-xs font-medium"> 56 <span class="bg-emerald-700 text-white px-2 py-0.5 rounded-full font-bold uppercase text-[10px]">Berger</span> 3 Kunden f\xfcr Referenz-Story kontaktieren 57 </div> 58 </div> 59 `},"hoffmann-recap":{id:"hoffmann-recap",kind:"doc",label:"Meeting-Recap",title:"Hoffmann-Recap.md",badge:"Kunden-Onboarding",meta:"Vom KI-Agent erstellt \xb7 gestern \xb7 automatisch nach Termin",contentHtml:` 60 <h3 class="text-sm font-bold uppercase tracking-wider text-emerald-800 mb
60-2">Mittagessen mit Markus Hoffmann \xb7 21. Mai 2026</h3> 61 <p class="text-sm text-foreground/80 mb-4 leading-relaxed"><b>Ergebnisse:</b> Markus zeigt klares Interesse am Enterprise-Tier mit SSO. Aktuelle 80 Lizenzen, Upgrade auf 200+ realistisch bei passender Vertragsstruktur.</p> 62 <h3 class="text-sm font-bold uppercase tracking-wider text-emerald-800 mb-2">Wichtigste Punkte</h3> 63 <ul class="list-disc pl-5 text-sm text-foreground/80 mb-4 space-y-1.5 leading-relaxed"> 64 <li>Compliance-Anforderungen seines Mutterkonzerns erfordern SAML 2.0 SSO</li> 65 <li>Bereit f\xfcr Referenz-Story â Termin f\xfcr Interview gesucht</li> 66 <li>Q3-Workshop mit seinem Team gew\xfcnscht</li> 67 </ul> 68 `},"kickoff-acme":{id:"kickoff-acme",kind:"doc",label:"Meeting-Notizen",title:"Kickoff-Acme-Notizen.md",badge:"Kunden-Onboarding",meta:"Manuell erstellt \xb7 vor 3 Tagen",contentHtml:` 69 <h3 class="text-sm font-bold uppercase tracking-wider text-emerald-800 mb-2">Kickoff mit Acme GmbH \xb7 Erstgespr\xe4ch</h3> 70 <p class="text-sm text-foreground/80 mb-4 leading-relaxed">Erstes Kennenlernen mit Julia Becker (Procurement) und ihrem Team. Sehr positiver Eindruck, hohe \xdcbereinstimmung im Use Case.</p> 71 <ul class="list-disc pl-5 text-sm text-foreground/80 mb-4 space-y-1.5 leading-relaxed"> 72 <li>250 Lizenzen f\xfcr den Start, Wachstumspfad auf 500+ erkennbar</li> 73 <li>SLA-Anforderung: 2 h Reaktionszeit bei kritischen St\xf6rungen</li> 74 <li>Compliance: DSGVO + interne Sicherheitsrichtlinien</li> 75 </ul> 76 `},wochenreport:{id:"wochenreport",kind:"doc",label:"Wochenreport",title:"Wochenreport-Vertrieb.md",badge:"Vertrieb",meta:"Vom KI-Agent automatisiert erstellt \xb7 jeden Montag, 8:00 Uhr",showCTA:!0,contentHtml:` 77 <div class="grid grid-cols-2 sm:grid-cols-4 gap-3 mb-6"> 78 <div class="p-3.5 bg-white border border-slate-200 rounded-xl"> 79 <div class="text-[10px] font-bold uppercase tracking-wider text-emerald-700">Neue Leads</div> 80 <div class="text-2xl font-extrabold text-foreground mt-1">142</div> 81 <div class="text-xs font-semibold text-emerald-600">+18 % vs. Vorwoche</div> 82 </div> 83 <div class="p-3.5 bg-white border border-slate-200 rounded-xl"> 84 <div class="text-[10px] font-bold uppercase tracking-wider text-emerald-700">Qualifizierte Opps</div> 85 <div class="text-2xl font-extrabold text-foreground mt-1">38</div> 86 <div class="text-xs font-semibold text-emerald-600">+6 vs. Vorwoche</div> 87 </div> 88 <div class="p-3.5 bg-white border border-slate-200 rounded-xl"> 89 <div class="text-[10px] font-bold uppercase tracking-wider text-emerald-700">Abschl\xfcsse</div> 90 <div class="text-2xl font-extrabold text-foreground mt-1">7</div> 91 <div class="text-xs font-semibold text-emerald-600">+2 vs. Vorwoche</div> 92 </div> 93 <div class="p-3.5 bg-emerald-700 text-white rounded-xl shadow-md"> 94 <div class="text-[10px] font-bold uppercase tracking-wider text-emerald-200">Pipeline-Wert</div> 95 <div class="text-2xl font-extrabold text-white mt-1">⬠2,4M</div> 96 <div class="text-xs font-semibold text-emerald-200">+12 % vs. Vorwoche</div> 97 </div> 98 </div> 99 100 <h3 class="text-sm font-bold uppercase tracking-wider text-emerald-800 mb-2">Highlights</h3> 101 <ul class="list-disc pl-5 text-sm text-foreground/80 mb-6 space-y-1.5 leading-relaxed"> 102 <li><b>Gro\xdfabschluss Acme GmbH</b> â 250 Lizenzen, Vertragsentwurf in finaler Abstimmung mit Julia Becker</li> 103 <li><b>Hoffmann Solutions</b> â Upgrade auf Enterprise-Tier wahrscheinlich, Q3-Workshop in Planung</li> 104 <li><b>3 neue Demo-Termine</b> mit Fortune-500-Interessenten in KW 22</li> 105 </ul> 106 107 <h3 class="text-sm font-bold uppercase tracking-wider text-emerald-800 mb-2">Top-Pipeline Deals</h3> 108 <ul class="list-disc pl-5 text-sm text-foreground/80 space-y-1.5 leading-relaxed"> 109 <li><b>Acme GmbH</b> \xb7 ⬠480k \xb7 Abschluss erwartet KW 23</li> 110 <li><b>Hoffmann Solutions Upgrade</b> \xb7 ⬠220k \xb7 Abschluss erwartet KW 26</li> 111 <li><b>BetaCorp AG</b> \xb7 ⬠380k \xb7 Verhandlung l\xe4uft</li> 112 </ul> 113 `},"brand-guidelines":{id:"brand-guidelines",kind:"doc",label:"PDF-Dokument",title:"Brand-Guidelines.pdf",badge:"Marketing",meta:"Version 2.1 \xb7 vor 2 Wochen aktualisiert \xb7 28 Seiten",contentHtml:` 114 <h3 class="text-sm font-bold uppercase tracking-wider text-emerald-800 mb
114-2">Mulios Brand Guidelines</h3> 115 <p class="text-sm text-foreground/80 mb-4 leading-relaxed">Diese Guidelines definieren das visuelle Erscheinungsbild und die Kommunikationsregeln der Marke mulios.</p> 116 <h3 class="text-sm font-bold uppercase tracking-wider text-emerald-800 mb-2">Logo & Farben</h3> 117 <p class="text-sm text-foreground/80 mb-4 leading-relaxed">Prim\xe4r: Dunkelgr\xfcn (#15803d), Akzent: Mittelgr\xfcn (#16a34a), Highlight: Hellgr\xfcn (#86efac). Anker: Schwarz (#0f172a). Neutralwerte: Slate-T\xf6ne.</p> 118 `},wettbewerber:{id:"wettbewerber",kind:"doc",label:"Recherche",title:"Wettbewerber-Analyse.md",badge:"Strategie",meta:"Vom KI-Agent erstellt \xb7 vor 1 Woche",contentHtml:` 119 <h3 class="text-sm font-bold uppercase tracking-wider text-emerald-800 mb-2">Wettbewerber-\xdcbersicht 2026</h3> 120 <p class="text-sm text-foreground/80 mb-4 leading-relaxed">Drei direkte Wettbewerber im DACH-Raum:</p> 121 <ul class="list-disc pl-5 text-sm text-foreground/80 space-y-2 leading-relaxed"> 122 <li><b>AgentFlow:</b> Gr\xf6\xdfere Marktdurchdringung, aber \xe4lterer Tech-Stack und langsamere Release-Zyklen.</li> 123 <li><b>TaskMind:</b> SMB-Preise, aber kein Enterprise-SSO und keine EU-Datenhaltung.</li> 124 <li><b>CoreAgents:</b> Neueinsteiger 2026, Produkt fr\xfchestens Q4.</li> 125 </ul> 126 `},marktstudie:{id:"marktstudie",kind:"doc",label:"PDF-Studie",title:"Marktstudie-2026.pdf",badge:"Strategie",meta:"Externes Dokument \xb7 Gartner Research \xb7 64 Seiten",contentHtml:` 127 <h3 class="text-sm font-bold uppercase tracking-wider text-emerald-800 mb-2">Marktstudie KI-Agenten 2026</h3> 128 <p class="text-sm text-foreground/80 mb-4 leading-relaxed">Der Markt f\xfcr KI-Agentensysteme im B2B-Segment w\xe4chst 2026 voraussichtlich um <b>+47 %</b> auf ein Volumen von â¬4,2 Mrd. weltweit.</p> 129 <p class="text-sm text-foreground/80 leading-relaxed">Schl\xfcsseltrends: \xdcbergang zu autonomen Aufgabenagenten mit Human-in-the-Loop-Kontrolle.</p> 130 `}},L={v3:{filename:"Vertrag_Acme_v3_kommentiert.docx",subtitle:"zwischen Mulios GmbH und Acme GmbH",date:"Version 3 (kommentiert) \xb7 22. Mai 2026",comments:[{num:1,type:"green",icon:"Zap",title:"Vorschlag \xb7 \xa7 4.2 SLA",body:"Reaktionszeit bei <b>kritischen St\xf6rungen</b> von 4 h auf <b>2 h</b> versch\xe4rfen. Branchenstandard liegt bei 2 h, das st\xe4rkt unsere Position."},{num:2,type:"warn",icon:"Clock",title:"Vorschlag \xb7 \xa7 9 K\xfcndigung",body:"Frist von 6 auf <b>3 Monate</b> zum Quartalsende reduzieren. Vorsicht: Acme hat in vergangenen Vertr\xe4gen darauf bestanden."},{num:3,type:"green",icon:"Tags",title:"Vorschlag \xb7 Anhang B Preismodell",body:'Volumenrabatt-Schwelle klarer formulieren: <b>"ab 500 Lizenzen"</b> statt "gr\xf6\xdfere Mengen". Vermeidet sp\xe4tere Interpretationsspielr\xe4ume.'}],meta:[{label:"Vertragsbeginn",value:"1. Juli 2026"},{label:"Erstlaufzeit",value:"24 Monate"},{label:"Lizenzvolumen",value:"250 Lizenzen (Start)"},{label:"Vertragspartner",value:"Julia Becker, Sarah Johnson"}],clauses:[{title:"\xa7 1 Vertragsgegenstand",paragraphs:[{text:'Gegenstand dieses Vertrags ist die Bereitstellung der SaaS-Plattform "mulios agentic" durch die Mulios GmbH an die Acme GmbH zur produktiven Nutzung im Rahmen der dort etablierten Gesch\xe4ftsprozesse. Der Funktionsumfang ergibt sich aus dem aktuellen Leistungskatalog (Anhang A).'}]},{title:"\xa7 4 Service Level",paragraphs:[{text:"\xa7 4.1 Verf\xfcgbarkeit: Mulios garantiert eine monatliche Verf\xfcgbarkeit der Plattform von mindestens 99,5 % im Jahresdurchschnitt."},{text:"\xa7 4.2 Reaktionszeiten: Bei kritischen St\xf6rungen mit produktivem Komplettausfall gilt eine garantierte Reaktionszeit von ",markCommentNum:1,markType:"green"}]},{title:"\xa7 7 Haftungsbeschr\xe4nkung",paragraphs:[{text:"Die Haftung der Mulios GmbH ist auf den vertragstypisch vorhersehbaren Schaden begrenzt, maximal jedoch auf die im jeweiligen Vertragsjahr gezahlten Nutzungsentgelte."}]},{title:"\xa7 9 Vertragslaufzeit und K\xfcndigung",paragraphs:[{text:"Der Vertrag wird mit einer Erstlaufzeit von 24 Monaten geschlossen und verl\xe4ngert sich automatisch um jeweils 12 Monate, sofern er nicht ",markCommentNum:2,markType:"warn"}]},{title:"Anhang B â Preismodell",paragraphs:[{text:"Die Preisgestaltung basiert auf der Anzahl gleichzeitig aktiver Lizenzen. Es gilt der Basispreis von 49,00 ⬠netto pro Lizenz und Monat. Bei ",markCommentNum:3,markType:"green"}]}]},v4:{filename:"Vertrag_Acme_v4_FINAL.docx",subtitle:"zwischen Mulios GmbH und Acme GmbH",date:"Version 4 (FINAL) \xb7 22. Mai 2026",statusText:"Bereit zur Unterschrift",comments:[{num:1,type:"green",icon:"Check",title:"\xdcbernommen \xb7 \xa7 4.2 SLA",body:"Reaktionszeit auf <b>2 Stunden</b> versch\xe4rft â wie vom KI-Assistenten vorgeschlagen."},{num:2,type:"kept",icon:"RotateCcw",title:"Beibehalten \xb7 \xa7 9 K\xfcndigung",body:"Frist bleibt bei <b>6 Monaten</b>. Acme-Standard wird respektiert."},{num:3,type:"green",icon:"Check",title:"\xdcbernommen \xb7 Anhang B",body:"Volumenrabatt-Schwelle pr\xe4zisiert: <b>ab 500 Lizenzen</b>."}],meta:[{label:"Vertragsbeginn",value:"1. Juli 2026"},{label:"Erstlaufzeit",value:"24 Monate"},{label:"Lizenzvolumen",value:"250 Lizenzen (Start)"},{label:"Status",value:"Bereit zur Unterschrift"}],clauses:[{title:"\xa7 1 Vertragsgegenstand",paragraphs:[{text:'Gegenstand dieses Vertrags ist die Bereitstellung der SaaS-Plattform "mulios agentic" durch die Mulios GmbH an die Acme GmbH zur produktiven Nutzung im Rahmen der dort etablierten Gesch\xe4ftsprozesse. Der Funktionsumfang ergibt sich aus dem aktuellen Leistungskatalog (Anhang A).'}]},{title:"\xa7 4 Service Level",paragraphs:[{text:"\xa7 4.1 Verf\xfcgbarkeit: Mulios garantiert eine monatliche Verf\xfcgbarkeit der Plattform von mindestens 99,5 % im Jahresdurchschnitt."},{text:"\xa7 4.2 Reaktionszeiten: Bei kritischen St\xf6rungen mit produktivem Komplettausfall gilt eine garantierte Reaktionszeit von 2 Stunden w\xe4hrend der Service-Zeiten.",markCommentNum:1,markType:"green"}]},{title:"\xa7 7 Haftungsbeschr\xe4nkung",paragraphs:[{text:"Die Haftung der Mulios GmbH ist auf den vertragstypisch vorhersehbaren Schaden begrenzt, maximal jedoch auf die im jeweiligen Vertragsjahr gezahlten Nutzungsentgelte."}]},{title:"\xa7 9 Vertragslaufzeit und K\xfcndigung",paragraphs:[{text:"Der Vertrag wird mit einer Erstlaufzeit von 24 Monaten geschlossen und verl\xe4ngert sich automatisch um jeweils 12 Monate, sofern er nicht mit einer Frist von 6 Monaten zum Ende der jeweiligen Laufzeit schriftlich gek\xfcndigt wird.",markCommentNum:2,markType:"kept"}]},{title:"Anhang B â Preismodell",paragraphs:[{text:"Die Preisgestaltung basiert auf der Anzahl gleichzeitig aktiver Lizenzen. Es gilt der Basispreis von 49,00 ⬠netto pro Lizenz und Monat. Ab 500 Lizenzen wird ein Volumenrabatt nach individueller Vereinbarung gew\xe4hrt.",markCommentNum:3,markType:"green"}]}]}};function F({initialVersion:e="v3",onClose:t,onAcceptChanges:s}){let[i,l]=(0,a.useState)(e),[d,o]=(0,a.useState)(1),c=L[i],x=()=>{"v3"===i?(l("v4"),s("v3")):s("v4")};return(0,r.jsxs)("div",{className:"absolute inset-0 z-50 flex flex-col bg-[#f1f5f9] text-slate-900 animate-in fade-in duration-150 overflow-hidden",children:[(0,r.jsxs)("div",{className:"flex h-11 shrink-0 items-center justify-between border-b border-slate-200 bg-white px-3 sm:px-4 z-20",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,r.jsx)(p.A,{className:"h-4 w-4 text-emerald-700 shrink-0"}),(0,r.jsx)("span",{className:"text-xs font-bold text-slate-900 truncate",children:c.filename}),(0,r.jsx)("span",{className:`text-[10px] font-bold px-2.5 py-0.5 rounded-full whitespace-nowrap hidden sm:inline ${"v3"===i?"bg-amber-100 text-amber-900 border border-amber-300":"bg-emerald-100 text-emerald-900 border border-emerald-300"}
130`,children:"v3"===i?"v3 Kommentiert":"v4 FINAL"})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,r.jsxs)("button",{type:"button",onClick:x,className:"flex h-7 items-center gap-1.5 rounded-lg bg-primary px-3 text-[11px] font-bold text-white shadow-2xs hover:bg-primary/90 transition-colors whitespace-nowrap",children:[(0,r.jsx)(v.A,{className:"h-3.5 w-3.5"}),(0,r.jsx)("span",{children:"v3"===i?"\xc4nderungen anwenden â v4":"Final freigeben"})]}),(0,r.jsx)("div",{className:"h-4 w-px bg-slate-200 mx-1"}),(0,r.jsxs)("button",{type:"button",onClick:t,className:"flex h-7 items-center gap-1 rounded-lg border border-slate-200 bg-white px-2.5 text-[11px] font-medium text-slate-700 hover:bg-slate-100 transition-colors whitespace-nowrap",children:[(0,r.jsx)(S.A,{className:"h-3.5 w-3.5"})," ",(0,r.jsx)("span",{children:"Schlie\xdfen"})]})]})]}),(0,r.jsxs)("div",{className:"flex flex-1 overflow-hidden",children:[(0,r.jsxs)("div",{className:"hidden sm:flex w-56 shrink-0 flex-col gap-1.5 overflow-y-auto border-r border-slate-200 bg-white p-2.5",children:[(0,r.jsxs)("div",{className:"flex items-center gap-1.5 text-[10px] font-bold uppercase tracking-wider text-emerald-800 mb-0.5",children:[(0,r.jsx)(n.A,{className:"h-3 w-3 text-emerald-600"}),(0,r.jsxs)("span",{children:["KI-Klauselpr\xfcfung (",c.comments.length,")"]})]}),c.comments.map(e=>{let t="warn"===e.type,s="kept"===e.type,a=d===e.num;return(0,r.jsxs)("div",{onClick:()=>o(e.num),className:`p-2 rounded-lg border transition-all cursor-pointer text-left ${t?"bg-amber-50/80 border-amber-200 text-amber-950":s?"bg-slate-50 border-slate-200 text-slate-800":"bg-emerald-50/80 border-emerald-200 text-emerald-950"} ${a?"ring-1.5 ring-emerald-600 shadow-xs scale-[1.01]":"hover:border-slate-300"}`,children:[(0,r.jsxs)("div",{className:"flex items-center gap-1.5 font-bold text-[11px] mb-1",children:[(0,r.jsx)("span",{className:`flex h-4 w-4 items-center justify-center rounded-full text-[9px] text-white shrink-0 ${t?"bg-amber-600":s?"bg-slate-500":"bg-emerald-700"}`,children:e.num}),(e=>{switch(e){case"Zap":return(0,r.jsx)(h,{className:"h-3 w-3"});case"Clock":return(0,r.jsx)(B.A,{className:"h-3 w-3"});case"Tags":return(0,r.jsx)(D,{className:"h-3 w-3"});case"Check":return(0,r.jsx)(v.A,{className:"h-3 w-3"});case"RotateCcw":return(0,r.jsx)(V.A,{className:"h-3 w-3"});default:return(0,r.jsx)(p.A,{className:"h-3 w-3"})}})(e.icon),(0,r.jsx)("span",{className:"truncate",children:e.title})]}),(0,r.jsx)("div",{className:`text-[10px] leading-relaxed text-slate-700 ${a?"":"line-clamp-2"}`,dangerouslySetInnerHTML:{__html:e.body}})]},e.num)})]}),(0,r.jsx)("div",{className:"flex-1 overflow-y-auto p-3 sm:p-5 flex justify-center items-start bg-slate-100",children:(0,r.jsxs)("div",{className:"w-full max-w-xl bg-white rounded-xl p-4 sm:p-6 shadow-sm border border-slate-200 text-slate-900 text-xs leading-relaxed flex flex-col my-1 sm:my-2",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"flex items-start justify-between border-b border-slate-200 pb-2 mb-3",children:(0,r.jsxs)("div",{children:[(0,r.jsx)("h1",{className:"text-base sm:text-lg font-bold text-slate-900 tracking-tight",children:"Rahmenvertrag \xfcber Softwarenutzung"}),(0,r.jsxs)("div",{className:"text-[10.5px] text-slate-500 mt-0.5",children:[c.subtitle," \xb7 ",(0,r.jsx)("span",{className:"font-semibold text-emerald-800",children:c.date})]})]})}),(0,r.jsx)("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-1.5 p-2 bg-slate-50 border border-slate-200 rounded-lg mb-3 text-[10px]",children:c.meta.map((e,t)=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-bold uppercase tracking-wider text-slate-400 text-[8.5px]",children:e.label}),(0,r.jsx)("div",{className:"font-semibold text-slate-800 truncate",children:e.value})]},t))}),(0,r.jsxs)("div",{className:"space-y-2.5 text-[11px] text-slate-700",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-bold text-slate-900 uppercase tracking-wider text-[10px] text-emerald-900 mb-0.5",children:"\xa7 1 Vertragsgegenstand"}),(0,r.jsx)("p",{className:"leading-relaxed text-slate-600",children:"Gegenstand dieses Vertrags ist die Bereitstellung der SaaS-Plattform âmulios agenticâ an die Acme GmbH zur produktiven Nutzung im Rahmen etablierter Gesch\xe4ftsprozesse."})]}),(0,r.jsxs)("div",{className:`p-2 rounded-lg border transition-colors ${1===d?"bg-emerald-50/70 border-emerald-300":"bg-slate-50/50 border-slate-200"}`,children:[(0,r.jsxs)("div",{className:"font-bold text-slate-900 uppercase tracking-wider text-[10px] text-emerald-900 flex items-center justify-between mb-0.5",children:[(0,r.jsx)("span",{children:"\xa7 4 Service Level & Reaktionszeiten"}),(0,r.jsx)("span",{className:"text-[9px] font-bold text-emerald-700 bg-emerald-100 px-1.5 rounded",children:"KI-Vorschlag 1"})]}),(0,r.jsxs)("p",{className:"leading-relaxed",children:["\xa7 4.1 Verf\xfcgbarkeit: Mindestens 99,5 % im Jahresdurchschnitt.",(0,r.jsx)("br",{}),"\xa7 4.2 Reaktionszeiten: Bei kritischen St\xf6rungen gilt eine garantierte Reaktionszeit von"," ","v3"===i?(0,r.jsx)("span",{className:"bg-amber-100 text-amber-950 px-1.5 py-0.2 rounded font-semibold border-b border-amber-400",children:"4 Stunden w\xe4hrend der Service-Zeiten"}):(0,r.jsx)("span",{className:"bg-emerald-100 text-emerald-950 px-1.5 py-0.2 rounded font-bold border-b border-emerald-500",children:"2 Stunden bei kritischen St\xf6rungen (\xdcbernommen)"})]})]}),(0,r.jsxs)("div",{className:`p-2 rounded-lg border transition-colors ${2===d?"bg-amber-50/70 border-amber-300":"bg-slate-50/50 border-slate-200"}`,children:[(0,r.jsxs)("div",{className:"font-bold text-slate-900 uppercase tracking-wider text-[10px] text-slate-900 flex items-center justify-between mb-0.5",children:[(0,r.jsx)("span",{children:"\xa7 9 Vertragslaufzeit und K\xfcndigung"}),(0,r.jsx)("span",{className:"text-[9px] font-bold text-slate-600 bg-slate-200 px-1.5 rounded",children:"Acme-Standard"})]}),(0,r.jsxs)("p",{className:"leading-relaxed",children:["Der Vertrag wird mit einer Erstlaufzeit von 24 Monaten geschlossen und verl\xe4ngert sich um jeweils 12 Monate, sofern er nicht"," ",(0,r.jsx)("span",{className:"bg-slate-100 text-slate-800 px-1 py-0.2 rounded font-semibold",children:"mit einer Frist von 6 Monaten zum Quartalsende"})," ","gek\xfcndigt wird."]})]}),(0,r.jsxs)("div",{className:`p-2 rounded-lg border transition-colors ${3===d?"bg-emerald-50/70 border-emerald-300":"bg-slate-50/50 border-slate-200"}`,children:[(0,r.jsxs)("div",{className:"font-bold text-slate-900 uppercase tracking-wider text-[10px] text-emerald-900 flex items-center justify-between mb-0.5",children:[(0,r.jsx)("span",{children:"Anhang B â Preismodell"}),(0,r.jsx)("span",{className:"text-[9px] font-bold text-emerald-700 bg-emerald-100 px-1.5 rounded",children:"KI-Vorschlag 3"})]}),(0,r.jsxs)("p",{className:"leading-relaxed",children:["Basispreis: 49,00 ⬠netto pro Lizenz und Monat. Volumenrabatt ab"," ","v3"===i?(0,r.jsx)("span",{className:"bg-amber-100 text-amber-950 px-1.5 py-0.2 rounded font-semibold border-b border-amber-400",children:"gr\xf6\xdferen Mengen (unklar)"}):(0,r.jsx)("span",{className:"bg-emerald-100 text-emerald-950 px-1.5 py-0.2 rounded font-bold border-b border-emerald-500",children:"500 Lizenzen (Pr\xe4z
130isiert)"}),"."]})]})]})]}),(0,r.jsxs)("div",{className:"border-t border-slate-200 pt-3 mt-4 flex items-center justify-between text-[11px]",children:[(0,r.jsx)("span",{className:"text-slate-500 font-medium",children:"v3"===i?"3 KI-Vorschl\xe4ge zur Freigabe":"â Alle Klauseln abgestimmt"}),(0,r.jsxs)("button",{type:"button",onClick:x,className:"font-bold text-primary hover:underline flex items-center gap-1.5",children:[(0,r.jsx)("span",{children:"v3"===i?"\xc4nderungen in v4 \xfcbernehmen":"Vertrag freigeben & an Julia senden"}),(0,r.jsx)(E.A,{className:"h-3.5 w-3.5"})]})]})]})})]})]})}let H=(0,i.A)("arrow-left",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]]);function G({item:e,onBack:t}){let[s,n]=(0,a.useState)(e.messages||[]),[i,l]=(0,a.useState)("");return(0,r.jsxs)("div",{className:"absolute inset-0 z-50 flex flex-col bg-white text-slate-900 animate-in fade-in duration-150 overflow-hidden",children:[(0,r.jsxs)("div",{className:"flex h-11 shrink-0 items-center justify-between border-b border-slate-200 bg-white px-3 sm:px-4",children:[(0,r.jsxs)("button",{type:"button",onClick:t,className:"flex h-7 items-center gap-1.5 rounded-lg px-2 text-xs font-bold text-slate-700 hover:bg-slate-100 hover:text-emerald-700 transition-colors whitespace-nowrap",children:[(0,r.jsx)(H,{className:"h-4 w-4"})," ",(0,r.jsx)("span",{children:"Zur\xfcck"})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,r.jsx)("span",{className:"text-[10px] font-bold uppercase tracking-wider text-emerald-800 bg-emerald-50 px-2.5 py-0.5 rounded-full border border-emerald-200 whitespace-nowrap",children:e.badge}),(0,r.jsx)("button",{type:"button",onClick:t,className:"flex h-7 w-7 items-center justify-center rounded-lg text-slate-500 hover:bg-slate-100 transition-colors",children:(0,r.jsx)(S.A,{className:"h-4 w-4"})})]})]}),(0,r.jsxs)("div",{className:"flex-1 overflow-y-auto p-3 sm:p-5 max-w-2xl mx-auto w-full",children:[(0,r.jsxs)("div",{className:"mb-3 border-b border-slate-100 pb-2",children:[(0,r.jsx)("h1",{className:"text-base sm:text-lg font-bold text-slate-900 tracking-tight",children:e.title}),(0,r.jsx)("div",{className:"text-[10.5px] text-slate-400 mt-0.5",children:e.meta})]}),"chat"===e.kind?(0,r.jsx)("div",{className:"space-y-2.5 pb-2",children:s.map((e,t)=>(0,r.jsxs)("div",{className:`flex flex-col ${"user"===e.who?"items-end":"items-start"}`,children:[(0,r.jsx)("div",{className:"text-[9px] font-bold uppercase tracking-wider text-slate-400 mb-0.5 px-1",children:"user"===e.who?"Sie":"mulios agentic"}),(0,r.jsx)("div",{className:`p-2.5 rounded-xl text-xs leading-relaxed max-w-[90%] shadow-2xs ${"user"===e.who?"bg-slate-100 text-slate-900 border border-slate-200":"bg-emerald-50 text-slate-900 border border-emerald-200"}`,dangerouslySetInnerHTML:{__html:e.text}})]},t))}):(0,r.jsx)("div",{className:"text-xs text-slate-800 leading-relaxed space-y-3",children:(0,r.jsx)("div",{dangerouslySetInnerHTML:{__html:e.contentHtml||""}})})]}),"chat"===e.kind&&(0,r.jsx)("div",{className:"p-2 border-t border-slate-200 bg-white",children:(0,r.jsxs)("form",{onSubmit:e=>{e.preventDefault(),i.trim()&&(l(""),n(e=>[...e,{who:"user",text:i}]),setTimeout(()=>{n(e=>[...e,{who:"ai",text:`Erledigt â ich habe den Punkt â${i}â dokumentiert und in den Projektkontext \xfcbernommen.`}])},700))},className:"max-w-2xl mx-auto flex items-center gap-1.5 rounded-lg border border-slate-200 bg-slate-50 px-2.5 py-1 focus-within:border-emerald-600 focus-within:bg-white transition-colors",children:[(0,r.jsx)("input",{type:"text",value:i,onChange:e=>l(e.target.value),placeholder:"Nachricht eingeben...",className:"flex-1 bg-transparent text-xs outline-none text-slate-900 placeholder:text-slate-400"}),(0,r.jsx)("button",{type:"submit",disabled:!i.trim(),className:"flex h-6 w-6 items-center justify-center rounded-md bg-emerald-700 text-white disabled:opacity-40 hover:bg-emerald-800 transition-colors",children:(0,r.jsx)(A,{className:"h-3 w-3"})})]})})]})}let _=[{id:"f-launch",name:"01_Produkteinf\xfchrung",projectKey:"launch",files:[{name:"Status_Aufsichtsrat_FINAL.pptx",icon:m,target:"presentation"},{name:"Strategie_Meeting_Q3.docx",icon:p.A,target:"protocol"}]},{id:"f-legal",name:"02_Vertr\xe4ge & Kunden",projectKey:"onboarding",f
130iles:[{name:"Vertrag_Acme_GmbH_v3.docx",icon:p.A,target:"contract"},{name:"Kundengespr\xe4ch_Briefing.chat",icon:b,target:"chat",chatKey:"kundengespraech"}]},{id:"f-ops",name:"03_Operations & Finanzen",projectKey:"ops",files:[{name:"ERP_Bestellabgleich_Q3.csv",icon:g,target:"protocol"},{name:"Wochenreport_Operations.docx",icon:p.A,target:"protocol"}]}],O=[{id:"t-deck-mueller",project:"Produkteinf\xfchrung",icon:m,eyebrow:"Pr\xe4sentation \xb7 Produkteinf\xfchrung",title:"Aufsichtsratspr\xe4sentation zur Produkteinf\xfchrung",detail:"12 Folien fertig erstellt \xb7 3,2 % Conversion-Spotlight hervorgehoben \xb7 versandbereit",action:"Folien pr\xfcfen",accent:"bg-violet-50 text-violet-700",modalType:"presentation"},{id:"t-mail-becker",project:"Kunden-Onboarding",icon:x.A,eyebrow:"E-Mail \xb7 Kunden-Onboarding",title:"Antwort auf Vertragsentwurf an Julia Becker",detail:"Reaktionszeit 2 h best\xe4tigt \xb7 K\xfcndigungsfrist bei 6 Monaten belassen",action:"Mail & Entwurf pr\xfcfen",accent:"bg-emerald-50 text-emerald-700",modalType:"email",targetId:"em-becker"},{id:"t-cal-sarah",project:"Marketing & Vertrieb",icon:f,eyebrow:"Kalender \xb7 Vertrieb",title:"Termin mit Sarah Berger vereinbart",detail:"Donnerstag, 14:00 Uhr \xb7 Briefing, Agenda & Acme-Pricing hinterlegt",action:"Briefing ansehen",accent:"bg-blue-50 text-blue-700",modalType:"calendar",targetId:"cal-sarah"},{id:"t-contract-acme",project:"Kunden-Onboarding",icon:p.A,eyebrow:"Vertrag & Recht",title:"Vertragsentwurf Acme GmbH kommentiert",detail:"3 Klauseln gepr\xfcft \xb7 SLA von 4 h auf 2 h versch\xe4rft",action:"Klausel-Diff pr\xfcfen",accent:"bg-amber-50 text-amber-700",modalType:"contract"},{id:"t-erp-ops",project:"Team-Operations",icon:g,eyebrow:"Workflow \xb7 ERP",title:"Bestellungen f\xfcr den ERP-Import abgeglichen",detail:"14 Positionen gepr\xfcft \xb7 2 R\xfcckfragen automatisch markiert",action:"Import freigeben",accent:"bg-emerald-50 text-emerald-700",modalType:"erp"},{id:"t-proto-ops",project:"Team-Operations",icon:p.A,eyebrow:"Meeting-Protokoll",title:"Strategie-Meeting Q3 Protokoll & Action Items",detail:"4 Beschl\xfcsse dokumentiert \xb7 5 Aufgaben im Workspace angelegt & verteilt",action:"Protokoll pr\xfcfen",accent:"bg-slate-100 text-slate-700",modalType:"protocol"}],W=[{id:"em-becker",project:"Kunden-Onboarding",sender:"Julia Becker",senderMail:"[email protected]",time:"vor 12 Min",subject:"Vertragsentwurf zur finalen Freigabe",incomingBody:"Hallo zusammen, im Anhang findet ihr den \xfcberarbeiteten Entwurf unseres Rahmenvertrags f\xfcr die Zusammenarbeit ab 1. Juli 2026. Ich habe die Punkte zur SLA-Reaktionszeit und K\xfcndigungsfrist eingearbeitet. Wenn alles passt, gebe ich den Vertrag morgen zur DocuSign-Unterschrift frei.",aiAnalysis:"mulios Agent: SLA von 4 h auf 2 h versch\xe4rft (Branchenstandard). K\xfcndigungsfrist bei 6 Monaten beibehalten (Acme-Standard).",aiDraft:"Hallo Julia,\n\nvielen Dank f\xfcr den Entwurf. Wir haben die Punkte gepr\xfcft: Die Reaktionszeit bei kritischen St\xf6rungen (\xa7 4.2) haben wir auf 2 Stunden festgelegt. Die K\xfcndigungsfrist (\xa7 9) bleibt bei 6 Monaten.\n\nAnbei findest du die abgestimmte Version Vertrag_Acme_v4_FINAL.docx.\n\nBeste Gr\xfc\xdfe,\nLisa Peters",hasAttachment:{name:"Vertrag_Acme_v4_FINAL.docx",type:"doc"},modalType:"email",isUnread:!0},{id:"em-mueller",project:"Produkteinf\xfchrung",sender:"Dr. Thomas M\xfcller",senderMail:"[email protected]",time:"vor 5 Min",subject:"WICHTIG: Pr\xe4sentation Projektfortschritt â Aufsichtsrat",incomingBody:"Hallo Lisa, ich brauche f\xfcr die Aufsichtsratssitzung am Donnerstag ein starkes Deck zum Projektstand 'Produkteinf\xfchrung'. Bitte hebe die Conversion-Rate und die Marketing-Erfolge besonders hervor.",aiAnalysis:"mulios Agent: 12 Folien im Design-System generiert. 3,2 % Conversion als zentrales Spotlight auf Folie 4 platziert.",aiDraft:"Hallo Thomas,\n\ndas 12-seitige Deck ist fertig aufbereitet. Folie 4 beleuchtet die 3,2 % Conversion-Rate im Detail. Zeitplan und Budget-Bridge f\xfcr Q3 sind vollst\xe4ndig integriert.\n\nBeste Gr\xfc\xdfe,\nLisa",hasAttachment:{name:"Status_Produkteinfuehrung_FINAL.pptx",type:"ppt"},modalType:"presentation",isUnread:!0},{id:"em-sarah",project:"Marketing & Vertrieb",sender:"Sarah Berger",senderMail:"[email protected]",time:"vor 2 Min",subject:"Re: Termin zur Vertriebsstrategie-Abstimmung",incomingBody:"Hi Lisa, Donnerstag 14:00 Uhr passt perfekt! Ich freue mich auf die Abstimmung zu den Q3-Gro\xdfkunden und zum Acme-Pricing.",aiAnalysis:"mulios Agent: Termin automatisch im Kalender gebucht. Briefing & Talking Points aus CRM-Daten generiert.",aiDraft:"Hi Sarah,\n\nTermin steht! Das Briefing zu Acme und den Q3-Pipeline-Zahlen habe ich bereits in den Termin gelegt.\n\nBis Donnerstag,\nLisa",modalType:"calendar"},{id:"em-sarah-j",project:"Marketing-Kampagne",sender:"Sarah Johnson",senderMail:"[email protected]",time:"14:20",subject:"Q4 Marketing-Strategie â Review & Budgetverteilung",incomingBody:"Hi Lisa, anbei der erste Entwurf f\xfcr die Q4-Kampagnenplanung. Bitte schau dir die Budgetverteilung f\xfcr Performance-Marketing (480 Tâ¬) an.",aiAnalysis:"mulios Agent: Budget an Conversion-Effizienz (3,2 %) gekoppelt. ROI-Forecast: 2,8x.",aiDraft:"Hi Sarah,\n\nich habe den Entwurf gepr\xfcft. Die 480 T⬠sind freigegeben und st\xfctzen den GA-Rollout am 15. Juli optimal ab.\n\nBeste Gr\xfc\xdfe, Lisa",modalType:"email"},{id:"em-emily",project:"Team-Operations",sender:"Emily Rodriguez",senderMail:"[email protected]",time:"Gestern",subject:"Team-Meeting Notizen â Action Items verteilt",incomingBody:"Hallo zusammen, anbei die Notizen unseres w\xf6chentlichen Syncs. Alle Action Items wurden im Workspace den Verantwortlichen zugeordnet.",aiAnalysis:"mulios Agent: 5 Action Items strukturiert und im Workspace zugewiesen.",aiDraft:"Hallo Emily,\n\nvielen Dank f\xfcr die schnelle Zusammenfassung. Die Aufgaben f\xfcr Sprint 1 sind bereits priorisiert.\n\nGr\xfc\xdfe, Lisa",modalType:"email"}],$=[{id:"cal-ops",project:"Team-Operations",time:"09:30 â 10:15",title:"Operations & ERP Daily Sync",desc:"Konferenzraum Frankfurt \xb7 ERP-Import Freigabe",location:"Konferenzraum Frankfurt + Slack Huddle",attendees:["Maximilian Weber (Operations Lead)","Lisa Peters"],briefingPoints:["14 Bestellpositionen aus CSV validiert, 2 R\xfcckfragen automatisch gekl\xe4rt.","ERP-Schnittstelle l\xe4uft stabil mit 99,8 % Sync-Rate."],badge:"Agenda bereit"},{id:"cal-mueller",project:"Produkteinf\xfchrung",time:"10:30 â 11:15",title:"Review-Call mit Dr. M\xfcller",desc:"Aufsichtsrats-Pr\xe4sentation durchgehen",location:"Microsoft Teams",attendees:["Dr. Thomas M\xfcller (CEO)","
130Lisa Peters"],briefingPoints:["Fokus: Folie 4 (Conversion-Rate 3,2 %) und Budget-Bridge f\xfcr Q3.","Beschlussvorlage: 480 T⬠Marketing-Budget und GA-Release am 15. Juli."],badge:"Deck verkn\xfcpft"},{id:"cal-hoffmann",project:"Kunden-Onboarding",time:"12:30 â 13:30",title:"Gesch\xe4ftsessen mit Markus Hoffmann",desc:"Restaurant Zur Alten Post, K\xf6ln",location:"Zur Alten Post, K\xf6ln",attendees:["Markus Hoffmann (Hoffmann Solutions)","Lisa Peters"],briefingPoints:["Markus ist seit M\xe4rz Kunde (80 Lizenzen). NPS-Score: 9/10.","Interesse an Enterprise-Upgrade mit SSO SAML 2.0.","Bereit als Referenz-Story f\xfcr die Mulios-Website."],badge:"Recap verf\xfcgbar"},{id:"cal-sarah",project:"Marketing & Vertrieb",time:"14:00 â 15:00",title:"Vertriebsstrategie mit Sarah Berger",desc:"Hybrid \xb7 Konferenzraum Berlin + Zoom",location:"Konferenzraum Berlin",attendees:["Sarah Berger (Head of Sales)","Lisa Peters (Host)"],briefingPoints:["Sarah m\xf6chte \xfcber Acme-Pricing und Q3-Gro\xdfkunden-Strategie sprechen.","Wochenreport KW 21 zeigt: ⬠2,4M Pipeline (+12 %), 7 Abschl\xfcsse.","Enterprise-Tier mit SSO SAML 2.0 als Verkaufsargument vorbereitet."],badge:"Briefing bereit"},{id:"cal-mkt-review",project:"Marketing-Kampagne",time:"15:30 â 16:15",title:"Marketing-Kampagne Review",desc:"Marketing-Team \xb7 Konferenzraum K\xf6ln",location:"Konferenzraum K\xf6ln",attendees:["Sarah Johnson (Product)","Anna Schmidt (Growth)","Lisa Peters"],briefingPoints:["CTR um 15 % gesteigert durch optimierte Landingpages.","Lead-Generierung \xfcbertrifft Vorgabe in Woche 2."],badge:"Review aktiv"}],Q=[{id:"projektplanung",title:"Projektplanung",meta:"Vor 2 Std \xb7 3 Sprints bis GA-Release",lastSnippet:"8 Sprint-Aufgaben strukturiert und im Workspace dokumentiert.",project:"Produkteinf\xfchrung"},{id:"codereview",title:"Code-Review",meta:"Gestern \xb7 Auth Token Refresh",lastSnippet:"Token-Refresh auf 30 Min angepasst und Rate-Limiting erg\xe4nzt.",project:"Produkteinf\xfchrung"},{id:"fehleranalyse",title:"Fehleranalyse",meta:"Vor 3 Tagen \xb7 502 Spike DB Pool",lastSnippet:"Connection-Pool erh\xf6ht und Postmortem-Template vorbereitet.",project:"Team-Operations"},{id:"featurebrainstorming",title:"Feature-Brainstorming",meta:"Vor 5 Tagen \xb7 SSO SAML 2.0",lastSnippet:"Spezifikation f\xfcr SAML 2.0 Enterprise-SSO im Workspace hinterlegt.",project:"Kunden-Onboarding"},{id:"designdiskussion",title:"Design-Diskussion",meta:"Vor 1 Std \xb7 Sidebar & Density Tokens",lastSnippet:"Design-System Tokens f\xfcr Density-Modus dokumentiert.",project:"Produkteinf\xfchrung"}],J={all:{name:"Alle Projekte",subtitle:"Projekt\xfcbergreifende \xdcbersicht \xb7 Alle Aufgaben, Mails und Termine synchronisiert.",tasks:O,emails:W,calendar:$,chats:Q,explorerDocs:[{name:"vertrag_acme_v3.docx",icon:p.A,target:"contract"},{name:"status_aufsichtsrat.pptx",icon:m,target:"presentation"},{name:"wochenreport_vertrieb.md",icon:g,target:"protocol"},{name:"strategie_q3_protokoll.md",icon:p.A,target:"protocol"}]},launch:{name:"Produkteinf\xfchrung",subtitle:"Projekt: Produkteinf\xfchrung \xb7 Aufsichtsrats-Deck, Roadmap und Launch-KPIs.",tasks:O.filter(e=>"Produkteinf\xfchrung"===e.project),emails:W.filter(e=>"Produkteinf\xfchrung"===e.project),calendar:$.filter(e=>"Produkteinf\xfchrung"===e.project),chats:Q.filter(e=>"Produkteinf\xfchrung"===e.project),explorerDocs:[{name:"status_aufsichtsrat.pptx",icon:m,target:"presentation"},{name:"anforderungen_ga_release.pdf",icon:p.A,target:"protocol"}]},onboarding:{name:"Kunden-Onboarding",subtitle:"Projekt: Kunden-Onboarding \xb7 Acme GmbH Rahmenvertrag & Hoffmann Solutions.",tasks:O.filter(e=>"Kunden-Onboarding"===e.project),emails:W.filter(e=>"Kunden-Onboarding"===e.project),calendar:$.filter(e=>"Kunden-Onboarding"===e.project),chats:Q.filter(e=>"Kunden-Onboarding"===e.project),explorerDocs:[{name:"vertrag_acme_v3.docx",icon:p.A,target:"contract"},{name:"hoffmann_recap.md",icon:p.A,target:"protocol"}]},ops:{name:"Team-Operations",subtitle:"Projekt: Team-Operations \xb7 ERP-Import, Weekly-Sync und Abl\xe4ufe.",tasks:O.filter(e=>"Team-Operations"===e.project),emails:W.filter(e=>"Team-Operations"===e.project),calendar:$.filter(e=>"Team-Operations"===e.project),chats:Q.filter(e=>"Team-Operations"===e.project),explorerDocs:[{name:"strategie_q3_protokoll.md",icon:p.A,target:"protocol"},{name:"erp_import_kw21.xlsx",icon:g,target:"protocol"}]},marketing:{name:"Marketing-Kampagne",subtitle:"Projekt: Marketing-Kampagne \xb7 Launch-Funnel, 3,2 % Conversion und Q4-Budget.",tasks:O.filter(e=>"Marketing-Kampagne"===e.project||"Marketing & Vertrieb"===e.project),emails:W.filter(e=>"Marketing-Kampagne"===e.project||"Marketing & Vertrieb"===e.project),calendar:$.filter(e=>"Marketing-Kampagne"===e.project||"Marketing & Vertrieb"===e.project),chats:Q.filter(e=>"Marketing-Kampagne"===e.project),explorerDocs:[{name:"wochenreport_vertrieb.md",icon:g,target:"protocol"},{name:"status_aufsichtsrat.pptx",icon:m,target:"presentation"}]}};function Z({incomingTaskId:e,isIncomingSettled:t=!0,highlightTaskId:s}={}){let[i,l]=(0,a.useState)("all"),[d,o]=(0,a.useState)(!1),[m,h]=(0,a.useState)("tasks"),[M,P]=(0,a.useState)(null),[K,T]=(0,a.useState)(null),[C,B]=(0,a.useState)(null),[D,V]=(0,a.useState)("projektplanung"),[E,L]=(0,a.useState)({}),[H,Q]=(0,a.useState)(!1),[U,q]=(0,a.useState)({"f-launch":!0,"f-legal":!0,"f-ops":!1}),[Y,X]=(0,a.useState)(null),[ee,et]=(0,a.useState)(null),es=J[i],er=e=>{ee&&clearTimeout(ee),X(e),et(setTimeout(()=>X(null),3200))},ea=(e,t)=>{Q(!0),L(t=>({...t,[e]:!0})),P(null),er(t)},en=e=>{Q(!0),T(e),P("email")},ei=e=>{Q(!0),B(e),P("calendar")},el=e=>{Q(!0),V(e),P("chat")};return(0,r.jsxs)("div",{className:"relative mx-auto max-w-5xl select-none",children:[(0,r.jsx)("div",{"aria-hidden":"true",className:"absolute -inset-4 rounded-[2.5rem] bg-emerald-500/10 blur-2xl"}),(0,r.jsxs)("div",{className:"relative overflow-hidden rounded-[1.5rem] border border-black/10 bg-[#f4f5f2] shadow-[0_24px_70px_-30px_rgba(0,0,0,0.30)] flex flex-col h-[540px] md:h-[570px] min-h-[500px]",children:[(0,r.jsxs)("div",{className:"flex h-11 shrink-0 items-center justify-between border-b border-black/10 bg-white px-3 sm:px-4 md:px-5 z-20",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 sm:gap-3 min-w-0",children:[(0,r.jsxs)("div",{className:"flex items-center gap-1.5 shrink-0 pr-1",children:[(0,r.jsx)(u.default,{src:"/muli.png",alt:"mulios Logo",width:20,height:20,className:"h-5 w-5 object-contain"}),(0,r.jsx)("span",{className:"text-xs font-bold tracking-tight text-foreground",children:"mulios"})]}),(0,r.jsx)("div",{className:"h-3.5 w-px bg-black/10 shrink-0 hidden xs:block"}),(0,r.jsxs)("div",{className:"relative shrink-0",children:[(0,r.jsxs)("button",{type:"button",onClick:()=>o(!d),className:"flex items-center gap-1.5 rounded-md border border-black/10 bg-[#f8f8f6] px-2.5 py-1 text-[11px] font-semibold text-foreground
130/80 hover:bg-white transition-colors shadow-2xs",children:[(0,r.jsx)("span",{className:"truncate max-w-[130px] sm:max-w-none",children:es.name}),(0,r.jsx)(j.A,{className:"h-3 w-3 text-foreground/40 shrink-0"})]}),d&&(0,r.jsxs)("div",{className:"absolute left-0 top-full mt-1 w-56 rounded-xl border border-slate-200 bg-white p-1.5 shadow-xl z-50 animate-in fade-in zoom-in-95 duration-100",children:[(0,r.jsx)("div",{className:"px-2 py-1 text-[9px] font-bold uppercase tracking-wider text-slate-400",children:"Projekt / Arbeitsbereich w\xe4hlen:"}),[{key:"all",label:"Alle Projekte"},{key:"launch",label:"Produkteinf\xfchrung"},{key:"onboarding",label:"Kunden-Onboarding"},{key:"ops",label:"Team-Operations"},{key:"marketing",label:"Marketing-Kampagne"}].map(e=>(0,r.jsxs)("button",{type:"button",onClick:()=>{l(e.key),o(!1),P(null),er(`Workspace gewechselt: ${e.label}`)},className:`flex w-full items-center justify-between rounded-lg px-2.5 py-1.5 text-xs text-left transition-colors ${i===e.key?"bg-emerald-100 text-emerald-900 font-bold":"hover:bg-slate-50 text-slate-700"}`,children:[(0,r.jsx)("span",{children:e.label}),i===e.key&&(0,r.jsx)(v.A,{className:"h-3 w-3 text-emerald-700"})]},e.key))]})]})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[!H&&t&&(0,r.jsxs)("div",{className:"hidden sm:inline-flex items-center gap-1.5 rounded-full bg-emerald-50 border border-emerald-300 px-2.5 py-0.5 text-[10.5px] font-bold text-emerald-900 shadow-2xs animate-in fade-in duration-300",children:[(0,r.jsxs)("span",{className:"relative flex h-2 w-2",children:[(0,r.jsx)("span",{className:"animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"}),(0,r.jsx)("span",{className:"relative inline-flex rounded-full h-2 w-2 bg-primary"})]}),(0,r.jsx)("span",{children:"Live-Demo aktiv \xb7 Klicke zum Ausprobieren"})]}),(0,r.jsxs)("div",{className:"inline-flex items-center gap-1.5 rounded-full bg-amber-50 border border-amber-200/80 px-2.5 py-0.5 text-[10.5px] font-medium text-amber-900 shrink-0",children:[(0,r.jsx)(w.A,{className:"h-3 w-3 text-amber-700 shrink-0"}),(0,r.jsx)("span",{className:"hidden md:inline",children:"Interaktive Vorschau zur Veranschaulichung \xb7 Echtes Design weicht ab"}),(0,r.jsx)("span",{className:"hidden sm:inline md:hidden",children:"Vorschau"})]}),(0,r.jsx)("div",{className:"flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-primary/10 text-[10px] font-bold text-primary",children:"LP"})]})]}),(0,r.jsxs)("div",{className:"grid flex-1 grid-cols-1 lg:grid-cols-[190px_1fr_210px] overflow-hidden relative",children:[(0,r.jsx)("aside",{className:"hidden border-r border-black/10 bg-white p-3.5 lg:flex lg:flex-col justify-between overflow-y-auto",children:(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"flex h-8 items-center gap-2 rounded-lg bg-[#f4f5f2] px-2.5 text-xs text-foreground/45",children:[(0,r.jsx)(k,{className:"h-3.5 w-3.5"})," Suchen..."]}),(0,r.jsx)("p",{className:"mt-4 px-1.5 text-[10px] font-bold uppercase tracking-[0.14em] text-foreground/35",children:"Arbeitsbereiche"}),(0,r.jsxs)("nav",{className:"mt-1.5 space-y-0.5 text-xs font-medium",children:[(0,r.jsxs)("button",{type:"button",onClick:()=>{h("tasks"),P(null)},className:`flex w-full items-center gap-2 rounded-lg px-2.5 py-1.5 transition-colors ${"tasks"===m&&null===M?"bg-primary text-white font-semibold":"text-foreground/60 hover:bg-slate-50 hover:text-foreground"}`,children:[(0,r.jsx)(c,{className:"h-3.5 w-3.5"})," Aufgaben",(0,r.jsx)("span",{className:`ml-auto rounded-full px-1.5 py-0.2 text-[10px] ${"tasks"===m&&null===M?"bg-white/20 text-white":"bg-black/5 text-foreground/50"}`,children:es.tasks.length})]}),(0,r.jsxs)("button",{type:"button",onClick:()=>{h("email"),P(null)},className:`flex w-full items-center gap-2 rounded-lg px-2.5 py-1.5 transition-colors ${"email"===m&&null===M?"bg-primary text-white font-semibold":"text-foreground/60 hover:bg-slate-50 hover:text-foreground"}`,children:[(0,r.jsx)(x.A,{className:"h-3.5 w-3.5"})," E-Mail",(0,r.jsx)("span",{className:`ml-auto rounded-full px-1.5 py-0.2 text-[10px] ${"email"===m&&null===M?"bg-white/20 text-white":"bg-black/5 text-foreground
130/50"}`,children:es.emails.length})]}),(0,r.jsxs)("button",{type:"button",onClick:()=>{h("calendar"),P(null)},className:`flex w-full items-center gap-2 rounded-lg px-2.5 py-1.5 transition-colors ${"calendar"===m&&null===M?"bg-primary text-white font-semibold":"text-foreground/60 hover:bg-slate-50 hover:text-foreground"}`,children:[(0,r.jsx)(f,{className:"h-3.5 w-3.5"})," Kalender",(0,r.jsx)("span",{className:`ml-auto rounded-full px-1.5 py-0.2 text-[10px] ${"calendar"===m&&null===M?"bg-white/20 text-white":"bg-black/5 text-foreground/50"}`,children:es.calendar.length})]}),(0,r.jsxs)("button",{type:"button",onClick:()=>{h("chats"),P(null)},className:`flex w-full items-center gap-2 rounded-lg px-2.5 py-1.5 transition-colors ${"chats"===m&&null===M?"bg-primary text-white font-semibold":"text-foreground/60 hover:bg-slate-50 hover:text-foreground"}`,children:[(0,r.jsx)(b,{className:"h-3.5 w-3.5"})," Chats",(0,r.jsx)("span",{className:`ml-auto rounded-full px-1.5 py-0.2 text-[10px] ${"chats"===m&&null===M?"bg-white/20 text-white":"bg-black/5 text-foreground/50"}`,children:es.chats.length})]})]}),(0,r.jsxs)("div",{className:"mt-4",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between px-1.5 pb-1",children:[(0,r.jsx)("p",{className:"text-[10px] font-bold uppercase tracking-[0.14em] text-foreground/40",children:"Explorer \xb7 Ordner"}),(0,r.jsxs)("span",{className:"text-[9.5px] font-semibold text-foreground/40",children:[_.length," Ordner"]})]}),(0,r.jsx)("div",{className:"mt-1 space-y-1 text-xs",children:_.map(e=>{let t=!!U[e.id];return"all"!==i&&e.projectKey!==i&&"all"!==e.projectKey?null:(0,r.jsxs)("div",{className:"rounded-lg border border-black/5 bg-black/[0.01] overflow-hidden",children:[(0,r.jsxs)("button",{type:"button",onClick:()=>{var t;return t=e.id,void q(e=>({...e,[t]:!e[t]}))},className:"flex w-full items-center gap-1.5 rounded-lg px-2 py-1.5 text-left text-[11px] font-semibold text-foreground/75 hover:bg-slate-100/70 transition-colors cursor-pointer",children:[(0,r.jsx)(j.A,{className:`h-3 w-3 text-foreground/40 transition-transform duration-200 ${t?"":"-rotate-90"}`}),t?(0,r.jsx)(N,{className:"h-3.5 w-3.5 text-primary shrink-0"}):(0,r.jsx)(y,{className:"h-3.5 w-3.5 text-foreground/50 shrink-0"}),(0,r.jsx)("span",{className:"truncate flex-1 font-bold",children:e.name}),(0,r.jsx)("span",{className:"rounded-full bg-black/5 px-1.5 py-0.2 text-[9px] text-foreground/50",children:e.files.length})]}),t&&(0,r.jsx)("div",{className:"space-y-0.5 pb-1 pl-4 pr-1",children:e.files.map((e,t)=>(0,r.jsxs)("button",{type:"button",onClick:()=>{"contract"===e.target?P("contract"):"presentation"===e.target?P("presentation"):"protocol"===e.target?P("protocol"):"chat"===e.target&&e.chatKey&&(V(e.chatKey),P("chat"))},className:"flex w-full items-center gap-1.5 rounded-md px-2 py-1 text-[11px] text-foreground/60 hover:bg-white hover:text-foreground hover:shadow-2xs transition-all text-left group cursor-pointer",children:[(0,r.jsx)(e.icon,{className:"h-3.5 w-3.5 text-foreground/40 group-hover:text-primary shrink-0"}),(0,r.jsx)("span",{className:"truncate",children:e.name})]},t))})]},e.id)})})]})]})}),(0,r.jsxs)("main",{className:"bg-[#f7f8f5] p-4 sm:p-5 overflow-y-auto relative flex flex-col min-h-0 flex-1",children:["tasks"===m&&(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsxs)("div",{className:"flex items-end justify-between gap-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"flex items-center gap-1.5 text-xs font-semibold text-primary",children:[(0,r.jsx)(n.A,{className:"h-3.5 w-3.5"})," F\xfcr dich vorbereitet"]}),(0,r.jsx)("h2",{className:"mt-1 text-xl font-bold tracking-tight md:text-2xl text-foreground",children:"Guten Morgen, Lisa."}),(0,r.jsx)("p",{className:"mt-0.5 text-[11.5px] text-foreground/60 leading-normal",children:es.subtitle})]}),(0,r.jsx)("button",{type:"button",onClick:()=>{let e={};es.tasks.forEach(t=>{e[t.id]=!0}),L(t=>({...t,...e})),er("Alle Aufgaben freigegeben.")},className:"hidden text-[11px] font-bold text-primary hover:underline sm:block shrink-0",children:"Alle freigeben"})]}),(0,r.jsx)("div",{className:"space-y-2.5",children:es.tasks.map(s=>{let a=E[s.id],n=s.id===e,i=n&&!t,l=n&&t;return a?(0,r.jsxs)("div",{className:"flex items-center justify-between rounded-xl bg-white/60 border border-black/5 p-3 text-xs",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 text-foreground
130/40 line-through",children:[(0,r.jsx)(c,{className:"h-4 w-4 text-primary"}),(0,r.jsx)("span",{className:"font-medium",children:s.title})]}),(0,r.jsx)("span",{className:"text-[11px] font-bold text-primary",children:"â Erledigt"})]},s.id):(0,r.jsx)("article",{onClick:()=>{if(Q(!0),"email"===s.modalType){let e=W.find(e=>e.id===s.targetId)||es.emails[0];e&&en(e)}else if("calendar"===s.modalType){let e=$.find(e=>e.id===s.targetId)||es.calendar[0];e&&ei(e)}else P(s.modalType)},className:`group rounded-xl border p-3.5 shadow-xs transition-all duration-700 hover:-translate-y-0.5 hover:border-primary/40 hover:shadow-md cursor-pointer ${l?"border-primary/60 bg-emerald-50/50 shadow-md ring-2 ring-emerald-500/30":i?"border-dashed border-emerald-500/40 bg-emerald-50/20 ring-1 ring-emerald-500/20":"border-black/10 bg-white"}`,children:(0,r.jsxs)("div",{className:"flex items-start gap-3",children:[(0,r.jsx)("div",{className:`flex h-8 w-8 shrink-0 items-center justify-center rounded-lg ${s.accent}`,children:(0,r.jsx)(s.icon,{className:"h-4 w-4"})}),(0,r.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"text-[11px] font-semibold text-foreground/50",children:s.eyebrow}),l&&(0,r.jsx)("span",{className:"rounded-full bg-emerald-100 px-2 py-0.5 text-[10px] font-bold text-emerald-900 shadow-2xs animate-in zoom-in-95 duration-500",children:"⨠Fertig zur Freigabe"}),i&&(0,r.jsx)("span",{className:"rounded-full bg-emerald-100/70 px-2 py-0.5 text-[10px] font-bold text-emerald-800 animate-pulse",children:"â¡ Zur Freigabe vorbereitet..."})]}),(0,r.jsx)("h3",{className:"mt-0.5 font-bold text-foreground text-sm truncate",children:s.title}),(0,r.jsx)("p",{className:"mt-0.5 text-xs text-foreground/60 leading-relaxed line-clamp-1",children:s.detail})]}),(0,r.jsxs)("div",{className:"relative shrink-0 flex items-center",children:[(0,r.jsx)("span",{className:`rounded-lg px-3 py-1.5 text-xs font-bold transition-all ${l&&!H?"bg-primary text-white shadow-md ring-4 ring-emerald-500/30 scale-105":"bg-primary/10 text-primary group-hover:bg-primary group-hover:text-white"}`,children:s.action}),l&&!H&&(0,r.jsx)("div",{className:"absolute -top-1.5 -right-1.5 flex items-center z-10 pointer-events-none",children:(0,r.jsxs)("span",{className:"relative flex h-3.5 w-3.5",children:[(0,r.jsx)("span",{className:"animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-90"}),(0,r.jsx)("span",{className:"relative inline-flex rounded-full h-3.5 w-3.5 bg-primary border-2 border-white shadow-xs"})]})}),l&&!H&&(0,r.jsxs)("div",{className:"absolute right-0 top-full mt-2.5 z-30 hidden sm:flex items-center gap-1.5 rounded-full bg-slate-900 px-3 py-1.5 text-[11px] font-bold text-white shadow-xl animate-bounce pointer-events-none whitespace-nowrap border border-slate-700",children:[(0,r.jsx)("span",{className:"h-1.5 w-1.5 rounded-full bg-emerald-400 animate-ping"}),(0,r.jsx)("span",{children:"\uD83D\uDC49 Hier klicken zum Ausprobieren"})]})]})]})},s.id)})})]}),"email"===m&&(0,r.jsxs)("div",{className:"space-y-3",children:[(0,r.jsx)("div",{className:"flex items-center justify-between pb-2.5 border-b border-black/10",children:(0,r.jsxs)("div",{children:[(0,r.jsxs)("h2",{className:"text-base font-bold text-foreground",children:["Posteingang \xb7 ",es.name]}),(0,r.jsx)("p",{className:"text-[11.5px] text-foreground/55",children:"mulios priorisiert Signale und bereitet Antworten im passenden Schreibstil vor"})]})}),(0,r.jsx)("div",{className:"divide-y divide-black/5 rounded-xl border border-black/10 bg-white overflow-hidden text-xs",children:es.emails.map(e=>(0,r.jsxs)("div",{onClick:()=>en(e),className:"p-3 hover:bg-emerald-50/40 cursor-pointer flex items-center justify-between gap-3 bg-emerald-50/15 transition-colors",children:[(0,r.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 font-bold text-foreground",children:[e.isUnread&&(0,r.jsx)("span",{className:"h-1.5 w-1.5 rounded-full bg-primary shrink-0"}),(0,r.jsx)("span",{children:e.sender}),(0,r.jsxs)("span",{className:"text-[10px] font-normal text-foreground
130/40",children:["\xb7 ",e.time]}),(0,r.jsx)("span",{className:"text-[9px] font-semibold bg-emerald-100 text-emerald-900 px-1.5 py-0.2 rounded-full ml-1",children:e.project})]}),(0,r.jsx)("div",{className:"text-[11.5px] text-foreground/75 truncate mt-0.5 font-medium",children:e.subject})]}),(0,r.jsx)("span",{className:"rounded-md bg-primary px-2.5 py-1 text-[10px] font-bold text-white shrink-0 shadow-2xs hover:bg-primary/90",children:"Antwort & Mail pr\xfcfen"})]},e.id))})]}),"calendar"===m&&(0,r.jsxs)("div",{className:"space-y-3",children:[(0,r.jsx)("div",{className:"flex items-center justify-between pb-2.5 border-b border-black/10",children:(0,r.jsxs)("div",{children:[(0,r.jsxs)("h2",{className:"text-base font-bold text-foreground",children:["Termine & KI-Briefings \xb7 ",es.name]}),(0,r.jsx)("p",{className:"text-[11.5px] text-foreground/55",children:"Automatische Hintergrund-Vorbereitung mit CRM- & Meeting-Kontext"})]})}),(0,r.jsx)("div",{className:"space-y-2.5 text-xs",children:[...es.calendar].sort((e,t)=>e.time.localeCompare(t.time)).map(e=>(0,r.jsxs)("div",{onClick:()=>ei(e),className:"p-3 rounded-xl border border-primary/25 bg-emerald-50/30 hover:bg-emerald-50/70 cursor-pointer flex items-center justify-between transition-all hover:shadow-xs",children:[(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsx)("div",{className:"w-24 font-bold text-primary text-[11px]",children:e.time}),(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"font-bold text-foreground flex items-center gap-1.5",children:[(0,r.jsx)("span",{children:e.title}),(0,r.jsx)(n.A,{className:"h-3 w-3 text-primary"})]}),(0,r.jsx)("div",{className:"text-[11px] text-foreground/55",children:e.desc})]})]}),(0,r.jsx)("span",{className:"rounded-md bg-primary px-2.5 py-1 text-[10px] font-bold text-white shadow-2xs",children:"Briefing \xf6ffnen"})]},e.id))})]}),"chats"===m&&(0,r.jsxs)("div",{className:"space-y-3",children:[(0,r.jsx)("div",{className:"flex items-center justify-between pb-2.5 border-b border-black/10",children:(0,r.jsxs)("div",{children:[(0,r.jsxs)("h2",{className:"text-base font-bold text-foreground",children:["KI-Chat-Sitzungen \xb7 ",es.name]}),(0,r.jsx)("p",{className:"text-[11.5px] text-foreground/55",children:"Projektplanung, Architektur-Analysen und Postmortems"})]})}),(0,r.jsx)("div",{className:"divide-y divide-black/5 rounded-xl border border-black/10 bg-white overflow-hidden text-xs",children:es.chats.map(e=>(0,r.jsxs)("div",{onClick:()=>el(e.id),className:"p-3 hover:bg-emerald-50/40 cursor-pointer flex items-center justify-between gap-3 transition-colors",children:[(0,r.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 font-bold text-foreground",children:[(0,r.jsx)(b,{className:"h-3.5 w-3.5 text-primary shrink-0"}),(0,r.jsx)("span",{children:e.title}),(0,r.jsxs)("span",{className:"text-[10px] font-normal text-foreground/40",children:["\xb7 ",e.meta]}),(0,r.jsx)("span",{className:"text-[9px] font-semibold bg-emerald-100 text-emerald-900 px-1.5 py-0.2 rounded-full ml-1",children:e.project})]}),(0,r.jsx)("div",{className:"text-[11.5px] text-foreground/65 truncate mt-0.5",children:e.lastSnippet})]}),(0,r.jsx)("span",{className:"rounded-md bg-primary px-2.5 py-1 text-[10px] font-bold text-white shrink-0 shadow-2xs",children:"Chat \xf6ffnen"})]},e.id))})]})]}),(0,r.jsx)("aside",{className:"hidden border-l border-black/10 bg-white p-3.5 lg:flex lg:flex-col justify-between overflow-y-auto",children:(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"flex items-center gap-1.5 text-xs font-bold text-foreground",children:[(0,r.jsx)(n.A,{className:"h-3.5 w-3.5 text-primary"})," Im Hintergrund"]}),(0,r.jsxs)("div",{className:"mt-3.5 space-y-3",children:[(0,r.jsxs)("div",{className:"rounded-xl border border-primary/15 bg-primary/[0.04] p-2.5",children:[(0,r.jsx)("p",{className:"text-[9px] font-bold uppercase tracking-wider text-primary",children:"Agentenl\xe4ufe \xb7 aktiv"}),(0,r.jsxs)("div",{className:"mt-2 space-y-2 text-[11px] text-foreground/60 leading-snug",children:[(0,r.jsxs)("p",{onClick:()=>P("contract"),className:"flex gap-2 cursor-pointer hover:text-primary font-medium",children:[(0,r.jsx)("span",{className:"mt-1 h-1.5 w-1.5 shrink-0 animate-pulse rounded-full bg-primary"}),"Vertragsentwurf pr\xfcfen"]}),(0,r.jsxs)("p",{onClick:()=>P("presentation"),className:"flex gap-2 cursor-pointer hover:text-primary",children:[(0,r.jsx)("span",{className:"mt-1 h-1.5 w-1.5 shrink-0 rounded-full bg-primary/35"}),"Aufsichtsrats-Deck erstellen"]}),(0,r.jsxs)("p",{onClick:()=>el("projektplanung"),className:"flex gap-2 cursor-pointer hover:text-primary",children:[(0,r.jsx)("span",{className:"mt-1 h-1.5 w-1.5 shrink-0 rounded-full bg-primary/35"}),"Sprintplanung abstimmen"]})]})]}),(0,r.jsxs)("div",{className:"rounded-xl border border-black/10 p-2.5",children:[(0,r.jsx)("p",{className:"text-[9px] font-bold uppercase tracking-wider text-foreground
130/40",children:"Heute erledigt"}),(0,r.jsxs)("div",{className:"mt-2 space-y-1.5 text-[11px] text-foreground/60",children:[(0,r.jsxs)("p",{className:"flex items-center gap-1.5",children:[(0,r.jsx)(v.A,{className:"h-3 w-3 text-primary"})," 14 Mails sortiert"]}),(0,r.jsxs)("p",{className:"flex items-center gap-1.5",children:[(0,r.jsx)(v.A,{className:"h-3 w-3 text-primary"})," 4 Termine abgestimmt"]})]})]}),(0,r.jsxs)("div",{className:"rounded-xl bg-foreground p-3 text-white",children:[(0,r.jsxs)("div",{className:"flex items-center gap-1.5 text-[9px] font-bold uppercase tracking-wider text-white/55",children:[(0,r.jsx)(A,{className:"h-2.5 w-2.5"})," Deine Zeit"]}),(0,r.jsx)("p",{className:"mt-1 text-xl font-bold",children:"2 h 48 min"}),(0,r.jsx)("p",{className:"text-[9px] text-white/50",children:"heute zur\xfcckgewonnen"})]})]})]})}),"email"===M&&K&&(0,r.jsxs)("div",{className:"absolute inset-0 z-40 bg-white flex flex-col justify-between animate-in fade-in duration-150",children:[(0,r.jsxs)("div",{className:"flex h-11 shrink-0 items-center justify-between border-b border-slate-200 bg-white px-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,r.jsx)(x.A,{className:"h-4 w-4 text-primary shrink-0"}),(0,r.jsx)("span",{className:"text-xs font-bold text-slate-900 truncate",children:K.subject})]}),(0,r.jsx)("button",{type:"button",onClick:()=>P(null),className:"h-7 w-7 rounded-lg hover:bg-slate-100 flex items-center justify-center text-slate-500 shrink-0 ml-2",children:(0,r.jsx)(S.A,{className:"h-4 w-4"})})]}),(0,r.jsxs)("div",{className:"flex-1 overflow-y-auto p-4 space-y-3",children:[(0,r.jsxs)("div",{className:"rounded-lg bg-slate-50 border border-slate-200 p-3 text-xs",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between text-[11px] text-slate-500 pb-1.5 border-b border-slate-200 mb-1.5",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("b",{children:"Von:"})," ",K.sender," <",K.senderMail,">"]}),(0,r.jsx)("div",{children:K.time})]}),(0,r.jsx)("p",{className:"text-slate-700 leading-relaxed text-[11.5px]",children:K.incomingBody})]}),(0,r.jsxs)("div",{className:"rounded-lg bg-emerald-50/80 border border-emerald-200 p-2.5 text-[11px] text-emerald-950 flex items-start gap-2",children:[(0,r.jsx)(n.A,{className:"h-3.5 w-3.5 text-emerald-700 shrink-0 mt-0.5"}),(0,r.jsx)("div",{className:"leading-snug",children:K.aiAnalysis})]}),(0,r.jsxs)("div",{className:"rounded-lg border border-primary/30 bg-white p-3 text-xs shadow-xs",children:[(0,r.jsxs)("div",{className:"text-[10px] font-bold uppercase tracking-wider text-primary mb-1.5 flex items-center gap-1.5",children:[(0,r.jsx)(z,{className:"h-3 w-3"})," Vorbereitete Antwort (in deinem Schreibstil)"]}),(0,r.jsx)("div",{className:"text-slate-800 whitespace-pre-line text-[11.5px] leading-relaxed bg-[#fcfdfa] p-2.5 rounded border border-slate-100",children:K.aiDraft}),K.hasAttachment&&(0,r.jsxs)("div",{className:"mt-2 flex items-center gap-2 p-2 rounded bg-slate-50 border border-slate-200 text-[11px] text-slate-700 font-medium",children:[(0,r.jsx)(p.A,{className:"h-3.5 w-3.5 text-primary"}),(0,r.jsxs)("span",{children:["Anhang: ",K.hasAttachment.name]})]})]})]}),(0,r.jsxs)("div",{className:"flex items-center justify-between border-t border-slate-200 bg-slate-50/90 px-4 py-2.5 shrink-0",children:[(0,r.jsx)("span",{className:"text-[11px] text-slate-500 font-medium hidden sm:inline",children:"Menschliche Freigabe vor Versand"}),(0,r.jsx)("div",{className:"flex gap-2 ml-auto",children:(0,r.jsxs)("button",{type:"button",onClick:()=>ea("t-mail-becker","Antwort freigegeben und an Julia Becker gesendet."),className:"rounded-lg bg-primary px-3.5 py-1.5 text-xs font-bold text-white shadow-xs hover:bg-primary/90 transition-colors flex items-center gap-1.5 whitespace-nowrap",children:[(0,r.jsx)(A,{className:"h-3.5 w-3.5"})," ",(0,r.jsx)("span",{children:"Freigeben & senden"})]})})]})]}),"presentation"===M&&(0,r.jsx)(R,{initialSlide:4,onClose:()=>P(null),onApprove:()=>{ea("t-deck-mueller","Aufsichtsratspr\xe4sentation freigegeben und an Dr. M\xfcller versendet.")}}),"contract"===M&&(0,r.jsx)(F,{initialVersion:"v3",onClose:()=>P(null),onAcceptChanges:e=>{"v4"===e?ea("t-contract-acme","Vertragsentwurf freigegeben und an Julia Becker gesendet."):er("\xc4nderungen in Version 4 \xfcbernommen.")}}),"calendar"===M&&C&&(0,r.jsxs)("div",{className:"absolute inset-0 z-40 bg-white flex flex-col justify-between animate-in fade-in duration-150",children:[(0,r.jsxs)("div",{className:"flex h-11 shrink-0 items-center justify-between border-b border-slate-200 bg-white px-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,r.jsx)(f,{className:"h-4 w-4 text-primary shrink-0"}),(0,r.jsxs)("span",{className:"text-xs font-bold text-slate-900 truncate",children:["Brief
130ing \xb7 ",C.title]})]}),(0,r.jsx)("button",{type:"button",onClick:()=>P(null),className:"h-7 w-7 rounded-lg hover:bg-slate-100 flex items-center justify-center text-slate-500 shrink-0 ml-2",children:(0,r.jsx)(S.A,{className:"h-4 w-4"})})]}),(0,r.jsxs)("div",{className:"flex-1 overflow-y-auto p-4 space-y-3",children:[(0,r.jsxs)("div",{className:"p-3 rounded-lg bg-slate-50 border border-slate-200 text-xs space-y-2",children:[(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-x-4 gap-y-1 text-slate-600",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:"font-bold text-slate-800",children:"Uhrzeit:"})," ",C.time]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:"font-bold text-slate-800",children:"Ort:"})," ",C.location]})]}),C.attendees&&(0,r.jsxs)("div",{className:"pt-1.5 border-t border-slate-200/80 text-[11px] text-slate-600",children:[(0,r.jsx)("span",{className:"font-bold text-slate-800",children:"Teilnehmende:"})," ",C.attendees.join(", ")]})]}),(0,r.jsxs)("div",{className:"p-3.5 rounded-lg bg-emerald-50/70 border border-emerald-200 space-y-2 text-xs",children:[(0,r.jsxs)("div",{className:"font-bold text-emerald-950 text-xs flex items-center gap-1.5",children:[(0,r.jsx)(n.A,{className:"h-3.5 w-3.5 text-emerald-700"}),(0,r.jsx)("span",{children:"KI-Gespr\xe4chsbriefing & Talking Points:"})]}),(0,r.jsx)("div",{className:"space-y-1.5 text-[11.5px] text-slate-800 leading-relaxed",children:C.briefingPoints.map((e,t)=>(0,r.jsxs)("p",{className:"flex items-start gap-1.5",children:[(0,r.jsx)("span",{className:"text-primary font-bold",children:"â"})," ",e]},t))})]})]}),(0,r.jsxs)("div",{className:"flex items-center justify-between border-t border-slate-200 bg-slate-50/90 px-4 py-2.5 shrink-0",children:[(0,r.jsx)("span",{className:"text-[11px] text-slate-500",children:"Automatisch aus CRM & Mails generiert"}),(0,r.jsx)("button",{type:"button",onClick:()=>{let e=O.find(e=>e.targetId===C.id);e?ea(e.id,`${C.title} als vorbereitet markiert.`):(er(`${C.title} als vorbereitet markiert.`),P(null))},className:"rounded-lg bg-primary px-3.5 py-1.5 text-xs font-bold text-white hover:bg-primary/90 transition-colors shadow-xs whitespace-nowrap cursor-pointer",children:"Als vorbereitet abhaken"})]})]}),"chat"===M&&I[D]&&(0,r.jsx)(G,{item:I[D],onBack:()=>P(null)}),"protocol"===M&&(0,r.jsx)(G,{item:I.protokollQ3||I.wochenreport,onBack:()=>P(null)}),"erp"===M&&(0,r.jsxs)("div",{className:"absolute inset-0 z-40 bg-white flex flex-col justify-between animate-in fade-in duration-150",children:[(0,r.jsxs)("div",{className:"flex h-11 shrink-0 items-center justify-between border-b border-slate-200 bg-white px-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,r.jsx)(g,{className:"h-4 w-4 text-emerald-700 shrink-0"}),(0,r.jsx)("span",{className:"text-xs font-bold text-slate-900 truncate",children:"ERP-Import Pr\xfcfung \xb7 14 Bestellpositionen (KW 21)"})]}),(0,r.jsx)("button",{type:"button",onClick:()=>P(null),className:"h-7 w-7 rounded-lg hover:bg-slate-100 flex items-center justify-center text-slate-500 shrink-0 ml-2",children:(0,r.jsx)(S.A,{className:"h-4 w-4"})})]}),(0,r.jsxs)("div",{className:"flex-1 overflow-y-auto p-4 space-y-3",children:[(0,r.jsxs)("div",{className:"rounded-lg bg-emerald-50/90 border border-emerald-200 p-3 text-xs text-emerald-950 flex items-start gap-2.5",children:[(0,r.jsx)(n.A,{className:"h-4 w-4 text-emerald-700 shrink-0 mt-0.5"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-bold text-emerald-900",children:"14 Positionen automatisch mit CRM & Stammdaten abgeglichen"}),(0,r.jsx)("div",{className:"text-[11.5px] text-emerald-800 mt-0.5",children:"12 Positionen fehlerfrei freigegeben \xb7 2 Positionen mit KI-Vorschlag vorab gepr\xfcft."})]})]}),(0,r.jsx)("div",{className:"rounded-lg border border-slate-200 overflow-hidden text-xs",children:(0,r.jsxs)("table",{className:"w-full text-left",children:[(0,r.jsx)("thead",{className:"bg-slate-50 border-b border-slate-200 text-[10px] font-bold uppercase text-slate-500",children:(0,r.jsxs)("tr",{children:[(0,r.jsx)("th",{className:"p-2.5",children:"Kunde"}),(0,r.jsx)("th",{className:"p-2.5",children:"Position / Artikel"}),(0,r.jsx)("th",{className:"p-2.5",children:"Betrag"}),(0,r.jsx)("th",{className:"p-2.5",children:"Status"})]})}),(0,r.jsxs)("tbody",{className:"divide-y divide-slate-100 text-[11.5px]",children:[(0,r.jsxs)("tr",{className:"bg-white",children:[(0,r.jsx)("td",{className:"p-2.5 font-semibold text-slate-900",children:"Acme GmbH"}),(0,r.jsx)("td",{className:"p-2.5 text-slate-700",children:"80x mulios Agentic Lizenzen"}),(0,r.jsx)("td",{className:"p-2.5 font-bold text-slate-900",children:"6.800 â¬"}),(0,r.jsx)("td",{className:"p-2.5",children:(0,r.jsx)("span",{className:"inline-flex items-center gap-1 rounded bg-emerald-100 px-1.5 py-0.5 text-[10px] font-bold text-emerald-800 whitespace-nowrap",children:"â Gepr\xfcft"})})]}),(0,r.jsxs)("tr",{className:"bg-amber-50/40",children:[(0,r.jsx)("td",{className:"p-2.5 font-semibold text-slate-900",children:"Hoffmann Solutions"}),(0,r.jsx)("td",{className:"p-2.5 text-slate-700",children:"200x Enterprise Upgrade (SSO)"}),(0,r.jsx)("td",{className:"p-2.5 font-bold text-slate-900",children:"17.000 â¬"}),(0,r.jsx)("td",{className:"p-2.5",children:(0,r.jsx)("span",{className:"inline-flex items-center gap-1 rounded bg-amber-100 px-1.5 py-0.5 text-[10px] font-bold text-amber-900 whitespace-nowrap",children:"Rabattstaffel 15%"})})]}),(0,r.jsxs)("tr",{className:"bg-white",children:[(0,r.jsx)("td",{className:"p-2.5 font-semibold text-slate-900",children:"Klinikum S\xfcd"}),(0,r.jsx)("td",{className:"p-2.5 text-slate-700",children:"50x Team Workspace Lizenzen"}),(0,r.jsx)("td",{className:"p-2.5 font-bold text-slate-900",children:"750 â¬"}),(0,r.jsx)("td",{className:"p-2.5",children:(0,r.jsx)("span",{className:"inline-flex items-center gap-1 rounded bg-emerald-100 px-1.5 py-0.5 text-[10px] font-bold text-emerald-800 whitespace-nowrap",children:"â Gepr\xfcft"})})]}),(0,r.jsx)("tr",{className:"bg-slate-50/50",children:(0,r.jsx)("td",{className:"p-2.5 text-slate-500 italic",colSpan:4,children:"+ 11 weitere Standard-Auftr\xe4ge automatisch validiert"})})]})]})}),(0,r.jsxs)("div",{className:"rounded-lg bg-slate-50 border border-slate-200 p-2.5 text-[11px] text-slate-600 flex items-center justify-between",children:[(0,r.jsxs)("span",{children:[(0,r.jsx)("b",{children:"Zielsystem:"})," SAP S/4HANA & MS Dynamics"]}),(0,r.jsx)("span",{className:"font-semibold text-emerald-800",children:"Gesamtvolumen: 48.350 â¬"})]})]}),(0,r.jsxs)("div",{className:"flex items-center justify-between border-t border-slate-200 bg-slate-50/90 px-4 py-2.5 shrink-0",children:[(0,r.jsx)("span",{className:"text-[11px] text-slate-500 font-medium hidden sm:inline",children:"Menschliche Freigabe vor Daten-Import"}),(0,r.jsxs)("button",{type:"button",onClick:()=>ea("t-erp-ops","14 Positionen erfolgreich ins ERP importiert."),className:"rounded-lg bg-primary px-3.5 py-1.5 text-xs font-bold text-white shadow-xs hover:bg-primary/90 transition-colors flex items-center gap-1.5 ml-auto whitespace-nowrap",children:[(0,r.jsx)(v.A,{className:"h-3.5 w-3.5"})," ",(0,r.jsx)("span",{children:"Import freigeben & an ERP \xfcbertragen"})]})]})]})]}),Y&&(0,r.jsxs)("div",{className:"absolute bottom-4 left-1/2 -translate-x-1/2 z-40 rounded-full bg-slate-900/95 px-4 py-2 text-xs font-bold text-white shadow-xl backdrop-blur border border-white/10 flex items-center gap-2 animate-in fade-in slide-in-from-bottom-2 duration-150",children:[(0,r.jsx)(n.A,{className:"h-3.5 w-3.5 text-emerald-400"}),(0,r.jsx)("span",{children:Y})]})]}),(0,r.jsx)("div",{className:"mt-3.5 flex flex-wrap items-center justify-center gap-2 text-center text-xs text-foreground
130/50",children:(0,r.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,r.jsx)(w.A,{className:"h-3.5 w-3.5 text-primary/70 shrink-0"}),"Wir passen unser Produkt den Bed\xfcrfnissen unserer Kunden stetig an. Das Design und der Funktionsumfang \xe4ndern sich daher stetig."]})})]})}let U=[{step:0,icon:n.A,badge:"0 % Prompt-Aufwand",title:"Arbeit startet in deinen echten Kan\xe4len",description:"Kein leeres Chatfenster und kein Copy-Paste: mulios erkennt Aufgaben direkt in eingehenden E-Mails, Dokumenten und Terminen.",highlights:["Erkennt Absichten in E-Mails","Verarbeitet Dokumente & PDF-Anh\xe4nge","Identifiziert n\xe4chste Schritte automatisch"]},{step:1,icon:l,badge:"100 % versandbereit",title:"Fertige Ergebnisse statt Rohtext",description:"mulios liefert keine unfertigen Textbausteine, sondern vollst\xe4ndige Arbeitsergebnisse: formulierte Antwortmails, formatierte Folien und gepr\xfcfte Daten.",highlights:["E-Mails im individuellen Firmenstil","Pr\xe4sentationen mit echten Kennzahlen","Kompakte Briefings f\xfcr anstehende Termine"]},{step:2,icon:d.A,badge:"1-Klick-Freigabe",title:"Volle Kontrolle f\xfcr den Menschen",description:"Keine KI agiert unbemerkt nach au\xdfen. mulios bereitet alles vor, doch jede wichtige Aktion und jeder E-Mail-Versand erfordert dein finales Go.",highlights:["Zentrales Review-Center f\xfcr alle Aufgaben","Jederzeit anpassen, erg\xe4nzen oder ablehnen","Weniger Risiko durch menschliche Kontrolle"]}];function q(){let[e,t]=(0,a.useState)(0),s=(0,a.useRef)(null);(0,a.useEffect)(()=>{let e=()=>{if(!s.current)return;let e=s.current.getBoundingClientRect(),r=window.innerHeight,a=e.height-r;a<=0||t(Math.max(0,Math.min(1,-e.top/a)))};return window.addEventListener("scroll",e,{passive:!0}),e(),()=>window.removeEventListener("scroll",e)},[]);let i=0;e>=.54?i=2:e>=.28&&(i=1);let l=0,u=0,p=0;if(e>.68){let t=Math.min(1,Math.max(0,(e-.68)/(.9-.68)));u=t,l=95*t,p=t*t*(3-2*t)}let b=150*p,g=e>=.84?Math.max(0,1-(e-.84)/.05):1,f=e=>{if(!s.current)return;let t=s.current.getBoundingClientRect(),r=window.innerHeight,a=t.height-r,n=(window.scrollY||document.documentElement.scrollTop)+t.top+[.1,.4,.9][e]*a;window.scrollTo({top:n,behavior:"smooth"})};return(0,r.jsx)("section",{id:"so-arbeitet-mulios",ref:s,className:"relative border-b border-border/60 bg-white h-[260vh]",children:(0,r.jsxs)("div",{className:"sticky top-0 z-20 flex min-h-[100dvh] flex-col justify-start overflow-hidden bg-white pt-3 sm:pt-4 pb-4 sm:pb-8",children:[(0,r.jsxs)("div",{className:"mx-auto max-w-3xl px-6 pt-2 pb-4 text-center",children:[(0,r.jsx)("h2",{className:"text-balance text-2xl font-semibold leading-tight tracking-[-0.035em] sm:text-3xl md:text-4xl lg:text-[2.75rem]",children:"Vom Abarbeiten zum Entscheiden: So funktioniert das neue Arbeiten."}),(0,r.jsx)("p",{className:"mx-auto mt-2 max-w-2xl text-pretty text-xs leading-relaxed text-foreground/65 sm:text-sm md:text-base",children:"mulios erkennt Aufgaben in deinen bestehenden Kan\xe4len, f\xfchrt sie eigenst\xe4ndig aus und legt dir fertige Ergebnisse zur 1-Klick-Freigabe vor."})]}),(0,r.jsxs)("div",{className:"mx-auto w-full max-w-7xl px-4 sm:px-6 transition-transform duration-75 ease-out will-change-transform",style:{transform:`translateY(-${b}px)`},children:[(0,r.jsxs)("div",{className:"relative mx-auto max-w-6xl",children:[(0,r.jsxs)("div",{className:"hidden xl:flex absolute -left-12 top-4 bottom-4 w-6 flex-col items-center justify-between pointer-events-none select-none z-20",children:[(0,r.jsx)("div",{className:`flex h-6 w-6 items-center justify-center rounded-full text-[11px] font-bold transition-all duration-300 ${i>=0?"bg-primary text-white ring-2 ring-primary/20 shadow-xs":"bg-muted text-muted-foreground"}`,children:"1"}),(0,r.jsx)("div",{className:"relative w-1 flex-1 bg-black/10 rounded-full my-1 overflow-hidden",children:(0,r.jsx)("div",{className:"absolute top-0 inset-x-0 bg-primary rounded-full transition-all duration-75",style:{height:`${Math.min(100,Math.max(0,e/.28*100))}%`}})}),(0,r.jsx)("div",{className:`flex h-6 w-6 items-center justify-center rounded-full text-[11px] font-bold transition-all duration-300 ${i>=1?"bg-primary text-white ring-2 ring-primary/20 shadow-xs":"bg-muted text-muted-foreground"}`,children:"2"}),(0,r.jsx)("div",{className:"relative w-1 flex-1 bg-black/10 rounded-full my-1 overflow-hidden",children:(0,r.jsx)("div",{className:"absolute top-0 inset-x-0 bg-primary rounded-full transition-all duration-75",style:{height:`${Math.min(100,Math.max(0,(e-.28)/.26*100))}%`}})}),(0,r.jsx)("div",{className:`flex h-6 w-6 items-center justify-center rounded-full text-[11px] font-bold transition-all duration-300 ${i>=2?"bg-primary text-white ring-2 ring-primary/20 shadow-xs":"bg-muted text-muted-foreground"}`,children:"3"}),(0,r.jsx)("div",{className:"relative w-1 flex-1 bg-black/10 rounded-full my-1 overflow-hidden",children:(0,r.jsx)("div",{className:"absolute top-0 inset-x-0 bg-primary rounded-full transition-all duration-75",style:{height:`${Math.min(100,Math.max(0,(e-.68)/(.88-.68)*100))}%`}})}),(0,r.jsx)("div",{className:`flex h-7 w-7 items-center justify-center rounded-full transition-all duration-300 ${e>=.88?"bg-primary text-white ring-2 ring-primary/25 scale-110 shadow-sm":e>=.68?"bg-primary/15 text-primary border border-primary/30":"bg-muted/60 text-muted-foreground
130/40 border border-black/5"}`,children:(0,r.jsx)(o,{className:"h-3.5 w-3.5"})})]}),(0,r.jsx)("div",{className:"hidden sm:grid max-w-6xl grid-cols-3 gap-5 lg:gap-6",children:U.map((e,t)=>{let s=i===t,a=e.icon;return(0,r.jsxs)("button",{type:"button",onClick:()=>f(t),className:`group relative flex flex-col justify-between rounded-3xl border p-6 sm:p-7 text-left transition-all duration-300 cursor-pointer ${s?"border-primary bg-white shadow-xl ring-2 ring-primary/20 scale-[1.015]":"border-border/70 bg-[#f8f9f6] shadow-2xs hover:shadow-md hover:bg-white opacity-85 hover:opacity-100"}`,children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"flex items-center justify-between gap-2",children:(0,r.jsx)("div",{className:`flex h-11 w-11 items-center justify-center rounded-2xl transition-colors ${s?"bg-primary text-white shadow-sm":"bg-primary/10 text-primary"}`,children:(0,r.jsx)(a,{className:"h-5 w-5"})})}),(0,r.jsx)("h3",{className:"mt-5 text-xl font-semibold leading-snug tracking-tight text-foreground sm:text-2xl",children:e.title}),(0,r.jsx)("p",{className:"mt-3 text-pretty text-sm leading-relaxed text-foreground/65",children:e.description})]}),(0,r.jsx)("div",{className:"mt-6 border-t border-black/5 pt-4",children:(0,r.jsx)("ul",{className:"space-y-2",role:"list",children:e.highlights.map(e=>(0,r.jsxs)("li",{className:"flex items-start gap-2.5 text-xs sm:text-sm font-medium text-foreground/80",children:[(0,r.jsx)(c,{className:`mt-0.5 h-4 w-4 shrink-0 ${s?"text-primary":"text-primary/70"}`}),(0,r.jsx)("span",{children:e})]},e))})})]},e.title)})}),(0,r.jsxs)("div",{className:"sm:hidden w-full",children:[(0,r.jsx)("div",{className:"flex items-center justify-center gap-1.5 mb-2.5",children:U.map((e,t)=>(0,r.jsxs)("button",{type:"button",onClick:()=>f(t),className:`flex items-center gap-1 px-3 py-1 rounded-full text-xs font-semibold transition-all ${i===t?"bg-primary text-white shadow-xs scale-105":"bg-muted/70 text-foreground/70"}`,children:[(0,r.jsxs)("span",{className:"font-bold",children:[t+1,"."]}),(0,r.jsx)("span",{children:0===t?"Erkennen":1===t?"Erledigen":"Freigeben"})]},e.title))}),U.map((e,t)=>{if(i!==t)return null;let s=e.icon;return(0,r.jsxs)("div",{className:"rounded-2xl border-2 border-primary bg-white p-4 shadow-lg animate-in fade-in duration-200",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,r.jsx)("div",{className:"flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-primary text-white shadow-xs",children:(0,r.jsx)(s,{className:"h-4.5 w-4.5"})}),(0,r.jsx)("h3",{className:"text-base font-bold text-foreground leading-tight",children:e.title})]}),(0,r.jsx)("p",{className:"mt-2 text-xs text-foreground/70 leading-relaxed",children:e.description})]},e.title)})]})]}),(0,r.jsxs)("div",{className:"relative mt-5 sm:mt-6 flex flex-col items-center",children:[(0,r.jsxs)("div",{className:"relative w-full max-w-xl h-[58px] sm:h-[64px] flex items-center justify-center pointer-events-none mb-1",children:[0===i&&(0,r.jsx)("div",{className:"absolute inset-x-0 top-0 transition-all duration-300 ease-out animate-in fade-in zoom-in-95",children:(0,r.jsxs)("div",{className:"flex items-center gap-3.5 rounded-2xl border border-amber-400/60 bg-white px-5 py-2.5 sm:py-3 shadow-xl ring-2 ring-amber-400/20",children:[(0,r.jsx)("span",{className:"flex h-8 w-8 sm:h-9 sm:w-9 shrink-0 items-center justify-center rounded-xl bg-amber-100 text-amber-800 shadow-2xs",children:(0,r.jsx)(x.A,{className:"h-4 w-4"})}),(0,r.jsxs)("div",{className:"text-left flex-1 min-w-0",children:[(0,r.jsxs)("div",{className:"text-xs sm:text-sm font-bold text-foreground flex items-center gap-2",children:[(0,r.jsx)("span",{className:"h-2 w-2 rounded-full bg-amber-500 animate-ping"}),"1. Neue Aufgabe aus E-Mail erkannt"]}),(0,r.jsx)("div",{className:"text-[11px] sm:text-xs text-foreground/60 font-medium truncate mt-0.5",children:"Dr. M\xfcller: âAufsichtsrats-Deck mit KPIs vorbereitenâ"})]})]})}),1===i&&(0,r.jsx)("div",{className:"absolute inset-x-0 top-0 transition-all duration-300 ease-out animate-in fade-in zoom-in-95",children:(0,r.jsxs)("div",{className:"flex items-center gap-3.5 rounded-2xl border border-primary/60 bg-white px-5 py-2.5 sm:py-3 shadow-xl ring-2 ring-primary/20",children:[(0,r.jsx)("span",{className:"flex h-8 w-8 sm:h-9 sm:w-9 shrink-0 items-center justify-center rounded-xl bg-primary text-white shadow-2xs",children:(0,r.jsx)(m,{className:"h-4 w-4"})}),(0,r.jsxs)("div",{className:"text-left flex-1 min-w-0",children:[(0,r.jsxs)("div",{className:"text-xs sm:text-sm font-bold text-foreground flex items-center gap-1.5",children:[(0,r.jsx)(n.A,{className:"h-4 w-4 text-primary animate-spin",style:{animationDuration:"4s"}}),"2. mulios erstellt fertiges Arbeitsergebnis"]}),(0,r.jsx)("div",{className:"text-[11px] sm:text-xs text-foreground
130/60 font-medium truncate mt-0.5",children:"12 Folien generiert \xb7 Kennzahlen eingepflegt \xb7 Antwortmail vorformuliert"})]})]})}),2===i&&(0,r.jsx)("div",{className:"absolute inset-x-0 top-0 z-30 transition-all duration-200 ease-out pointer-events-none",style:{opacity:g,transform:`translateY(${l}px) scale(${1-.05*u})`},children:(0,r.jsxs)("div",{className:"relative flex items-center gap-3.5 rounded-2xl border border-emerald-500/60 bg-white px-5 py-2.5 sm:py-3 shadow-xl ring-2 ring-emerald-500/25 backdrop-blur",children:[(0,r.jsx)("div",{className:"absolute -inset-2 rounded-3xl bg-emerald-500/20 blur-xl animate-pulse","aria-hidden":"true"}),(0,r.jsx)("span",{className:"relative flex h-8 w-8 sm:h-9 sm:w-9 shrink-0 items-center justify-center rounded-xl bg-primary text-white shadow-2xs",children:(0,r.jsx)(d.A,{className:"h-4 w-4"})}),(0,r.jsxs)("div",{className:"relative text-left flex-1 min-w-0",children:[(0,r.jsxs)("div",{className:"text-xs sm:text-sm font-bold text-foreground flex items-center gap-1.5",children:[(0,r.jsx)(h,{className:"h-4 w-4 text-emerald-600"}),"3. Bereit zur 1-Klick-Freigabe"]}),(0,r.jsx)("div",{className:"text-[11px] sm:text-xs text-foreground/60 font-medium truncate mt-0.5",children:"Pr\xe4sentation & Antwort liegen im Review-Center \xb7 1 Klick zum Absenden"})]})]})})]}),(0,r.jsxs)("div",{className:`w-full max-w-2xl text-center mb-2 transition-all duration-500 ${e>=.78?"opacity-100 translate-y-0":"opacity-0 -translate-y-2 pointer-events-none"}`,children:[(0,r.jsxs)("div",{className:"inline-flex items-center gap-1.5 rounded-full border border-primary/20 bg-primary/[0.08] px-3.5 py-1 text-xs font-bold text-primary shadow-2xs",children:[(0,r.jsx)(n.A,{className:"h-3.5 w-3.5"})," Interaktive Demo"]}),(0,r.jsx)("h3",{className:"mt-1.5 text-xl font-bold tracking-tight text-foreground sm:text-2xl",children:"Probiere es direkt selbst aus"}),(0,r.jsx)("p",{className:"mt-1 text-pretty text-xs text-foreground/65 sm:text-sm",children:"Klicke dich durch das interaktive Review-Center der Demo und teste die 1-Klick-Freigabe."})]}),(0,r.jsx)("div",{className:"relative z-10 w-full",children:(0,r.jsx)(Z,{incomingTaskId:"t-deck-mueller",isIncomingSettled:e>=.88})})]})]})]})})}},9156:(e,t,s)=>{"use strict";s.r(t),s.d(t,{Accordion:()=>l,AccordionContent:()=>c,AccordionItem:()=>d,AccordionTrigger:()=>o});var r=s(5155);s(2115);var a=s(9372),n=s(6088),i=s(1337);function l({...e}){return(0,r.jsx)(a.bL,{"data-slot":"accordion",...e})}function d({className:e,...t}){return(0,r.jsx)(a.q7,{"data-slot":"accordion-item",className:(0,i.cn)("border-b last:border-b-0",e),...t})}function o({className:e,children:t,...s}){return(0,r.jsx)(a.Y9,{className:"flex",children:(0,r.jsxs)(a.l9,{"data-slot":"accordion-trigger",className:(0,i.cn)("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",e),...s,children:[t,(0,r.jsx)(n.A,{className:"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"})]})})}function c({className:e,children:t,...s}){return(0,r.jsx)(a.UC,{"data-slot":"accordion-content",className:"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",...s,children:(0,r.jsx)("div",{className:(0,i.cn)("pt-0 pb-4",e),children:t})})}}},e=>{e.O(0,[850,1669,5481,6380,4293,8441,3794,7358],()=>e(e.s=3404)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.