@nivora/matrix 0.3.2 → 0.3.3

package/.next/static/chunks/app/traceability/risk/[id]/page-5a5ae8b4036cafb9.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[510],{3321:(e,t,i)=>{"use strict";var r=i(4645);i.o(r,"usePathname")&&i.d(t,{usePathname:function(){return r.usePathname}}),i.o(r,"useRouter")&&i.d(t,{useRouter:function(){return r.useRouter}})},3987:(e,t,i)=>{"use strict";i.d(t,{j:()=>n});var r=i(5155),l=i(2115);function n({options:e,selected:t,onChange:i,placeholder:n,multi:s=!0,allowCustom:a=!0}){let[o,d]=(0,l.useState)(!1),[c,m]=(0,l.useState)(""),u=(0,l.useRef)(null),p=e.filter(e=>e.label.toLowerCase().includes(c.toLowerCase())&&(!s||!t.includes(e.value)));return(0,l.useEffect)(()=>{let e=e=>{u.current&&!u.current.contains(e.target)&&d(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),(0,r.jsxs)("div",{ref:u,style:{position:"relative",flex:1},children:[s&&t.length>0&&(0,r.jsx)("div",{style:{display:"flex",gap:"0.25rem",flexWrap:"wrap",marginBottom:"0.5rem"},children:t.map(l=>{let n=e.find(e=>e.value===l);return(0,r.jsxs)("span",{className:"badge badge-success",style:{display:"flex",alignItems:"center",gap:"0.25rem"},children:[n?.value||l,(0,r.jsx)("button",{onClick:()=>{i(t.filter(e=>e!==l))},style:{background:"none",border:"none",cursor:"pointer",padding:0,fontSize:"1rem",color:"inherit"},children:"\xd7"})]},l)})}),(0,r.jsx)("input",{type:"text",value:s||o?c:(()=>{if(!s&&t.length>0){let i=e.find(e=>e.value===t[0]);return i?.label||t[0]}return""})(),onChange:e=>m(e.target.value),onFocus:()=>d(!0),placeholder:0!==t.length&&s?"Add more...":n,className:"input",style:{width:"100%"}}),o&&(0,r.jsxs)("div",{style:{position:"absolute",top:"100%",left:0,right:0,marginTop:"0.25rem",background:"var(--bg-card)",border:"1px solid var(--border)",borderRadius:"8px",maxHeight:"200px",overflowY:"auto",zIndex:100,boxShadow:"0 4px 12px rgba(0,0,0,0.3)"},children:[0===p.length?(0,r.jsx)("div",{style:{padding:"0.75rem",color:"var(--text-secondary)",fontSize:"0.875rem"},children:a?"No matches - type to create":"No matching steps"}):p.slice(0,20).map(e=>(0,r.jsxs)("div",{onClick:()=>{var r;return r=e.value,void(s?i([...t,r]):(i([r]),d(!1)),m(""))},style:{padding:"0.625rem 0.75rem",cursor:"pointer",fontSize:"0.875rem",borderBottom:"1px solid var(--border)",transition:"background 0.15s"},onMouseEnter:e=>e.currentTarget.style.background="var(--bg-hover)",onMouseLeave:e=>e.currentTarget.style.background="transparent",children:[(0,r.jsx)("div",{style:{fontWeight:500},children:e.value}),e.label!==e.value&&(0,r.jsx)("div",{style:{fontSize:"0.75rem",color:"var(--text-secondary)",marginTop:"0.125rem"},children:e.label})]},e.value)),p.length>20&&(0,r.jsxs)("div",{style:{padding:"0.5rem",color:"var(--text-secondary)",fontSize:"0.75rem",textAlign:"center"},children:["+",p.length-20," more..."]})]})]})}},5230:(e,t,i)=>{"use strict";i.d(t,{RiskClient:()=>c});var r=i(5155),l=i(2115),n=i(3321),s=i(8500),a=i.n(s),o=i(3987),d=i(7948);function c({risk:e,isNew:t=!1,fsItems:s}){let c=(0,n.useRouter)(),[g,h]=(0,l.useState)(t),[x,v]=(0,l.useState)(e?.title||""),[y,b]=(0,l.useState)(e?.status||"draft"),[f,j]=(0,l.useState)(e?.category||""),[k,S]=(0,l.useState)(e?.gamp_category||4),[C,w]=(0,l.useState)(e?.impact||"medium"),[z,B]=(0,l.useState)(e?.probability||"medium"),[R,I]=(0,l.useState)(e?.risk_level||"medium"),[_,W]=(0,l.useState)(e?.residual_risk||"acceptable"),[F,$]=(0,l.useState)(e?.fs_ids||[]),L=e?.risks?.length?e.risks.map(e=>({id:e.id,description:e.description,impact:e.impact,probability:e.probability})):[{id:"R-001.1",description:"",impact:"medium",probability:"medium"}],N=e?.mitigations?.length?e.mitigations.map(e=>({risk_id:e.risk_id,control:e.control,test:e.test})):[{risk_id:"R-001.1",control:"",test:""}],[E,T]=(0,l.useState)(L),[H,M]=(0,l.useState)(N),[P,D]=(0,l.useState)(null),[A,Q]=(0,l.useState)({type:"idle"}),[q,Y]=(0,l.useTransition)(),O=(e,t,i)=>{let r=[...E];r[e]={...r[e],[t]:i},T(r)},K=(e,t,i)=>{let r=[...H];r[e]={...r[e],[t]:i},M(r)};return!g&&e?(0,r.jsxs)("div",{className:"card",style:{maxWidth:"900px"},children:[(0,r.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"2rem",paddingBottom:"1.5rem",borderBottom:"1px solid var(--border)"},children:[(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"1rem",marginBottom:"0.5rem"},children:[(0,r.jsx)("span",{style:{fontSize:"0.75rem",fontWeight:600,padding:"0.25rem 0.75rem",background:"#f97316",borderRadius:"6px",color:"white"},children:e.id}),(0,r.jsxs)("span",{className:`badge ${"acceptable"===e.residual_risk?"badge-success":"badge-error"}`,style:{textTransform:"capitalize"},children:["acceptable"===e.residual_risk?"✅":"⚠️"," ",e.residual_risk||"pending"]})]}),(0,r.jsx)("h1",{style:{margin:0,fontSize:"1.5rem",fontWeight:600,lineHeight:1.3},children:e.title})]}),(0,r.jsxs)("button",{onClick:()=>h(!0),className:"btn btn-primary",style:{display:"flex",gap:"0.5rem",alignItems:"center"},children:[(0,r.jsx)("span",{children:"✏️"})," Edit"]})]}),(0,r.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(4, 1fr)",gap:"1rem",marginBottom:"1.5rem"},children:[(0,r.jsx)(m,{label:"Category",value:e.category}),(0,r.jsx)(m,{label:"Impact",value:e.impact,color:p(e.impact)}),(0,r.jsx)(m,{label:"Probability",value:e.probability,color:p(e.probability)}),(0,r.jsx)(m,{label:"Risk Level",value:e.risk_level,color:p(e.risk_level)})]}),(0,r.jsx)(u,{label:"Linked Functional Specs",children:e.fs_ids.length>0?(0,r.jsx)("div",{style:{display:"flex",flexWrap:"wrap",gap:"0.5rem"},children:e.fs_ids.map(e=>(0,r.jsx)(a(),{href:`/traceability/fs/${e}`,children:(0,r.jsx)("span",{className:"badge badge-warning",children:e})},e))}):(0,r.jsx)("span",{style:{color:"var(--text-secondary)",fontStyle:"italic"},children:"No functional specs linked. Edit to add links."})}),e.risks.length>0&&(0,r.jsx)(u,{label:"Identified Risks",count:e.risks.length,children:(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"0.75rem"},children:e.risks.map((e,t)=>(0,r.jsxs)("div",{style:{display:"flex",gap:"0.75rem",alignItems:"flex-start"},children:[(0,r.jsx)("span",{style:{color:"#f97316",fontWeight:600,fontSize:"0.875rem",fontFamily:"monospace",minWidth:"70px"},children:e.id}),(0,r.jsx)("span",{style:{lineHeight:1.6},children:e.description})]},t))})}),e.mitigations.length>0&&(0,r.jsx)(u,{label:"Mitigation & Control",count:e.mitigations.length,children:(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"0.75rem"},children:e.mitigations.map((e,t)=>(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem"},children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"0.5rem"},children:[(0,r.jsxs)("span",{style:{color:"var(--accent)",fontWeight:600,fontSize:"0.75rem"},children:["For ",e.risk_id,":"]}),(0,r.jsx)("span",{style:{fontWeight:500},children:e.control})]}),(0,r.jsxs)("div",{style:{fontSize:"0.875rem",color:"var(--text-secondary)",paddingLeft:"1rem"},children:["Test: ",e.test]})]},t))})})]}):(0,r.jsxs)("div",{className:"card",style:{maxWidth:"900px"},children:[(0,r.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",marginBottom:"2rem",alignItems:"center"},children:[(0,r.jsx)(d.Mo,{icon:"⚠️",title:t?"New Risk Assessment":`Editing ${e?.id}`,subtitle:"Identify and mitigate risks"}),(0,r.jsxs)("div",{style:{display:"flex",gap:"0.75rem"},children:[(0,r.jsx)("button",{onClick:()=>{t?c.back():h(!1)},className:"btn",children:"Cancel"}),(0,r.jsx)(d.yY,{onClick:()=>{Q({type:"idle"}),Y(async()=>{try{let r,l={title:x,status:y,category:f,gamp_category:k,fs_ids:F,impact:C,probability:z,risk_level:R,residual_risk:_,risks:E.filter(e=>e.description.trim()||e.id).map(e=>({id:e.id,description:e.description,impact:e.impact,probability:e.probability})),mitigations:H.filter(e=>e.control.trim()).map(e=>({risk_id:e.risk_id,control:e.control,test:e.test}))};if(t){let{saveRisk:e}=await i.e(570).then(i.bind(i,570));r=await e(l)}else{let{updateRiskAction:t}=await i.e(570).then(i.bind(i,570));r=await t(e.id,l)}r.success?(Q({type:"success",message:`Saved ${r.id}`}),t?c.push(`/traceability/risk/${r.id}`):(c.refresh(),h(!1))):Q({type:"error",message:r.error})}catch(e){Q({type:"error",message:"Failed to save"})}})},disabled:q||!x.trim(),isPending:q,label:"Save Risk"})]})]}),(0,r.jsx)(d.t3,{status:A}),(0,r.jsx)(d.zB,{label:"Title",required:!0,children:(0,r.jsx)("input",{value:x,onChange:e=>v(e.target.value),style:(0,d.wI)("title",P),onFocus:()=>D("title"),onBlur:()=>D(null)})}),(0,r.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"1rem",marginBottom:"1.5rem"},children:[(0,r.jsx)(d.zB,{label:"Category",compact:!0,children:(0,r.jsx)("input",{value:f,onChange:e=>j(e.target.value),style:(0,d.wI)("cat",P),onFocus:()=>D("cat")})}),(0,r.jsx)(d.zB,{label:"Link FS",required:!0,compact:!0,children:(0,r.jsx)(o.j,{options:s.map(e=>({value:e.id,label:`${e.id} - ${e.title}`})),selected:F,onChange:$,placeholder:"Search FS...",multi:!0})})]}),(0,r.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(4, 1fr)",gap:"1rem",marginBottom:"1.5rem"},children:[(0,r.jsx)(d.zB,{label:"Impact",compact:!0,children:(0,r.jsxs)("select",{value:C,onChange:e=>w(e.target.value),style:(0,d.mQ)("imp",P),onFocus:()=>D("imp"),children:[(0,r.jsx)("option",{value:"low",children:"\uD83D\uDFE2 Low"}),(0,r.jsx)("option",{value:"medium",children:"\uD83D\uDFE1 Medium"}),(0,r.jsx)("option",{value:"high",children:"\uD83D\uDFE0 High"}),(0,r.jsx)("option",{value:"critical",children:"\uD83D\uDD34 Critical"})]})}),(0,r.jsx)(d.zB,{label:"Probability",compact:!0,children:(0,r.jsxs)("select",{value:z,onChange:e=>B(e.target.value),style:(0,d.mQ)("prob",P),onFocus:()=>D("prob"),children:[(0,r.jsx)("option",{value:"low",children:"\uD83D\uDFE2 Low"}),(0,r.jsx)("option",{value:"medium",children:"\uD83D\uDFE1 Medium"}),(0,r.jsx)("option",{value:"high",children:"\uD83D\uDD34 High"})]})}),(0,r.jsx)(d.zB,{label:"Risk Level",compact:!0,children:(0,r.jsxs)("select",{value:R,onChange:e=>I(e.target.value),style:(0,d.mQ)("lvl",P),onFocus:()=>D("lvl"),children:[(0,r.jsx)("option",{value:"low",children:"\uD83D\uDFE2 Low"}),(0,r.jsx)("option",{value:"medium",children:"\uD83D\uDFE1 Medium"}),(0,r.jsx)("option",{value:"high",children:"\uD83D\uDFE0 High"}),(0,r.jsx)("option",{value:"critical",children:"\uD83D\uDD34 Critical"})]})}),(0,r.jsx)(d.zB,{label:"Residual Risk",compact:!0,children:(0,r.jsxs)("select",{value:_,onChange:e=>W(e.target.value),style:(0,d.mQ)("res",P),onFocus:()=>D("res"),children:[(0,r.jsx)("option",{value:"acceptable",children:"✅ Acceptable"}),(0,r.jsx)("option",{value:"unacceptable",children:"❌ Unacceptable"}),(0,r.jsx)("option",{value:"pending",children:"⏳ Pending"})]})})]}),(0,r.jsx)(d.zB,{label:"Identified Risks",hint:"List specific risks",action:{label:"+ Add Risk",onClick:()=>T([...E,{id:`R-001.${E.length+1}`,description:"",impact:"medium",probability:"medium"}])},children:(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"0.75rem"},children:E.map((e,t)=>(0,r.jsxs)("div",{style:{display:"flex",gap:"0.75rem",alignItems:"center"},children:[(0,r.jsx)("input",{value:e.id,onChange:e=>O(t,"id",e.target.value),onFocus:()=>D(`risk-id-${t}`),onBlur:()=>D(null),placeholder:"R-ID",style:{...(0,d.wI)(`risk-id-${t}`,P),width:"100px",flexShrink:0}}),(0,r.jsx)("input",{value:e.description,onChange:e=>O(t,"description",e.target.value),onFocus:()=>D(`risk-desc-${t}`),onBlur:()=>D(null),placeholder:"Risk description",style:{...(0,d.wI)(`risk-desc-${t}`,P),flex:1}}),E.length>1&&(0,r.jsx)(d.d0,{onClick:()=>{E.length>1&&T(E.filter((e,i)=>i!==t))}})]},t))})}),(0,r.jsx)(d.zB,{label:"Mitigations",hint:"Control measures and testing",action:{label:"+ Add Mitigation",onClick:()=>M([...H,{risk_id:"",control:"",test:""}])},children:(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"0.75rem"},children:H.map((e,t)=>(0,r.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"100px 1fr 1fr auto",gap:"0.75rem",alignItems:"center",padding:"1rem",background:"var(--bg-secondary)",borderRadius:"10px",border:"1px solid var(--border)"},children:[(0,r.jsx)("input",{value:e.risk_id,onChange:e=>K(t,"risk_id",e.target.value),onFocus:()=>D(`mit-id-${t}`),onBlur:()=>D(null),placeholder:"R-ID",style:(0,d.wI)(`mit-id-${t}`,P)}),(0,r.jsx)("input",{value:e.control,onChange:e=>K(t,"control",e.target.value),onFocus:()=>D(`mit-control-${t}`),onBlur:()=>D(null),placeholder:"Control measure",style:(0,d.wI)(`mit-control-${t}`,P)}),(0,r.jsx)("input",{value:e.test,onChange:e=>K(t,"test",e.target.value),onFocus:()=>D(`mit-test-${t}`),onBlur:()=>D(null),placeholder:"How to test",style:(0,d.wI)(`mit-test-${t}`,P)}),H.length>1&&(0,r.jsx)(d.d0,{onClick:()=>{H.length>1&&M(H.filter((e,i)=>i!==t))}})]},t))})})]})}function m({label:e,value:t,color:i}){return(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{style:{fontSize:"0.75rem",color:"var(--text-secondary)",fontWeight:500,marginBottom:"0.25rem"},children:e}),(0,r.jsx)("div",{style:{fontSize:"1rem",fontWeight:500,textTransform:"capitalize",color:i||"var(--text-primary)"},children:t||"—"})]})}function u({label:e,count:t,children:i}){return(0,r.jsxs)("div",{style:{marginBottom:"1.5rem"},children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"0.5rem",marginBottom:"0.5rem"},children:[(0,r.jsx)("label",{style:{fontWeight:500,fontSize:"0.875rem",color:"var(--text-secondary)"},children:e}),void 0!==t&&(0,r.jsx)("span",{style:{fontSize:"0.75rem",padding:"0.125rem 0.5rem",background:"var(--bg-hover)",borderRadius:"9999px"},children:t})]}),(0,r.jsx)("div",{style:{lineHeight:1.7},children:i})]})}function p(e){switch(e?.toLowerCase()){case"high":return"#ef4444";case"medium":return"#f59e0b";case"low":return"#10b981";default:return"var(--text-primary)"}}},6640:(e,t,i)=>{Promise.resolve().then(i.bind(i,5230))},7948:(e,t,i)=>{"use strict";i.d(t,{KN:()=>c,Mo:()=>p,d0:()=>h,mQ:()=>d,t3:()=>u,wI:()=>o,yY:()=>g,zB:()=>m});var r=i(5155);i(2115);let l={width:"100%",padding:"0.875rem 1rem",fontSize:"0.9375rem",lineHeight:"1.5",color:"var(--text-primary)",background:"var(--bg-secondary)",borderWidth:"1px",borderStyle:"solid",borderColor:"var(--border)",borderRadius:"10px",outline:"none",transition:"all 0.2s ease"},n={borderColor:"var(--accent)",boxShadow:"0 0 0 3px rgba(99, 102, 241, 0.15)"},s={...l,cursor:"pointer",appearance:"none",backgroundImage:"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238888a0' d='M6 8L1 3h10z'/%3E%3C/svg%3E\")",backgroundRepeat:"no-repeat",backgroundPosition:"right 1rem center",paddingRight:"2.5rem"},a={...l,resize:"vertical",minHeight:"120px",fontFamily:"inherit"};function o(e,t){return{...l,...t===e?n:{}}}function d(e,t){return{...s,...t===e?n:{}}}function c(e,t){return{...a,...t===e?n:{}}}function m({label:e,children:t,required:i,compact:l,hint:n,action:s}){return(0,r.jsxs)("div",{style:{marginBottom:l?"0":"1.5rem"},children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"0.5rem"},children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"0.5rem"},children:[(0,r.jsx)("label",{style:{fontWeight:500,fontSize:"0.875rem",color:"var(--text-primary)"},children:e}),i&&(0,r.jsx)("span",{style:{color:"var(--accent)",fontSize:"0.75rem"},children:"Required"}),n&&(0,r.jsxs)("span",{style:{color:"var(--text-secondary)",fontSize:"0.8125rem",fontWeight:400},children:["— ",n]})]}),s&&(0,r.jsx)("button",{onClick:s.onClick,style:{padding:"0.375rem 0.75rem",fontSize:"0.8125rem",fontWeight:500,background:"transparent",border:"1px solid var(--accent)",borderRadius:"6px",color:"var(--accent)",cursor:"pointer",transition:"all 0.2s"},children:s.label})]}),t]})}function u({status:e}){return"idle"===e.type?null:(0,r.jsxs)("div",{style:{marginBottom:"1.5rem",padding:"1rem 1.25rem",borderRadius:"10px",background:"success"===e.type?"rgba(16, 185, 129, 0.1)":"rgba(239, 68, 68, 0.1)",color:"success"===e.type?"var(--success)":"var(--error)",fontSize:"0.9375rem",display:"flex",alignItems:"center",gap:"0.5rem",borderWidth:"1px",borderStyle:"solid",borderColor:"success"===e.type?"rgba(16, 185, 129, 0.2)":"rgba(239, 68, 68, 0.2)"},children:["success"===e.type?"✅":"❌"," ",e.message]})}function p({icon:e,title:t,subtitle:i}){return(0,r.jsxs)("div",{style:{marginBottom:"2rem",paddingBottom:"1.5rem",borderBottom:"1px solid var(--border)"},children:[(0,r.jsxs)("h2",{style:{margin:0,fontSize:"1.25rem",fontWeight:600},children:[e," ",t]}),(0,r.jsx)("p",{style:{margin:"0.25rem 0 0",color:"var(--text-secondary)",fontSize:"0.875rem"},children:i})]})}function g({onClick:e,disabled:t,isPending:i,label:l="Save"}){return(0,r.jsx)("button",{onClick:e,disabled:t,style:{padding:"0.75rem 1.5rem",fontSize:"0.9375rem",fontWeight:600,borderRadius:"10px",border:"none",cursor:t?"not-allowed":"pointer",background:t?"var(--bg-hover)":"linear-gradient(135deg, var(--gradient-start), var(--gradient-end))",color:t?"var(--text-secondary)":"white",transition:"all 0.2s ease",boxShadow:t?"none":"0 4px 12px rgba(99, 102, 241, 0.25)"},children:i?"\uD83D\uDCBE Saving...":`💾 ${l}`})}function h({onClick:e}){return(0,r.jsx)("button",{onClick:e,style:{padding:"0.5rem",background:"transparent",border:"1px solid var(--border)",borderRadius:"8px",color:"var(--text-secondary)",cursor:"pointer",transition:"all 0.2s",lineHeight:1},title:"Remove",children:"✕"})}}},e=>{e.O(0,[500,441,794,358],()=>e(e.s=6640)),_N_E=e.O()}]);