https://www.akeptus.com/_next/static/chunks/pages/ai/explainability-45cbfbda3426d505.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[12784,83746],{347696:(e,a,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/ai/explainability",function(){return s(431328)}])},431328:(e,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>j});var l=s(637876),t=s(397141),r=s(977328),i=s.n(r),n=s(648230),d=s.n(n),c=s(14232),o=s(743956),x=s(310773),m=s(114804),h=s(863331),u=s(536963),g=s(911064),y=s(894890),b=s(845643);let p=y.bOF.aiExplainabilityPage,j=()=>{var e,a,s,r,n,y,j;let{isAuthenticated:N}=(0,u.h)(),[v,f]=(0,c.useState)(1),{data:w,loading:A,error:_,refetch:E}=(0,h.gf)(p.globalImportance(),{immediate:N,enabled:N}),k=w&&"object"==typeof w&&!Array.isArray(w)?w:null,M=null!=(j=null!=(y=null!=(n=null!=(r=null!=(s=null!=(a=null==k?void 0:k.data)?a:null==k?void 0:k.results)?s:null==k?void 0:k.items)?r:null==k||null==(e=k.feature_importance)?void 0:e.features)?n:null==k?void 0:k.features)?y:(null==k?void 0:k.explanation)?[k.explanation]:null)?j:Array.isArray(w)?w:[],[O,S]=(0,c.useState)(""),C=(0,c.useMemo)(()=>O.trim()?M.filter(e=>Object.values(e).some(e=>null!=e&&String(e).toLowerCase().includes(O.toLowerCase()))):M,[M,O]),I=M[0]?Object.keys(M[0]).slice(0,6):[],P=Math.max(1,Math.ceil(C.length/20)),R=Math.min(v,P);return(0,l.jsx)(x.OV,{requiredRoles:[m.gG.ORG_ADMIN,m.gG.MANAGER],children:(0,l.jsxs)(o.A,{children:[(0,l.jsx)(i(),{children:(0,l.jsx)("title",{children:"AI Explainability - Akeptus"})}),(0,l.jsxs)("div",{className:"max-w-7xl mx-auto px-6 py-8",children:[(0,l.jsx)("nav",{className:"mb-6","aria-label":"Breadcrumb",children:(0,l.jsxs)("ol",{className:"flex items-center gap-2",children:[(0,l.jsx)("li",{children:(0,l.jsx)(d(),{href:"/dashboard",className:"universal-body text-gray-600 hover:text-gray-700 transition-colors",children:"Dashboard"})}),(0,l.jsx)("li",{children:(0,l.jsx)("span",{className:"universal-body text-gray-400",children:"/"})}),(0,l.jsx)("li",{children:(0,l.jsx)("span",{className:"universal-body text-gray-900 font-medium",children:"AI Explainability"})})]})}),(0,l.jsx)("div",{className:"mb-8 flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between",children:(0,l.jsxs)("div",{className:"flex items-start sm:items-center",children:[(0,l.jsx)(t.yE,{className:"w-8 h-8 text-emerald-600 mr-3"}),(0,l.jsxs)("div",{children:[(0,l.jsx)("h1",{className:"universal-h1 text-gray-900 mb-1",children:"AI Explainability"}),(0,l.jsx)("p",{className:"universal-body text-gray-600",children:"Understand AI model decisions with feature attribution and SHAP analysis"})]})]})}),A&&(0,l.jsx)(g.DP,{pageName:"AI Explainability",description:"Loading data...",badge:"Ai",statusText:"Fetching..."}),_&&(0,l.jsx)(b.V,{subject:"model explainability",onRetry:()=>void(null==E||E()),retrying:A}),!A&&!_&&(0,l.jsxs)("div",{className:"space-y-6",children:[(0,l.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:(0,l.jsxs)("div",{className:"bg-white rounded-xl shadow-sm border border-gray-200 p-6",children:[(0,l.jsx)("p",{className:"text-xs uppercase tracking-wide text-gray-500",children:"Total Records"}),(0,l.jsx)("p",{className:"text-2xl font-semibold text-gray-900 mt-1",children:M.length})]})}),(0,l.jsxs)("div",{className:"bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden",children:[(0,l.jsxs)("div",{className:"px-6 py-4 border-b border-gray-200 flex items-center justify-between gap-4",children:[(0,l.jsx)("h2",{className:"universal-h4 text-gray-900",children:"Data"}),(0,l.jsxs)("div",{className:"relative w-64",children:[(0,l.jsx)(t.dV,{className:"absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 w-4 h-4"}),(0,l.jsx)("input",{type:"text",placeholder:"Search...",value:O,onChange:e=>{S(e.target.value),f(1)},className:"w-full pl-9 pr-4 py-2 text-sm border border-gray-100 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-transparent"})]})]}),0===C.length?(0,l.jsx)("div",{className:"px-6 py-8 text-center text-sm text-gray-500",children:O?"No results match your search.":"No model explanations yet — this fills in as records are added."}):(0,l.jsx)("div",{className:"overflow-x-auto",children:(0,l.jsxs)("table",{className:"min-w-full divide-y divide-gray-200",children:[(0,l.jsx)("thead",{className:"bg-gray-50",children:(0,l.jsx)("tr",{children:I.map(e=>(0,l.jsx)("th",{className:"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider",children:e.replace(/_/g," ")},e))})}),(0,l.jsx)("tbody",{className:"bg-white divide-y divide-gray-200",children:C.slice((R-1)*20,20*R).map((e,a)=>(0,l.jsx)("tr",{className:"hover:bg-gray-50",children:Object.values(e).slice(0,6).map((e,a)=>(0,l.jsx)("td",{className:"px-6 py-4 text-sm text-gray-700 max-w-xs truncate",children:null==e?"—":"object"==typeof e?JSON.stringify(e).slice(0,50):String(e)},a))},a))})]})})]}),C.length>0&&(0,l.jsxs)("div",{className:"flex items-center justify-between rounded-xl border border-gray-200 bg-white px-4 py-3",children:[(0,l.jsxs)("p",{className:"text-sm text-gray-600",children:["Showing ",(R-1)*20+1," to"," ",Math.min(20*R,C.length)," of ",C.length,O?" (filtered from ".concat(M.length,")"):""," records"]}),(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("button",{type:"button",onClick:()=>f(e=>Math.max(1,e-1)),disabled:1===R,className:"rounded-lg border border-gray-100 px-3 py-1.5 text-sm text-gray-700 transition-colors hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-60",children:"Previous"}),(0,l.jsxs)("span",{className:"text-sm text-gray-600",children:["Page ",R," of ",P]}),(0,l.jsx)("button",{type:"button",onClick:()=>f(e=>Math.min(P,e+1)),disabled:R>=P,className:"rounded-lg border border-gray-100 px-3 py-1.5 text-sm text-gray-700 transition-colors hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-60",children:"Next"})]})]})]})]})]})})}}},e=>{e.O(0,[38513,82909,58422,1126,10553,42237,65130,41941,75656,77197,54587,29186,6679,82373,1272,26794,54523,13038,94890,10773,50762,1537,17427,37432,43956,14873,90636,46593,38792],()=>e(e.s=347696)),_N_E=e.O()}]);