npm - @e-llm-studio/citation - Versions diffs - 0.0.249 → 0.0.251-beta.1 - Mend

@e-llm-studio/citation 0.0.249 → 0.0.251-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2362) hide show

package/dist/features/CognitiveCompare/MoreFunctionsPopup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MoreFunctionsPopup.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"MoreFunctionsPopup.js","sources":["../../../src/features/CognitiveCompare/MoreFunctionsPopup.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box, Menu, MenuItem, Typography } from \"@mui/material\";\nimport { ButtonCognitiveIcon } from \"../../assests/svg/ButtonCognitiveIcon\";\n\ntype MoreFunctionsPopupProps = {\n open: boolean;\n anchorEl: HTMLElement \| null;\n sectionTitle: string;\n referenceSectionTitle: string;\n onClose: () => void;\n onOpenCognitiveCompare: () => void;\n onOpenSideBySide: () => void;\n onConnect: () => void;\n isConnected?: boolean;\n isOrphan: boolean;\n maintainRelativeOrder?: boolean;\n isGuidelineMode?: boolean;\n hasGuidelineMatches?: boolean;\n};\n\nconst CheckIcon = () => (\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M2 6.5L5 9.5L11 3.5\" stroke=\"#15803D\" strokeWidth=\"1.8\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n);\n\nconst MENU_ITEMS = [\n {\n key: \"connect\",\n title: \"Connect\",\n icon: (\n <svg width=\"15\" height=\"18\" viewBox=\"0 0 15 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M14.8237 3.89331C14.547 5.57188 13.0559 6.77501 11.3572 6.69242C9.65857 6.60983 8.2925 5.26384 8.18312 3.56742C4.75678 3.67456 3.54027 4.4759 3.73893 6.10536C3.81259 6.71474 4.18089 7.04063 4.85723 7.19911C5.26794 7.2951 5.7233 7.30849 6.13625 7.27054C6.17419 7.26608 6.21437 7.26385 6.25232 7.25938C6.50455 7.19911 6.76125 7.14777 7.01794 7.1076C7.77911 6.9826 8.55366 6.9201 9.29027 6.96027C11.3617 7.07188 12.7724 7.98483 12.8438 9.92233C12.913 11.7996 11.6229 13.1299 9.5425 14.0205C8.87509 14.3063 8.1675 14.5272 7.45991 14.6946C7.14071 14.7705 6.87286 14.8219 6.67419 14.8554C6.49786 16.5496 5.07821 17.842 3.37509 17.8554C1.67196 17.8688 0.229997 16.6031 0.0246403 14.9112C-0.180717 13.2192 0.917498 11.6455 2.57375 11.2527C4.23 10.8598 5.91973 11.7728 6.49562 13.3755C6.70544 13.3375 6.91303 13.2951 7.12062 13.246C7.75009 13.0987 8.37955 12.9022 8.95991 12.6522C10.538 11.9781 11.3996 11.0875 11.3595 9.9759C11.3237 8.98036 10.6095 8.52054 9.21214 8.44465C8.5983 8.41117 7.92643 8.46474 7.26348 8.57411C7.07821 8.60536 6.90857 8.63661 6.75902 8.6701C6.67196 8.68795 6.61169 8.70358 6.58491 8.71027L6.51571 8.72367C6.4666 8.73036 6.38402 8.74152 6.27687 8.75268C5.71884 8.80402 5.11393 8.78617 4.52464 8.65001C3.2925 8.36206 2.42866 7.59643 2.26794 6.2884C1.9175 3.47143 4.02241 2.16563 8.42866 2.07188C9.07821 0.500452 10.8037 -0.336602 12.4376 0.129916C14.0737 0.596434 15.1005 2.21474 14.8237 3.89331V3.89331ZM3.34161 12.6478C3.09741 12.6478 2.85562 12.6959 2.63002 12.7894C2.40442 12.8828 2.19944 13.0198 2.02678 13.1925C1.85412 13.3652 1.71717 13.5702 1.62373 13.7958C1.5303 14.0214 1.48222 14.2632 1.48223 14.5074C1.48224 14.7516 1.53036 14.9934 1.62382 15.219C1.71728 15.4446 1.85426 15.6495 2.02694 15.8222C2.19962 15.9949 2.40462 16.1318 2.63022 16.2252C2.85583 16.3187 3.09764 16.3668 3.34183 16.3667C3.83499 16.3667 4.30795 16.1708 4.65665 15.822C5.00535 15.4733 5.20123 15.0003 5.2012 14.5071C5.20117 14.014 5.00524 13.541 4.65649 13.1923C4.30775 12.8436 3.83477 12.6477 3.34161 12.6478ZM11.5224 1.49152C11.2782 1.49154 11.0364 1.53965 10.8108 1.63311C10.5852 1.72657 10.3802 1.86355 10.2076 2.03623C10.0349 2.20891 9.89797 2.41391 9.80454 2.63952C9.7111 2.86513 9.66302 3.10693 9.66303 3.35112C9.66305 3.59531 9.71116 3.83711 9.80462 4.06271C9.89808 4.28831 10.0351 4.49329 10.2077 4.66594C10.3804 4.8386 10.5854 4.97556 10.811 5.06899C11.0366 5.16243 11.2784 5.21051 11.5226 5.2105C12.0158 5.21047 12.4888 5.01453 12.8375 4.66579C13.1862 4.31704 13.382 3.84406 13.382 3.3509C13.382 2.85773 13.186 2.38478 12.8373 2.03608C12.4886 1.68738 12.0156 1.49149 11.5224 1.49152V1.49152Z\" fill=\"#1D2939\" fillOpacity=\"0.85\" />\n </svg>\n ),\n },\n {\n key: \"side-by-side\",\n title: \"Side by Side\",\n icon: (\n <svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M3.19922 8.19922H13.1992M3.19922 8.19922L4.86589 10.6992M3.19922 8.19922L4.86589 5.69922M13.1992 8.19922L11.5326 10.6992M13.1992 8.19922L11.5326 5.69922M15.6992 0.699219V15.6992M0.699219 0.699219V15.6992\" stroke=\"#3F4957\" strokeWidth=\"1.4\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n ),\n },\n {\n key: \"cognitive-decisioning\",\n title: \"Cognitive Decisioning\",\n icon: <ButtonCognitiveIcon />,\n },\n] as const;\n\nconst ORPHAN_DISABLED_MESSAGE = \"No counterpart exists to connect to.\";\nconst GUIDELINE_DISABLED_MESSAGE = \"No highlights found in guidelines.\";\n\nconst MoreFunctionsPopup: React.FC<MoreFunctionsPopupProps> = ({\n open,\n anchorEl,\n sectionTitle,\n referenceSectionTitle,\n onClose,\n onOpenCognitiveCompare,\n onOpenSideBySide,\n onConnect,\n isConnected = false,\n isOrphan = false, // ── Default value to prevent C2C unmount flicker ──\n maintainRelativeOrder,\n isGuidelineMode,\n hasGuidelineMatches = true, // ── Default value to prevent Guidelines unmount flicker ──\n}) => {\n // ── Check if disabled based on Data Flags ──\n const isConnectionDisabled = isGuidelineMode \n ? !hasGuidelineMatches \n : isOrphan;\n \n const disabledMessage = isGuidelineMode \n ? GUIDELINE_DISABLED_MESSAGE \n : ORPHAN_DISABLED_MESSAGE;\n\n const handleSelect = (key: (typeof MENU_ITEMS)[number][\"key\"]) => {\n const isConnectionAction = key === \"connect\" \|\| key === \"side-by-side\";\n\n if (isConnectionAction && isConnectionDisabled) {\n return;\n }\n\n if (key === \"connect\") {\n onConnect();\n return;\n }\n\n if (key === \"side-by-side\") {\n onOpenSideBySide();\n return;\n }\n\n onOpenCognitiveCompare();\n };\n\n return (\n <Menu\n open={open}\n anchorEl={anchorEl}\n onClose={onClose}\n disableScrollLock\n anchorOrigin={{ vertical: \"center\", horizontal: \"right\" }}\n transformOrigin={{ vertical: \"center\", horizontal: \"left\" }}\n PaperProps={{\n sx: {\n ml: 0.75,\n minWidth: 190,\n maxWidth: 220,\n borderRadius: \"12px\",\n border: \"1px solid #E4E7EC\",\n boxShadow: \"0px 12px 28px rgba(16, 24, 40, 0.12)\",\n overflow: \"hidden\",\n },\n }}\n MenuListProps={{\n sx: {\n p: 0.5,\n bgcolor: \"#FFFFFF\",\n },\n }}\n >\n {MENU_ITEMS.filter(\n (item) =>\n maintainRelativeOrder \|\| item.key !== \"side-by-side\"\n ).map((item) => {\n const isConnectItem = item.key === \"connect\";\n const isActiveConnect = isConnectItem && isConnected;\n const isItemDisabled = (item.key === \"connect\" \|\| item.key === \"side-by-side\") && isConnectionDisabled;\n\n const itemContent = (\n <>\n <Box\n sx={{\n width: 18,\n height: 18,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n flexShrink: 0,\n \"& svg\": { display: \"block\" },\n ...(isItemDisabled && {\n opacity: 0.15,\n }),\n ...(isActiveConnect && {\n \"& svg path\": { fill: \"#15803D\", fillOpacity: 1 },\n }),\n }}\n >\n {item.icon}\n </Box>\n\n <Box sx={{ minWidth: 0, display: \"flex\", flexDirection: \"column\", flex: 1 }}>\n <Typography\n sx={{\n fontSize: \"12px\",\n fontWeight: 500,\n color: isItemDisabled\n ? \"#98A2B3\"\n : isActiveConnect\n ? \"#15803D\"\n : \"#101828\",\n lineHeight: 1.2,\n whiteSpace: \"nowrap\",\n }}\n >\n {isConnectItem\n ? isConnected\n ? \"Disconnect\"\n : \"Connect\"\n : item.title}\n </Typography>\n {isItemDisabled && (\n <Typography\n sx={{\n mt: 0.35,\n fontSize: \"10px\",\n lineHeight: 1.3,\n color: \"#98A2B3\",\n whiteSpace: \"normal\",\n }}\n >\n {disabledMessage}\n </Typography>\n )}\n </Box>\n\n {isActiveConnect && !isItemDisabled && (\n <Box\n sx={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n ml: \"auto\",\n }}\n >\n <CheckIcon />\n </Box>\n )}\n </>\n );\n\n if (isItemDisabled) {\n return (\n <Box\n key={item.key}\n aria-disabled=\"true\"\n sx={{\n px: 1.25,\n py: 1,\n minHeight: 22,\n borderRadius: \"10px\",\n display: \"flex\",\n alignItems: \"flex-start\",\n gap: 1,\n cursor: \"not-allowed\",\n userSelect: \"none\",\n }}\n >\n {itemContent}\n </Box>\n );\n }\n\n return (\n <MenuItem\n key={item.key}\n onClick={() => handleSelect(item.key)}\n sx={{\n px: 1.25,\n py: 1,\n minHeight: 40,\n borderRadius: \"10px\",\n display: \"flex\",\n alignItems: \"center\",\n gap: 1,\n bgcolor: isActiveConnect ? \"#F0FDF4\" : \"transparent\",\n \"&:hover\": {\n bgcolor: isActiveConnect\n ? \"#DCFCE7\"\n : \"#F9FAFB\",\n },\n }}\n >\n {itemContent}\n </MenuItem>\n );\n })}\n </Menu>\n );\n};\n\nexport default MoreFunctionsPopup;"],"names":["CheckIcon","jsx","width","height","viewBox","fill","xmlns","children","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","MENU_ITEMS","key","title","icon","fillOpacity","ButtonCognitiveIcon","MoreFunctionsPopup","open","anchorEl","sectionTitle","referenceSectionTitle","onClose","onOpenCognitiveCompare","onOpenSideBySide","onConnect","isConnected","isOrphan","maintainRelativeOrder","isGuidelineMode","hasGuidelineMatches","isConnectionDisabled","disabledMessage","Menu","disableScrollLock","anchorOrigin","vertical","horizontal","transformOrigin","PaperProps","sx","ml","minWidth","maxWidth","borderRadius","border","boxShadow","overflow","MenuListProps","p","bgcolor","filter","item","map","isConnectItem","isActiveConnect","isItemDisabled","itemContent","jsxs","Fragment","Box","display","alignItems","justifyContent","flexShrink","opacity","flexDirection","flex","Typography","fontSize","fontWeight","color","lineHeight","whiteSpace","mt","px","py","minHeight","gap","cursor","userSelect","MenuItem","onClick"],"mappings":"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"}

package/dist/features/CognitiveCompare/OverlayComponent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__assign as r}from"tslib";import{jsxs as t,jsx as a}from"react/jsx-runtime";import{Box as e,Skeleton as n,Typography as i}from"@mui/material";var o=function(o){var s=o.sections,l=void 0===s?8:s;return t(e,r({sx:{position:"absolute",inset:0,zIndex:50,backdropFilter:"blur(6px)",backgroundColor:"rgba(255,255,255,0.7)",borderRadius:"8px",overflow:"hidden"}},{children:[a(e,r({sx:{p:2,display:"flex",flexDirection:"column",gap:2,willChange:"transform",animation:"wander 20s ease-in-out infinite alternate","@keyframes wander":{"0%":{transform:"translate3d(0, 0px, 0)"},"20%":{transform:"translate3d(0, -15%, 0)"},"40%":{transform:"translate3d(0, -5%, 0)"},"60%":{transform:"translate3d(0, -30%, 0)"},"80%":{transform:"translate3d(0, -10%, 0)"},"100%":{transform:"translate3d(0, -40%, 0)"}}}},{children:Array.from({length:l}).map(function(i,o){return t(e,r({sx:{border:"1px solid #E3E6EA",borderRadius:"6px",p:1.5,bgcolor:"#fff",opacity:.6}},{children:[a(n,{variant:"text",width:"40%",height:24}),a(n,{variant:"text",width:"80%"}),a(n,{variant:"text",width:"70%"}),a(n,{variant:"rectangular",height:40,sx:{mt:1}})]}),o)})})),t(e,r({sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",bgcolor:"#FFFFFF",p:3,borderRadius:"8px",boxShadow:"0px 8px 24px rgba(0, 0, 0, 0.12)",textAlign:"center",width:"80%",maxWidth:"340px",zIndex:10}},{children:[a(i,r({sx:{fontWeight:600,fontSize:"16px",color:"#0F172A",mb:1}},{children:"Aligning sections..."})),a(i,r({sx:{fontSize:"13px",color:"#64748B",lineHeight:1.5}},{children:"Placing corresponding clauses side by side for comparison."}))]}))]}))};export{o as default};
+import{jsxs as r,jsx as t}from"react/jsx-runtime";import{Box as a,Skeleton as e,Typography as n}from"@mui/material";const i=({sections:i=8})=>r(a,{sx:{position:"absolute",inset:0,zIndex:50,backdropFilter:"blur(6px)",backgroundColor:"rgba(255,255,255,0.7)",borderRadius:"8px",overflow:"hidden"},children:[t(a,{sx:{p:2,display:"flex",flexDirection:"column",gap:2,willChange:"transform",animation:"wander 20s ease-in-out infinite alternate","@keyframes wander":{"0%":{transform:"translate3d(0, 0px, 0)"},"20%":{transform:"translate3d(0, -15%, 0)"},"40%":{transform:"translate3d(0, -5%, 0)"},"60%":{transform:"translate3d(0, -30%, 0)"},"80%":{transform:"translate3d(0, -10%, 0)"},"100%":{transform:"translate3d(0, -40%, 0)"}}},children:Array.from({length:i}).map((n,i)=>r(a,{sx:{border:"1px solid #E3E6EA",borderRadius:"6px",p:1.5,bgcolor:"#fff",opacity:.6},children:[t(e,{variant:"text",width:"40%",height:24}),t(e,{variant:"text",width:"80%"}),t(e,{variant:"text",width:"70%"}),t(e,{variant:"rectangular",height:40,sx:{mt:1}})]},i))}),r(a,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",bgcolor:"#FFFFFF",p:3,borderRadius:"8px",boxShadow:"0px 8px 24px rgba(0, 0, 0, 0.12)",textAlign:"center",width:"80%",maxWidth:"340px",zIndex:10},children:[t(n,{sx:{fontWeight:600,fontSize:"16px",color:"#0F172A",mb:1},children:"Aligning sections..."}),t(n,{sx:{fontSize:"13px",color:"#64748B",lineHeight:1.5},children:"Placing corresponding clauses side by side for comparison."})]})]});export{i as default};
 //# sourceMappingURL=OverlayComponent.js.map

package/dist/features/CognitiveCompare/OverlayComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OverlayComponent.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"OverlayComponent.js","sources":["../../../src/features/CognitiveCompare/OverlayComponent.tsx"],"sourcesContent":["import { Box, Skeleton, Typography } from \"@mui/material\";\n\nconst OverlayLoader = ({ sections = 8 }) => {\n return (\n <Box\n sx={{\n position: \"absolute\",\n inset: 0,\n zIndex: 50,\n backdropFilter: \"blur(6px)\",\n backgroundColor: \"rgba(255,255,255,0.7)\",\n borderRadius: \"8px\",\n overflow: \"hidden\",\n }}\n >\n <Box\n sx={{\n p: 2,\n display: \"flex\",\n flexDirection: \"column\",\n gap: 2,\n willChange: \"transform\",\n animation: \"wander 20s ease-in-out infinite alternate\",\n \"@keyframes wander\": {\n \"0%\": { transform: \"translate3d(0, 0px, 0)\" },\n \"20%\": { transform: \"translate3d(0, -15%, 0)\" },\n \"40%\": { transform: \"translate3d(0, -5%, 0)\" },\n \"60%\": { transform: \"translate3d(0, -30%, 0)\" },\n \"80%\": { transform: \"translate3d(0, -10%, 0)\" },\n \"100%\": { transform: \"translate3d(0, -40%, 0)\" },\n },\n }}\n >\n {Array.from({ length: sections }).map((_, i) => (\n <Box\n key={i}\n sx={{\n border: \"1px solid #E3E6EA\",\n borderRadius: \"6px\",\n p: 1.5,\n bgcolor: \"#fff\",\n opacity: 0.6,\n }}\n >\n <Skeleton variant=\"text\" width=\"40%\" height={24} />\n <Skeleton variant=\"text\" width=\"80%\" />\n <Skeleton variant=\"text\" width=\"70%\" />\n <Skeleton variant=\"rectangular\" height={40} sx={{ mt: 1 }} />\n </Box>\n ))}\n </Box>\n\n <Box\n sx={{\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n transform: \"translate(-50%, -50%)\",\n bgcolor: \"#FFFFFF\",\n p: 3,\n borderRadius: \"8px\",\n boxShadow: \"0px 8px 24px rgba(0, 0, 0, 0.12)\",\n textAlign: \"center\",\n width: \"80%\",\n maxWidth: \"340px\",\n zIndex: 10,\n }}\n >\n <Typography\n sx={{\n fontWeight: 600,\n fontSize: \"16px\",\n color: \"#0F172A\",\n mb: 1,\n }}\n >\n Aligning sections...\n </Typography>\n <Typography\n sx={{\n fontSize: \"13px\",\n color: \"#64748B\",\n lineHeight: 1.5,\n }}\n >\n Placing corresponding clauses side by side for comparison.\n </Typography>\n </Box>\n </Box>\n );\n};\n\nexport default OverlayLoader;"],"names":["OverlayLoader","sections","jsxs","Box","sx","position","inset","zIndex","backdropFilter","backgroundColor","borderRadius","overflow","children","jsx","p","display","flexDirection","gap","willChange","animation","transform","Array","from","length","map","_","i","border","bgcolor","opacity","Skeleton","variant","width","height","mt","top","left","boxShadow","textAlign","maxWidth","Typography","fontWeight","fontSize","color","mb","lineHeight"],"mappings":"oHAEA,MAAMA,EAAgB,EAAGC,WAAW,KAEhCC,EAACC,EAAA,CACCC,GAAI,CACFC,SAAU,WACVC,MAAO,EACPC,OAAQ,GACRC,eAAgB,YAChBC,gBAAiB,wBACjBC,aAAc,MACdC,SAAU,UAGZC,SAAA,CAAAC,EAACV,EAAA,CACCC,GAAI,CACFU,EAAG,EACHC,QAAS,OACTC,cAAe,SACfC,IAAK,EACLC,WAAY,YACZC,UAAW,4CACX,oBAAqB,CACnB,KAAM,CAAEC,UAAW,0BACnB,MAAO,CAAEA,UAAW,2BACpB,MAAO,CAAEA,UAAW,0BACpB,MAAO,CAAEA,UAAW,2BACpB,MAAO,CAAEA,UAAW,2BACpB,OAAQ,CAAEA,UAAW,6BAIxBR,SAAAS,MAAMC,KAAK,CAAEC,OAAQtB,IAAYuB,IAAI,CAACC,EAAGC,IACxCxB,EAACC,EAAA,CAECC,GAAI,CACFuB,OAAQ,oBACRjB,aAAc,MACdI,EAAG,IACHc,QAAS,OACTC,QAAS,IAGXjB,SAAA,CAAAC,EAACiB,GAASC,QAAQ,OAAOC,MAAM,MAAMC,OAAQ,KAC5CpB,EAAAiB,EAAA,CAASC,QAAQ,OAAOC,MAAM,QAC9BnB,EAAAiB,EAAA,CAASC,QAAQ,OAAOC,MAAM,QAC/BnB,EAACiB,EAAS,CAAAC,QAAQ,cAAcE,OAAQ,GAAI7B,GAAI,CAAE8B,GAAI,OAZjDR,MAiBXxB,EAACC,EAAA,CACCC,GAAI,CACFC,SAAU,WACV8B,IAAK,MACLC,KAAM,MACNhB,UAAW,wBACXQ,QAAS,UACTd,EAAG,EACHJ,aAAc,MACd2B,UAAW,mCACXC,UAAW,SACXN,MAAO,MACPO,SAAU,QACVhC,OAAQ,IAGVK,SAAA,CAAAC,EAAC2B,EAAA,CACCpC,GAAI,CACFqC,WAAY,IACZC,SAAU,OACVC,MAAO,UACPC,GAAI,GAEPhC,SAAA,yBAGDC,EAAC2B,EAAA,CACCpC,GAAI,CACFsC,SAAU,OACVC,MAAO,UACPE,WAAY,KAEfjC,SAAA"}

package/dist/features/CognitiveCompare/ResizableSplitPane.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__assign as e}from"tslib";import{jsxs as i,jsx as n,Fragment as t}from"react/jsx-runtime";import{useRef as l,useState as o,useCallback as r}from"react";var d=function(d){var c=d.leftComponent,h=d.rightComponent,u=d.isFullscreen,s=void 0!==u&&u,f=l(null),a=o(50),m=a[0],v=a[1],p=o(!1),x=p[0],w=p[1],y=null!=c,g=null!=h,M=r(function(){y&&g&&w(!0)},[y,g]),D=r(function(e){if(x&&f.current){var i=f.current.getBoundingClientRect(),n=(e.clientX-i.left)/i.width*100;n=Math.max(25,Math.min(75,n)),v(n)}},[x]),b=r(function(){w(!1)},[]),k={minWidth:0,minHeight:0,height:"100%",overflow:"hidden",display:"flex",flexDirection:"column"};return i("div",e({ref:f,onMouseMove:D,onMouseUp:b,onMouseLeave:b,style:{display:"flex",width:"calc(100% - 1px)",height:s?"100%":"400px",border:"1px solid #ddd",overflow:"hidden",userSelect:x?"none":"auto"}},{children:[y&&!g&&n("div",e({style:e(e({},k),{width:"100%"})},{children:c})),!y&&g&&n("div",e({style:e(e({},k),{width:"100%"})},{children:h})),y&&g&&i(t,{children:[n("div",e({style:e(e({},k),{width:"".concat(m,"%"),flexShrink:0})},{children:c})),n("div",{onMouseDown:M,style:{width:"6px",background:"#D0D5DD",cursor:"col-resize",flexShrink:0}}),n("div",e({style:e(e({},k),{flex:1})},{children:h}))]})]}))};export{d as default};
+import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import{useRef as n,useState as l,useCallback as r}from"react";const o=({leftComponent:o,rightComponent:d,isFullscreen:h=!1})=>{const c=n(null),[s,u]=l(50),[f,a]=l(!1),x=null!=o,m=null!=d,p=r(()=>{x&&m&&a(!0)},[x,m]),v=r(e=>{if(!f||!c.current)return;const t=c.current.getBoundingClientRect();let i=(e.clientX-t.left)/t.width*100;i=Math.max(25,Math.min(75,i)),u(i)},[f]),w=r(()=>{a(!1)},[]),y={minWidth:0,minHeight:0,height:"100%",overflow:"hidden",display:"flex",flexDirection:"column"};return e("div",{ref:c,onMouseMove:v,onMouseUp:w,onMouseLeave:w,style:{display:"flex",width:"calc(100% - 1px)",height:h?"100%":"400px",border:"1px solid #ddd",overflow:"hidden",userSelect:f?"none":"auto"},children:[x&&!m&&t("div",{style:{...y,width:"100%"},children:o}),!x&&m&&t("div",{style:{...y,width:"100%"},children:d}),x&&m&&e(i,{children:[t("div",{style:{...y,width:`${s}%`,flexShrink:0},children:o}),t("div",{onMouseDown:p,style:{width:"6px",background:"#D0D5DD",cursor:"col-resize",flexShrink:0}}),t("div",{style:{...y,flex:1},children:d})]})]})};export{o as default};
 //# sourceMappingURL=ResizableSplitPane.js.map

package/dist/features/CognitiveCompare/ResizableSplitPane.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResizableSplitPane.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"ResizableSplitPane.js","sources":["../../../src/features/CognitiveCompare/ResizableSplitPane.tsx"],"sourcesContent":["import React, {\n ReactNode,\n useState,\n useRef,\n useCallback,\n} from \"react\";\n\ninterface ResizableSplitPaneProps {\n leftComponent?: ReactNode;\n rightComponent?: ReactNode;\n isFullscreen?: boolean;\n}\n\nconst ResizableSplitPane: React.FC<ResizableSplitPaneProps> = ({\n leftComponent,\n rightComponent,\n isFullscreen = false,\n}) => {\n const containerRef = useRef<HTMLDivElement \| null>(null);\n\n const [leftWidth, setLeftWidth] = useState<number>(50);\n const [isDragging, setIsDragging] = useState<boolean>(false);\n\n const hasLeft =\n leftComponent !== null && leftComponent !== undefined;\n\n const hasRight =\n rightComponent !== null && rightComponent !== undefined;\n\n const handleMouseDown = useCallback(() => {\n if (hasLeft && hasRight) {\n setIsDragging(true);\n }\n }, [hasLeft, hasRight]);\n\n const handleMouseMove = useCallback(\n (e: React.MouseEvent<HTMLDivElement>) => {\n if (!isDragging \|\| !containerRef.current) return;\n\n const rect =\n containerRef.current.getBoundingClientRect();\n\n let newLeftWidth =\n ((e.clientX - rect.left) / rect.width) * 100;\n\n newLeftWidth = Math.max(\n 25,\n Math.min(75, newLeftWidth)\n );\n\n setLeftWidth(newLeftWidth);\n },\n [isDragging]\n );\n\n const handleMouseUp = useCallback(() => {\n setIsDragging(false);\n }, []);\n\n const panelStyle: React.CSSProperties = {\n minWidth: 0,\n minHeight: 0,\n height: \"100%\",\n overflow: \"hidden\",\n display: \"flex\",\n flexDirection: \"column\",\n };\n\n return (\n <div\n ref={containerRef}\n onMouseMove={handleMouseMove}\n onMouseUp={handleMouseUp}\n onMouseLeave={handleMouseUp}\n style={{\n display: \"flex\",\n width: \"calc(100% - 1px)\",\n height: isFullscreen ? \"100%\" : \"400px\",// fixed height allowed\n border: \"1px solid #ddd\",\n overflow: \"hidden\",\n userSelect: isDragging ? \"none\" : \"auto\",\n }}\n >\n {/* Only Left /}\n {hasLeft && !hasRight && (\n <div\n style={{\n ...panelStyle,\n width: \"100%\",\n }}\n >\n {leftComponent}\n </div>\n )}\n\n {/ Only Right /}\n {!hasLeft && hasRight && (\n <div\n style={{\n ...panelStyle,\n width: \"100%\",\n }}\n >\n {rightComponent}\n </div>\n )}\n\n {/ Both */}\n {hasLeft && hasRight && (\n <>\n <div\n style={{\n ...panelStyle,\n width: `${leftWidth}%`,\n flexShrink: 0,\n }}\n >\n {leftComponent}\n </div>\n\n <div\n onMouseDown={handleMouseDown}\n style={{\n width: \"6px\",\n background: \"#D0D5DD\",\n cursor: \"col-resize\",\n flexShrink: 0,\n }}\n />\n\n <div\n style={{\n ...panelStyle,\n flex: 1,\n }}\n >\n {rightComponent}\n </div>\n </>\n )}\n </div>\n );\n};\n\nexport default ResizableSplitPane;"],"names":["ResizableSplitPane","leftComponent","rightComponent","isFullscreen","containerRef","useRef","leftWidth","setLeftWidth","useState","isDragging","setIsDragging","hasLeft","hasRight","handleMouseDown","useCallback","handleMouseMove","e","current","rect","getBoundingClientRect","newLeftWidth","clientX","left","width","Math","max","min","handleMouseUp","panelStyle","minWidth","minHeight","height","overflow","display","flexDirection","jsxs","ref","onMouseMove","onMouseUp","onMouseLeave","style","border","userSelect","children","jsx","Fragment","flexShrink","onMouseDown","background","cursor","flex"],"mappings":"8HAaA,MAAMA,EAAwD,EAC5DC,gBACAC,iBACAC,gBAAe,MAET,MAAAC,EAAeC,EAA8B,OAE5CC,EAAWC,GAAgBC,EAAiB,KAC5CC,EAAYC,GAAiBF,GAAkB,GAEhDG,EACJV,QAEIW,EACJV,QAEIW,EAAkBC,EAAY,KAC9BH,GAAWC,GACbF,GAAc,IAEf,CAACC,EAASC,IAEPG,EAAkBD,EACrBE,IACC,IAAKP,IAAeL,EAAaa,QAAS,OAEpC,MAAAC,EACJd,EAAaa,QAAQE,wBAEvB,IAAIC,GACAJ,EAAEK,QAAUH,EAAKI,MAAQJ,EAAKK,MAAS,IAE3CH,EAAeI,KAAKC,IAClB,GACAD,KAAKE,IAAI,GAAIN,IAGfb,EAAaa,IAEf,CAACX,IAGGkB,EAAgBb,EAAY,KAChCJ,GAAc,IACb,IAEGkB,EAAkC,CACtCC,SAAU,EACVC,UAAW,EACXC,OAAQ,OACRC,SAAU,SACVC,QAAS,OACTC,cAAe,UAIf,OAAAC,EAAC,MAAA,CACCC,IAAKhC,EACLiC,YAAatB,EACbuB,UAAWX,EACXY,aAAcZ,EACda,MAAO,CACLP,QAAS,OACTV,MAAO,mBACPQ,OAAQ5B,EAAe,OAAS,QAChCsC,OAAQ,iBACRT,SAAU,SACVU,WAAYjC,EAAa,OAAS,QAInCkC,SAAA,CAAAhC,IAAYC,GACXgC,EAAC,MAAA,CACCJ,MAAO,IACFZ,EACHL,MAAO,QAGRoB,SAAA1C,KAKHU,GAAWC,GACXgC,EAAC,MAAA,CACCJ,MAAO,IACFZ,EACHL,MAAO,QAGRoB,SAAAzC,IAKJS,GAAWC,GAERuB,EAAAU,EAAA,CAAAF,SAAA,CAAAC,EAAC,MAAA,CACCJ,MAAO,IACFZ,EACHL,MAAO,GAAGjB,KACVwC,WAAY,GAGbH,SAAA1C,IAGH2C,EAAC,MAAA,CACCG,YAAalC,EACb2B,MAAO,CACLjB,MAAO,MACPyB,WAAY,UACZC,OAAQ,aACRH,WAAY,KAIhBF,EAAC,MAAA,CACCJ,MAAO,IACFZ,EACHsB,KAAM,GAGPP,SAAAzC"}

package/dist/features/CognitiveCompare/components/CognitiveSummaryPopup.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__assign as e}from"tslib";import{jsx as n,jsxs as t}from"react/jsx-runtime";import{Popper as i,Paper as o,Box as r,Typography as l,IconButton as a,Accordion as c,AccordionSummary as d,AccordionDetails as s}from"@mui/material";import{Info as u,X as p,ChevronDown as f}from"lucide-react";import{useRef as m,useState as h,useEffect as x,useMemo as g}from"react";function v(v){var b,w,y,S=v.open,C=v.anchorEl,E=v.containerEl,I=v.clipTopEl,z=v.scrollContainerEl,B=v.onClose,R=v.summary;v.markdownStyles,v.isLoading;var F=v.displayImpact,H=v.isScrollLocked,W=m(null),k=m(null),L=h(null),A=L[0],_=L[1],M=h(null),P=M[0],O=M[1],T=h(null);T[0];var N=T[1],Y=h(0),j=Y[0],J=Y[1],q="string"==typeof R?{deviation_summary:R}:null!=R?R:{},D=h(!1),G=D[0],V=D[1];x(function(){S&&V(!1)},[S]);var Z=q.deviation_title,K=q.deviation_summary,Q=q.deviation_impact,U=q.evaluation_outputs,X=!!String(Q||"").trim(),$=h(!!F),ee=$[0],ne=$[1];x(function(){X&&ne(!!F)},[F,X,R]);var te=(null===(b=null==U?void 0:U.metadata)||void 0===b?void 0:b.label_color)||"#6366F1",ie=null!==(w=null==E?void 0:E.getBoundingClientRect().width)&&void 0!==w?w:180,oe=Math.max(148,ie+120),re=g(function(){if(!C||!E)return null;var e=C.getBoundingClientRect();if(0===e.width&&0===e.height)return null;var n=E.getBoundingClientRect();return{top:e.top,bottom:e.bottom,left:n.left+n.width/2}},[C,E]);x(function(){if(!S||!C||!E)return _(null),O(null),void N(null);var e=function(){null!==W.current&&cancelAnimationFrame(W.current),W.current=requestAnimationFrame(function(){var e,n,t=null==C?void 0:C.getBoundingClientRect(),i=null==I?void 0:I.getBoundingClientRect(),o=null==z?void 0:z.getBoundingClientRect();if(0!==t.width||0!==t.height){var r=E.getBoundingClientRect();_({top:t.top,bottom:t.bottom,left:r.left+r.width/2}),O(null!==(e=null==i?void 0:i.bottom)&&void 0!==e?e:null),N(null!==(n=null==o?void 0:o.bottom)&&void 0!==n?n:null),k.current&&J(k.current.offsetHeight)}})};e();var n=function(e){for(var n=[],t=(null==e?void 0:e.parentElement)||null;t;){var i=window.getComputedStyle(t);("auto"===i.overflowY||"scroll"===i.overflowY)&&t.scrollHeight>t.clientHeight&&n.push(t),t=t.parentElement}return n}(C);return window.addEventListener("scroll",e,{passive:!0,capture:!0}),window.addEventListener("resize",e),n.forEach(function(n){n.addEventListener("scroll",e,{passive:!0})}),function(){null!==W.current&&cancelAnimationFrame(W.current),window.removeEventListener("scroll",e,{capture:!0}),window.removeEventListener("resize",e),n.forEach(function(n){n.removeEventListener("scroll",e)})}},[S,C,E,I,z,H]);var le=null!==(y=null!=A?A:re)&&void 0!==y?y:"hidden",ae="hidden"===le?"hidden":le.bottom+20,ce=null!=P&&"number"==typeof ae&&ae<P?Math.min(j,P-ae):0,de=g(function(){return"hidden"===le?{getBoundingClientRect:function(){return{width:0,height:0,top:0,bottom:0,left:0,right:0,x:0,y:0,toJSON:function(){}}}}:{getBoundingClientRect:function(){return{width:0,height:le.bottom-le.top,top:le.top,bottom:le.bottom,left:le.left,right:le.left,x:le.left,y:le.top,toJSON:function(){}}}}},[le]);return R?n(i,e({open:S&&!G,disablePortal:!0,popperOptions:{strategy:"fixed"},anchorEl:de,placement:"bottom",modifiers:[{name:"offset",options:{offset:[0,20]}},{name:"preventOverflow",enabled:!0,options:{boundary:z||"clippingParents",tether:!1}},{name:"flip",enabled:!0,options:{boundary:z||"clippingParents",fallbackPlacements:["top"]}}],sx:{zIndex:21,visibility:"hidden"===le?"hidden":"visible",opacity:"hidden"===le?0:1,transition:"opacity 0.15s ease-in-out"}},{children:t(o,e({ref:k,sx:e(e({p:1.5,borderRadius:"12px",width:oe,maxWidth:oe},ce>0&&{clipPath:"inset(".concat(ce,"px 0px 0px 0px round 12px)")}),{transition:"transform 80ms linear",willChange:"transform",backfaceVisibility:"hidden",transform:"translateZ(0)",boxShadow:"0px 10px 24px rgba(15, 23, 42, 0.18)",border:"1px solid ".concat(te,"26"),borderTop:"3px solid ".concat(te),overflow:"hidden",bgcolor:"#fff"})},{children:[t(r,e({sx:{display:"flex",alignItems:"center",justifyContent:"space-between",mb:.75}},{children:[t(r,e({sx:{display:"flex",alignItems:"center",gap:.75,minWidth:0}},{children:[n(u,{size:14,color:te}),n(l,e({sx:{fontSize:"11px",fontWeight:700,color:te,fontFamily:'"Inter", sans-serif',textTransform:"uppercase",letterSpacing:"0.4px",lineHeight:1.2}},{children:"Summary"}))]})),n(a,e({size:"small",onClick:B,sx:{p:.25,ml:.5,color:"#64748B"}},{children:n(p,{size:14})}))]})),t(r,e({sx:{display:"flex",flexDirection:"column",gap:1.5,maxHeight:"300px",overflowY:"auto",pr:.5}},{children:[t(r,{children:[Z&&n(l,e({sx:{fontSize:"12px",color:"#334155",fontFamily:'"Inter", sans-serif',lineHeight:1.6,fontWeight:700,overflowWrap:"anywhere"}},{children:Z})),n(l,e({sx:{fontSize:"11px",color:"#334155",lineHeight:1.6,fontFamily:'"Inter", sans-serif',fontWeight:400,overflowWrap:"anywhere",whiteSpace:"pre-wrap"}},{children:K||"No summary available."}))]}),X&&t(c,e({expanded:ee,onChange:function(e,n){return ne(n)},disableGutters:!0,elevation:0,sx:{backgroundColor:"".concat(te,"0A"),border:"1px solid ".concat(te,"33"),borderRadius:"4px",fontFamily:'"Inter", sans-serif',overflow:"hidden",flexShrink:0,"&:before":{display:"none"},"&.Mui-expanded":{margin:0}}},{children:[n(d,e({expandIcon:n(f,{size:16,color:te}),sx:{minHeight:"10px",px:1.5,"& .MuiAccordionSummary-content":{py:"5px",my:0},"&.Mui-expanded":{minHeight:"10px",borderBottom:"1px solid ".concat(te,"1A")}}},{children:n(l,e({sx:{fontSize:"11px",fontWeight:700,color:te,fontFamily:'"Inter", sans-serif',textTransform:"uppercase",letterSpacing:"0.5px"}},{children:"Impact"}))})),n(s,e({sx:{p:1.5,backgroundColor:"#fff"}},{children:n(l,e({sx:{fontSize:"11px",color:"#475569",lineHeight:1.6,fontWeight:400,fontFamily:'"Inter", sans-serif',overflowWrap:"anywhere",whiteSpace:"pre-wrap"}},{children:String(Q).replace("Impact -","").trim()}))}))]}))]}))]}))})):null}export{v as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Popper as n,Paper as o,Box as i,Typography as r,IconButton as l,Accordion as a,AccordionSummary as s,AccordionDetails as d}from"@mui/material";import{Info as c,X as p,ChevronDown as m}from"lucide-react";import{useRef as f,useState as h,useEffect as u,useMemo as x}from"react";function g({open:g,anchorEl:b,containerEl:w,clipTopEl:y,scrollContainerEl:v,onClose:S,summary:C,markdownStyles:E,isLoading:I,displayImpact:z,isScrollLocked:B}){const R=f(null),F=f(null),[H,W]=h(null),[k,L]=h(null),[A,$]=h(null),[_,M]=h(0),P="string"==typeof C?{deviation_summary:C}:C??{},[O,T]=h(!1);u(()=>{g&&T(!1)},[g]);const{deviation_title:N,deviation_summary:Y,deviation_impact:j,evaluation_outputs:J}=P,q=!!String(j||"").trim(),[D,G]=h(!!z);u(()=>{q&&G(!!z)},[z,q,C]);const V=J?.metadata?.label_color||"#6366F1",Z=w?.getBoundingClientRect().width??180,K=Math.max(148,Z+120),Q=x(()=>{if(!b||!w)return null;const e=b.getBoundingClientRect();if(0===e.width&&0===e.height)return null;const t=w.getBoundingClientRect();return{top:e.top,bottom:e.bottom,left:t.left+t.width/2}},[b,w]);u(()=>{if(!g||!b||!w)return W(null),L(null),void $(null);const e=()=>{null!==R.current&&cancelAnimationFrame(R.current),R.current=requestAnimationFrame(()=>{const e=b?.getBoundingClientRect(),t=y?.getBoundingClientRect(),n=v?.getBoundingClientRect();if(0!==e.width||0!==e.height){{const t=w.getBoundingClientRect();W({top:e.top,bottom:e.bottom,left:t.left+t.width/2})}L(t?.bottom??null),$(n?.bottom??null),F.current&&M(F.current.offsetHeight)}})};e();const t=(e=>{const t=[];let n=e?.parentElement||null;for(;n;){const e=window.getComputedStyle(n);("auto"===e.overflowY||"scroll"===e.overflowY)&&n.scrollHeight>n.clientHeight&&t.push(n),n=n.parentElement}return t})(b);return window.addEventListener("scroll",e,{passive:!0,capture:!0}),window.addEventListener("resize",e),t.forEach(t=>{t.addEventListener("scroll",e,{passive:!0})}),()=>{null!==R.current&&cancelAnimationFrame(R.current),window.removeEventListener("scroll",e,{capture:!0}),window.removeEventListener("resize",e),t.forEach(t=>{t.removeEventListener("scroll",e)})}},[g,b,w,y,v,B]);const U=H??Q??"hidden",X="hidden"===U?"hidden":U.bottom+20,ee=null!=k&&"number"==typeof X&&X<k?Math.min(_,k-X):0,te=x(()=>"hidden"===U?{getBoundingClientRect:()=>({width:0,height:0,top:0,bottom:0,left:0,right:0,x:0,y:0,toJSON:()=>{}})}:{getBoundingClientRect:()=>({width:0,height:U.bottom-U.top,top:U.top,bottom:U.bottom,left:U.left,right:U.left,x:U.left,y:U.top,toJSON:()=>{}})},[U]);return C?e(n,{open:g&&!O,disablePortal:!0,popperOptions:{strategy:"fixed"},anchorEl:te,placement:"bottom",modifiers:[{name:"offset",options:{offset:[0,20]}},{name:"preventOverflow",enabled:!0,options:{boundary:v||"clippingParents",tether:!1}},{name:"flip",enabled:!0,options:{boundary:v||"clippingParents",fallbackPlacements:["top"]}}],sx:{zIndex:21,visibility:"hidden"===U?"hidden":"visible",opacity:"hidden"===U?0:1,transition:"opacity 0.15s ease-in-out"},children:t(o,{ref:F,sx:{p:1.5,borderRadius:"12px",width:K,maxWidth:K,...ee>0&&{clipPath:`inset(${ee}px 0px 0px 0px round 12px)`},transition:"transform 80ms linear",willChange:"transform",backfaceVisibility:"hidden",transform:"translateZ(0)",boxShadow:"0px 10px 24px rgba(15, 23, 42, 0.18)",border:`1px solid ${V}26`,borderTop:`3px solid ${V}`,overflow:"hidden",bgcolor:"#fff"},children:[t(i,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",mb:.75},children:[t(i,{sx:{display:"flex",alignItems:"center",gap:.75,minWidth:0},children:[e(c,{size:14,color:V}),e(r,{sx:{fontSize:"11px",fontWeight:700,color:V,fontFamily:'"Inter", sans-serif',textTransform:"uppercase",letterSpacing:"0.4px",lineHeight:1.2},children:"Summary"})]}),e(l,{size:"small",onClick:S,sx:{p:.25,ml:.5,color:"#64748B"},children:e(p,{size:14})})]}),t(i,{sx:{display:"flex",flexDirection:"column",gap:1.5,maxHeight:"300px",overflowY:"auto",pr:.5},children:[t(i,{children:[N&&e(r,{sx:{fontSize:"12px",color:"#334155",fontFamily:'"Inter", sans-serif',lineHeight:1.6,fontWeight:700,overflowWrap:"anywhere"},children:N}),e(r,{sx:{fontSize:"11px",color:"#334155",lineHeight:1.6,fontFamily:'"Inter", sans-serif',fontWeight:400,overflowWrap:"anywhere",whiteSpace:"pre-wrap"},children:Y||"No summary available."})]}),q&&t(a,{expanded:D,onChange:(e,t)=>G(t),disableGutters:!0,elevation:0,sx:{backgroundColor:`${V}0A`,border:`1px solid ${V}33`,borderRadius:"4px",fontFamily:'"Inter", sans-serif',overflow:"hidden",flexShrink:0,"&:before":{display:"none"},"&.Mui-expanded":{margin:0}},children:[e(s,{expandIcon:e(m,{size:16,color:V}),sx:{minHeight:"10px",px:1.5,"& .MuiAccordionSummary-content":{py:"5px",my:0},"&.Mui-expanded":{minHeight:"10px",borderBottom:`1px solid ${V}1A`}},children:e(r,{sx:{fontSize:"11px",fontWeight:700,color:V,fontFamily:'"Inter", sans-serif',textTransform:"uppercase",letterSpacing:"0.5px"},children:"Impact"})}),e(d,{sx:{p:1.5,backgroundColor:"#fff"},children:e(r,{sx:{fontSize:"11px",color:"#475569",lineHeight:1.6,fontWeight:400,fontFamily:'"Inter", sans-serif',overflowWrap:"anywhere",whiteSpace:"pre-wrap"},children:String(j).replace("Impact -","").trim()})})]})]})]})}):null}export{g as default};
 //# sourceMappingURL=CognitiveSummaryPopup.js.map

package/dist/features/CognitiveCompare/components/CognitiveSummaryPopup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CognitiveSummaryPopup.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"CognitiveSummaryPopup.js","sources":["../../../../src/features/CognitiveCompare/components/CognitiveSummaryPopup.tsx"],"sourcesContent":["import { Popper, Paper, Typography, Box, IconButton, Accordion, AccordionSummary, AccordionDetails } from \"@mui/material\";\nimport { Info, X } from \"lucide-react\";\nimport { ChevronDown } from \"lucide-react\";\nimport { CognitiveSummaryPopupProps } from \"../CognitiveCompareTypes\";\nimport { useEffect, useRef, useState, useMemo } from \"react\";\n\nconst getScrollableAncestors = (element: HTMLElement \| null) => {\n const ancestors: HTMLElement[] = [];\n let current = element?.parentElement \|\| null;\n\n while (current) {\n const style = window.getComputedStyle(current);\n const canScrollY =\n (style.overflowY === \"auto\" \|\| style.overflowY === \"scroll\") &&\n current.scrollHeight > current.clientHeight;\n\n if (canScrollY) ancestors.push(current);\n current = current.parentElement;\n }\n\n return ancestors;\n};\n\nexport default function CognitiveSummaryPopup({\n open,\n anchorEl,\n containerEl,\n clipTopEl,\n scrollContainerEl,\n onClose,\n summary,\n markdownStyles,\n isLoading,\n displayImpact,\n isScrollLocked,\n}: CognitiveSummaryPopupProps) {\n const rafRef = useRef<number \| null>(null);\n const paperRef = useRef<HTMLDivElement \| null>(null);\n\n const [anchorPosition, setAnchorPosition] = useState<{\n top: number;\n bottom: number;\n left: number;\n } \| null>(null);\n\n const [clipTop, setClipTop] = useState<number \| null>(null);\n const [clipBottom, setClipBottom] = useState<number \| null>(null);\n const [popupHeight, setPopupHeight] = useState<number>(0);\n\n const deviationData =\n typeof summary === \"string\"\n ? { deviation_summary: summary }\n : summary ?? {};\n const [dismissedByScrollLock, setDismissedByScrollLock] = useState(false);\n useEffect(() => {\n if (open) {\n setDismissedByScrollLock(false);\n }\n}, [open]);\n\n// useEffect(() => {\n// if (!open \|\| !isScrollLocked) return;\n\n// const handleScrollAttempt = () => {\n// setDismissedByScrollLock(true);\n// };\n\n// window.addEventListener(\"wheel\", handleScrollAttempt, { passive: true });\n// window.addEventListener(\"touchmove\", handleScrollAttempt, { passive: true });\n\n// return () => {\n// window.removeEventListener(\"wheel\", handleScrollAttempt);\n// window.removeEventListener(\"touchmove\", handleScrollAttempt);\n// };\n// }, [open, isScrollLocked]);\n const { deviation_title, deviation_summary, deviation_impact, evaluation_outputs } = deviationData;\n const hasDeviationImpact = !!String(deviation_impact \|\| \"\").trim();\n\n const [impactExpanded, setImpactExpanded] = useState(!!displayImpact);\n\n useEffect(() => {\n if (!hasDeviationImpact) return;\n setImpactExpanded(!!displayImpact);\n }, [displayImpact, hasDeviationImpact, summary]);\n\n const themeColor = evaluation_outputs?.metadata?.label_color \|\| \"#6366F1\";\n const gapWidth = containerEl?.getBoundingClientRect().width ?? 180;\n const popupWidth = Math.max(148, gapWidth + 120);\n const fallbackAnchorPosition = useMemo(() => {\n if (!anchorEl \|\| !containerEl) return null;\n const rect = anchorEl.getBoundingClientRect();\n // 🚀 FIX: If the element has collapsed, return null so it evaluates to 'hidden'\n if (rect.width === 0 && rect.height === 0) return null;\n \n const gapRect = containerEl.getBoundingClientRect();\n return {\n top: rect.top,\n bottom: rect.bottom,\n left: gapRect.left + gapRect.width / 2,\n };\n }, [anchorEl, containerEl]);\n\n useEffect(() => {\n if (!open \|\| !anchorEl \|\| !containerEl) {\n setAnchorPosition(null);\n setClipTop(null);\n setClipBottom(null);\n return;\n }\n\n const updateAnchorPosition = () => {\n if (rafRef.current !== null) {\n cancelAnimationFrame(rafRef.current);\n }\n rafRef.current = requestAnimationFrame(() => {\n const anchorRect = anchorEl?.getBoundingClientRect();\n const clipTopRect = clipTopEl?.getBoundingClientRect();\n const scrollRect = scrollContainerEl?.getBoundingClientRect();\n\n // 🚀 FIX: Drop the anchor position if the DOM element temporarily vanishes\n if (anchorRect.width === 0 && anchorRect.height === 0) {\n // setAnchorPosition(null);\n return;\n } else {\n const gapRect = containerEl.getBoundingClientRect();\n setAnchorPosition({\n top: anchorRect.top,\n bottom: anchorRect.bottom,\n left: gapRect.left + gapRect.width / 2,\n });\n }\n\n setClipTop(clipTopRect?.bottom ?? null);\n setClipBottom(scrollRect?.bottom ?? null);\n\n if (paperRef.current) {\n setPopupHeight(paperRef.current.offsetHeight);\n }\n });\n };\n\n updateAnchorPosition();\n\n const scrollParents = getScrollableAncestors(anchorEl);\n\n window.addEventListener(\"scroll\", updateAnchorPosition, {\n passive: true,\n capture: true,\n });\n window.addEventListener(\"resize\", updateAnchorPosition);\n scrollParents.forEach((parent) => {\n parent.addEventListener(\"scroll\", updateAnchorPosition, {\n passive: true,\n });\n });\n\n return () => {\n if (rafRef.current !== null) {\n cancelAnimationFrame(rafRef.current);\n }\n window.removeEventListener(\"scroll\", updateAnchorPosition, { capture: true });\n window.removeEventListener(\"resize\", updateAnchorPosition);\n scrollParents.forEach((parent) => {\n parent.removeEventListener(\"scroll\", updateAnchorPosition);\n });\n };\n }, [open, anchorEl, containerEl, clipTopEl, scrollContainerEl, isScrollLocked]);\n const resolvedAnchorPosition =\n anchorPosition ?? fallbackAnchorPosition ?? 'hidden';\n\n const popperTop =\n resolvedAnchorPosition === 'hidden'\n ? 'hidden'\n : resolvedAnchorPosition.bottom + 20;\n const popperBottom = typeof popperTop === 'number' ? popperTop + popupHeight : 'hidden';\n const shouldClipTop =\n clipTop != null &&\n typeof popperTop === \"number\" &&\n popperTop < clipTop;\n\n const topClipAmount = shouldClipTop\n ? Math.min(popupHeight, clipTop - popperTop)\n : 0;\n // Calculate top and bottom slicing values\n const clipInsetTop =\n clipTop != null && typeof popperTop === 'number'\n ? Math.max(0, clipTop - popperTop)\n : 0;\n const clipInsetBottom =\n clipBottom != null && typeof popperBottom === 'number'\n ? Math.max(0, popperBottom - clipBottom)\n : 0;\n\n const isClipping = clipInsetTop > 0 \|\| clipInsetBottom > 0;\n\n // Memoize the anchor element object to prevent Popper.js from re-initializing unnecessarily\n const popperAnchorElement = useMemo(() => {\n if (resolvedAnchorPosition === 'hidden') {\n return {\n getBoundingClientRect: () => ({\n width: 0,\n height: 0,\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n x: 0,\n y: 0,\n toJSON: () => {},\n }),\n };\n }\n return {\n getBoundingClientRect: () => ({\n width: 0,\n height: resolvedAnchorPosition.bottom - resolvedAnchorPosition.top,\n top: resolvedAnchorPosition.top,\n bottom: resolvedAnchorPosition.bottom,\n left: resolvedAnchorPosition.left,\n right: resolvedAnchorPosition.left,\n x: resolvedAnchorPosition.left,\n y: resolvedAnchorPosition.top,\n toJSON: () => { },\n }),\n };\n }, [resolvedAnchorPosition]);\n\n if (!summary) return null;\n\n return (\n <Popper\n open={open && !dismissedByScrollLock}\n disablePortal\n popperOptions={{\n strategy: \"fixed\"\n }}\n anchorEl={popperAnchorElement}\n placement=\"bottom\"\n modifiers={[\n {\n name: \"offset\",\n options: {\n offset: [0, 20],\n },\n },\n {\n name: \"preventOverflow\",\n enabled: true,\n options: {\n boundary: scrollContainerEl \|\| \"clippingParents\", \n // lets it slide completely upwards over the anchor\n tether: false, \n },\n },\n {\n name: \"flip\",\n enabled: true,\n options: {\n boundary: scrollContainerEl \|\| \"clippingParents\",\n fallbackPlacements: [\"top\"],\n },\n },\n ]}\n sx={{\n zIndex: 21,\n visibility: resolvedAnchorPosition === 'hidden' ? 'hidden' : 'visible',\n opacity: resolvedAnchorPosition === 'hidden' ? 0 : 1,\n transition: 'opacity 0.15s ease-in-out',\n }}\n >\n <Paper\n ref={paperRef}\n sx={{\n p: 1.5,\n borderRadius: \"12px\",\n width: popupWidth,\n maxWidth: popupWidth,\n ...(topClipAmount > 0 && {\n clipPath: `inset(${topClipAmount}px 0px 0px 0px round 12px)`,\n }),\n transition: \"transform 80ms linear\",\n willChange: \"transform\",\n backfaceVisibility: \"hidden\",\n transform: \"translateZ(0)\",\n\n boxShadow: \"0px 10px 24px rgba(15, 23, 42, 0.18)\",\n border: `1px solid ${themeColor}26`,\n borderTop: `3px solid ${themeColor}`,\n overflow: \"hidden\",\n bgcolor: \"#fff\",\n }}\n >\n <Box\n sx={{\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n mb: 0.75,\n }}\n >\n <Box\n sx={{\n display: \"flex\",\n alignItems: \"center\",\n gap: 0.75,\n minWidth: 0,\n }}\n >\n <Info size={14} color={themeColor} />\n\n <Typography\n sx={{\n fontSize: \"11px\",\n fontWeight: 700,\n color: themeColor,\n fontFamily: '\"Inter\", sans-serif',\n textTransform: \"uppercase\",\n letterSpacing: \"0.4px\",\n lineHeight: 1.2,\n }}\n >\n Summary\n </Typography>\n </Box>\n\n <IconButton\n size=\"small\"\n onClick={onClose}\n sx={{\n p: 0.25,\n ml: 0.5,\n color: \"#64748B\",\n }}\n >\n <X size={14} />\n </IconButton>\n </Box>\n\n <Box\n sx={{\n display: \"flex\",\n flexDirection: \"column\",\n gap: 1.5,\n maxHeight: \"300px\",\n overflowY: \"auto\",\n pr: 0.5,\n }}\n >\n <Box>\n {deviation_title && (\n <Typography\n sx={{\n fontSize: \"12px\",\n color: \"#334155\",\n fontFamily: '\"Inter\", sans-serif',\n lineHeight: 1.6,\n fontWeight: 700,\n overflowWrap: \"anywhere\",\n }}\n >\n {deviation_title}\n </Typography>\n )}\n\n <Typography\n sx={{\n fontSize: \"11px\",\n color: \"#334155\",\n lineHeight: 1.6,\n fontFamily: '\"Inter\", sans-serif',\n fontWeight: 400,\n overflowWrap: \"anywhere\",\n whiteSpace: \"pre-wrap\",\n }}\n >\n {deviation_summary \|\| \"No summary available.\"}\n </Typography>\n </Box>\n\n {hasDeviationImpact && (\n <Accordion\n expanded={impactExpanded}\n onChange={(_, nextExpanded) => setImpactExpanded(nextExpanded)}\n disableGutters\n elevation={0}\n sx={{\n backgroundColor: `${themeColor}0A`,\n border: `1px solid ${themeColor}33`,\n borderRadius: \"4px\",\n fontFamily: '\"Inter\", sans-serif',\n overflow: \"hidden\",\n flexShrink: 0,\n \"&:before\": { display: \"none\" },\n \"&.Mui-expanded\": {\n margin: 0,\n },\n }}\n >\n <AccordionSummary\n expandIcon={<ChevronDown size={16} color={themeColor} />}\n sx={{\n minHeight: \"10px\",\n px: 1.5,\n \"& .MuiAccordionSummary-content\": {\n py: \"5px\",\n my: 0,\n },\n \"&.Mui-expanded\": {\n minHeight: \"10px\",\n borderBottom: `1px solid ${themeColor}1A`,\n },\n }}\n >\n <Typography\n sx={{\n fontSize: \"11px\",\n fontWeight: 700,\n color: themeColor,\n fontFamily: '\"Inter\", sans-serif',\n textTransform: \"uppercase\",\n letterSpacing: \"0.5px\",\n }}\n >\n Impact\n </Typography>\n </AccordionSummary>\n\n <AccordionDetails\n sx={{\n p: 1.5,\n backgroundColor: \"#fff\",\n }}\n >\n <Typography\n sx={{\n fontSize: \"11px\",\n color: \"#475569\",\n lineHeight: 1.6,\n fontWeight: 400,\n fontFamily: '\"Inter\", sans-serif',\n overflowWrap: \"anywhere\",\n whiteSpace: \"pre-wrap\",\n }}\n >\n {String(deviation_impact).replace(\"Impact -\", \"\").trim()}\n </Typography>\n </AccordionDetails>\n </Accordion>\n )}\n </Box>\n </Paper>\n </Popper>\n );\n}"],"names":["CognitiveSummaryPopup","open","anchorEl","containerEl","clipTopEl","scrollContainerEl","onClose","summary","markdownStyles","isLoading","displayImpact","isScrollLocked","rafRef","useRef","paperRef","anchorPosition","setAnchorPosition","useState","clipTop","setClipTop","clipBottom","setClipBottom","popupHeight","setPopupHeight","deviationData","deviation_summary","dismissedByScrollLock","setDismissedByScrollLock","useEffect","deviation_title","deviation_impact","evaluation_outputs","hasDeviationImpact","String","trim","impactExpanded","setImpactExpanded","themeColor","metadata","label_color","gapWidth","getBoundingClientRect","width","popupWidth","Math","max","fallbackAnchorPosition","useMemo","rect","height","gapRect","top","bottom","left","updateAnchorPosition","current","cancelAnimationFrame","requestAnimationFrame","anchorRect","clipTopRect","scrollRect","offsetHeight","scrollParents","element","ancestors","parentElement","style","window","getComputedStyle","overflowY","scrollHeight","clientHeight","push","getScrollableAncestors","addEventListener","passive","capture","forEach","parent","removeEventListener","resolvedAnchorPosition","popperTop","topClipAmount","min","popperAnchorElement","right","x","y","toJSON","jsx","Popper","disablePortal","popperOptions","strategy","placement","modifiers","name","options","offset","enabled","boundary","tether","fallbackPlacements","sx","zIndex","visibility","opacity","transition","children","jsxs","Paper","ref","p","borderRadius","maxWidth","clipPath","willChange","backfaceVisibility","transform","boxShadow","border","borderTop","overflow","bgcolor","Box","display","alignItems","justifyContent","mb","gap","minWidth","Info","size","color","Typography","fontSize","fontWeight","fontFamily","textTransform","letterSpacing","lineHeight","IconButton","onClick","ml","X","flexDirection","maxHeight","pr","overflowWrap","whiteSpace","Accordion","expanded","onChange","_","nextExpanded","disableGutters","elevation","backgroundColor","flexShrink","margin","AccordionSummary","expandIcon","ChevronDown","minHeight","px","py","my","borderBottom","AccordionDetails","replace"],"mappings":"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"}

package/dist/features/CognitiveCompare/components/CompareHeader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__assign as e}from"tslib";import{jsxs as i,jsx as o}from"react/jsx-runtime";import{Box as t,Typography as r,Button as l,FormControlLabel as n,Switch as a}from"@mui/material";var s=function(s){var d=s.componentHeaderText,c=s.displayConfig,p=s.maintainRelativeOrder,h=s.onToggleView,f=s.onCollapseAll,g=s.showCollapseAll;return c.isHeaderVisible||c.isToggleVisible?i(t,e({sx:{px:2,py:1,display:"flex",alignItems:"center",justifyContent:"space-between",bgcolor:"#FFFFFF",border:"1.5px solid #EEF0F4",borderTopLeftRadius:"8px",borderTopRightRadius:"8px"}},{children:[o(t,e({sx:{display:"flex",alignItems:"center",gap:1}},{children:c.isHeaderVisible&&o(r,e({sx:{fontSize:"16px",fontWeight:600,color:"#0F172A"}},{children:d}))})),i(t,e({sx:{display:"flex",alignItems:"center",gap:2}},{children:[c.displayEmailNotifier&&i(t,e({sx:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",gap:1,backgroundColor:"#f5f5f5",px:.5,py:.25,borderRadius:1,border:"1px solid #a0a0a0",paddingX:.8}},{children:[i("svg",e({xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:"lucide lucide-bell-ring-icon lucide-bell-ring"},{children:[o("path",{d:"M10.268 21a2 2 0 0 0 3.464 0"}),o("path",{d:"M22 8c0-2.3-.8-4.3-2-6"}),o("path",{d:"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"}),o("path",{d:"M4 2C2.8 3.7 2 5.7 2 8"})]})),o(r,e({variant:"caption",sx:{color:"black",textAlign:"center",fontSize:"13px",fontWeight:500}},{children:"You'll be notified on completion"}))]})),c.isToggleVisible&&i(t,e({sx:{display:"flex",alignItems:"center",gap:2}},{children:[g&&o(l,e({variant:"outlined",size:"small",onClick:f,sx:{textTransform:"none",fontWeight:600,fontSize:"12px",color:"#5928ED",borderColor:"#5928ED",height:26,"&:hover":{borderColor:"#3E1BB3",backgroundColor:"rgba(89, 40, 237, 0.04)"}}},{children:"Collapse All"})),o(n,{control:o(a,{checked:!p,onChange:function(e){return h(e.target.checked)},color:"primary",size:"small",sx:{width:100,height:26,padding:0,"& .MuiSwitch-switchBase":{padding:0,margin:"3px",transitionDuration:"300ms","&.Mui-checked":{transform:"translateX(75px)",color:"#fff","& + .MuiSwitch-track":{backgroundColor:"#5928ED",opacity:1,border:0,"&::before":{content:'"Side by Side"',position:"absolute",left:8,top:5,fontSize:10,color:"#fff",fontWeight:600}}},"& .MuiSwitch-thumb:before":{position:"absolute",width:"100%",height:"100%",left:0,top:0,display:"flex",alignItems:"center",justifyContent:"center",fontSize:10,fontWeight:700,color:"#5928ED"}},"& .MuiSwitch-thumb":{boxSizing:"border-box",width:20,height:20,boxShadow:"0px 1px 3px rgba(0,0,0,0.2)"},"& .MuiSwitch-track":{borderRadius:13,backgroundColor:"#CBD5E1",opacity:1,position:"relative","&::before":{content:'"Side By Side"',position:"absolute",right:8,top:5,left:30,fontSize:10,color:"#1E293B",fontWeight:600}}}}),label:"",sx:{m:0}})]}))]}))]})):null};export{s as default};
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{Box as o,Typography as t,Button as r,FormControlLabel as l,Switch as n}from"@mui/material";const a=({componentHeaderText:a,displayConfig:s,maintainRelativeOrder:d,onToggleView:c,onCollapseAll:p,showCollapseAll:h})=>s.isHeaderVisible||s.isToggleVisible?e(o,{sx:{px:2,py:1,display:"flex",alignItems:"center",justifyContent:"space-between",bgcolor:"#FFFFFF",border:"1.5px solid #EEF0F4",borderTopLeftRadius:"8px",borderTopRightRadius:"8px"},children:[i(o,{sx:{display:"flex",alignItems:"center",gap:1},children:s.isHeaderVisible&&i(t,{sx:{fontSize:"16px",fontWeight:600,color:"#0F172A"},children:a})}),e(o,{sx:{display:"flex",alignItems:"center",gap:2},children:[s.displayEmailNotifier&&e(o,{sx:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",gap:1,backgroundColor:"#f5f5f5",px:.5,py:.25,borderRadius:1,border:"1px solid #a0a0a0",paddingX:.8},children:[e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:"lucide lucide-bell-ring-icon lucide-bell-ring",children:[i("path",{d:"M10.268 21a2 2 0 0 0 3.464 0"}),i("path",{d:"M22 8c0-2.3-.8-4.3-2-6"}),i("path",{d:"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"}),i("path",{d:"M4 2C2.8 3.7 2 5.7 2 8"})]}),i(t,{variant:"caption",sx:{color:"black",textAlign:"center",fontSize:"13px",fontWeight:500},children:"You'll be notified on completion"})]}),s.isToggleVisible&&e(o,{sx:{display:"flex",alignItems:"center",gap:2},children:[h&&i(r,{variant:"outlined",size:"small",onClick:p,sx:{textTransform:"none",fontWeight:600,fontSize:"12px",color:"#5928ED",borderColor:"#5928ED",height:26,"&:hover":{borderColor:"#3E1BB3",backgroundColor:"rgba(89, 40, 237, 0.04)"}},children:"Collapse All"}),i(l,{control:i(n,{checked:!d,onChange:e=>c(e.target.checked),color:"primary",size:"small",sx:{width:100,height:26,padding:0,"& .MuiSwitch-switchBase":{padding:0,margin:"3px",transitionDuration:"300ms","&.Mui-checked":{transform:"translateX(75px)",color:"#fff","& + .MuiSwitch-track":{backgroundColor:"#5928ED",opacity:1,border:0,"&::before":{content:'"Side by Side"',position:"absolute",left:8,top:5,fontSize:10,color:"#fff",fontWeight:600}}},"& .MuiSwitch-thumb:before":{position:"absolute",width:"100%",height:"100%",left:0,top:0,display:"flex",alignItems:"center",justifyContent:"center",fontSize:10,fontWeight:700,color:"#5928ED"}},"& .MuiSwitch-thumb":{boxSizing:"border-box",width:20,height:20,boxShadow:"0px 1px 3px rgba(0,0,0,0.2)"},"& .MuiSwitch-track":{borderRadius:13,backgroundColor:"#CBD5E1",opacity:1,position:"relative","&::before":{content:'"Side By Side"',position:"absolute",right:8,top:5,left:30,fontSize:10,color:"#1E293B",fontWeight:600}}}}),label:"",sx:{m:0}})]})]})]}):null;export{a as default};
 //# sourceMappingURL=CompareHeader.js.map

package/dist/features/CognitiveCompare/components/CompareHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CompareHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"CompareHeader.js","sources":["../../../../src/features/CognitiveCompare/components/CompareHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box, FormControlLabel, Switch, Typography, Button } from \"@mui/material\";\nimport { IDisplayConfig } from \"../CognitiveCompareTypes\";\n\ntype CompareHeaderProps = {\n componentHeaderText: string;\n displayConfig: IDisplayConfig;\n maintainRelativeOrder: boolean \| undefined;\n onToggleView: (isDefaultView: boolean) => void;\n onCollapseAll: () => void;\n showCollapseAll: boolean;\n};\n\nconst CompareHeader = ({\n componentHeaderText,\n displayConfig,\n maintainRelativeOrder,\n onToggleView,\n onCollapseAll,\n showCollapseAll,\n}: CompareHeaderProps) => {\n if (!displayConfig.isHeaderVisible && !displayConfig.isToggleVisible) {\n return null;\n }\n\n return (\n <Box\n sx={{\n px: 2,\n py: 1,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n bgcolor: \"#FFFFFF\",\n border: \"1.5px solid #EEF0F4\",\n borderTopLeftRadius: \"8px\",\n borderTopRightRadius: \"8px\",\n }}\n >\n <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1 }}>\n {displayConfig.isHeaderVisible && (\n <Typography sx={{ fontSize: \"16px\", fontWeight: 600, color: \"#0F172A\" }}>\n {componentHeaderText}\n </Typography>\n )}\n </Box>\n\n <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 2 }}>\n {displayConfig.displayEmailNotifier && (\n <Box sx={{ display: \"flex\", flexDirection: \"row\", alignItems: \"center\", justifyContent: \"center\", gap: 1, backgroundColor: \"#f5f5f5\", px: 0.5, py: 0.25, borderRadius: 1, border: \"1px solid #a0a0a0\", paddingX: 0.8 }}>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" className=\"lucide lucide-bell-ring-icon lucide-bell-ring\"><path d=\"M10.268 21a2 2 0 0 0 3.464 0\"/><path d=\"M22 8c0-2.3-.8-4.3-2-6\"/><path d=\"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326\"/><path d=\"M4 2C2.8 3.7 2 5.7 2 8\"/></svg>\n <Typography variant=\"caption\" sx={{ color: \"black\", textAlign: \"center\", fontSize: \"13px\", fontWeight: 500 }}>\n You'll be notified on completion\n </Typography>\n </Box>\n )}\n\n {displayConfig.isToggleVisible && (\n <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 2 }}>\n {showCollapseAll && (\n <Button\n variant=\"outlined\"\n size=\"small\"\n onClick={onCollapseAll}\n sx={{\n textTransform: \"none\",\n fontWeight: 600,\n fontSize: \"12px\",\n color: \"#5928ED\",\n borderColor: \"#5928ED\",\n height: 26,\n \"&:hover\": {\n borderColor: \"#3E1BB3\",\n backgroundColor: \"rgba(89, 40, 237, 0.04)\",\n },\n }}\n >\n Collapse All\n </Button>\n )}\n\n <FormControlLabel\n control={\n <Switch\n checked={!maintainRelativeOrder}\n onChange={(e) => onToggleView(e.target.checked)}\n color=\"primary\"\n size=\"small\"\n sx={{\n width: 100,\n height: 26,\n padding: 0,\n \"& .MuiSwitch-switchBase\": {\n padding: 0,\n margin: \"3px\",\n transitionDuration: \"300ms\",\n \"&.Mui-checked\": {\n transform: \"translateX(75px)\",\n color: \"#fff\",\n \"& + .MuiSwitch-track\": {\n backgroundColor: \"#5928ED\",\n opacity: 1,\n border: 0,\n \"&::before\": {\n content: '\"Side by Side\"',\n position: \"absolute\",\n left: 8,\n top: 5,\n fontSize: 10,\n color: \"#fff\",\n fontWeight: 600,\n },\n },\n },\n \"& .MuiSwitch-thumb:before\": {\n position: \"absolute\",\n width: \"100%\",\n height: \"100%\",\n left: 0,\n top: 0,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n fontSize: 10,\n fontWeight: 700,\n color: \"#5928ED\",\n },\n },\n \"& .MuiSwitch-thumb\": {\n boxSizing: \"border-box\",\n width: 20,\n height: 20,\n boxShadow: \"0px 1px 3px rgba(0,0,0,0.2)\",\n },\n \"& .MuiSwitch-track\": {\n borderRadius: 13,\n backgroundColor: \"#CBD5E1\",\n opacity: 1,\n position: \"relative\",\n \"&::before\": {\n content: '\"Side By Side\"',\n position: \"absolute\",\n right: 8,\n top: 5,\n left: 30,\n fontSize: 10,\n color: \"#1E293B\",\n fontWeight: 600,\n },\n },\n }}\n />\n }\n label=\"\"\n sx={{ m: 0 }}\n />\n </Box>\n )}\n </Box>\n </Box>\n );\n};\n\nexport default CompareHeader;"],"names":["CompareHeader","componentHeaderText","displayConfig","maintainRelativeOrder","onToggleView","onCollapseAll","showCollapseAll","isHeaderVisible","isToggleVisible","jsxs","Box","sx","px","py","display","alignItems","justifyContent","bgcolor","border","borderTopLeftRadius","borderTopRightRadius","children","jsx","gap","Typography","fontSize","fontWeight","color","displayEmailNotifier","flexDirection","backgroundColor","borderRadius","paddingX","xmlns","width","height","viewBox","fill","stroke","className","d","variant","textAlign","Button","size","onClick","textTransform","borderColor","FormControlLabel","control","Switch","checked","onChange","e","target","padding","margin","transitionDuration","transform","opacity","content","position","left","top","boxSizing","boxShadow","right","label","m"],"mappings":"oJAaA,MAAMA,EAAgB,EACpBC,sBACAC,gBACAC,wBACAC,eACAC,gBACAC,qBAEKJ,EAAcK,iBAAoBL,EAAcM,gBAKnDC,EAACC,EAAA,CACCC,GAAI,CACFC,GAAI,EACJC,GAAI,EACJC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBC,QAAS,UACTC,OAAQ,sBACRC,oBAAqB,MACrBC,qBAAsB,OAGxBC,SAAA,CAACC,EAAAZ,EAAA,CAAIC,GAAI,CAAEG,QAAS,OAAQC,WAAY,SAAUQ,IAAK,GACpDF,SAAcnB,EAAAK,mBACZiB,EAAW,CAAAb,GAAI,CAAEc,SAAU,OAAQC,WAAY,IAAKC,MAAO,WACzDN,SAAApB,MAKPQ,EAACC,EAAI,CAAAC,GAAI,CAAEG,QAAS,OAAQC,WAAY,SAAUQ,IAAK,GACpDF,SAAA,CAAcnB,EAAA0B,sBACZnB,EAAAC,EAAA,CAAIC,GAAI,CAAEG,QAAS,OAAQe,cAAe,MAAOd,WAAY,SAAUC,eAAgB,SAAUO,IAAK,EAAGO,gBAAiB,UAAWlB,GAAI,GAAKC,GAAI,IAAMkB,aAAc,EAAGb,OAAQ,oBAAqBc,SAAU,IACjNX,SAAA,CAACZ,EAAA,MAAA,CAAIwB,MAAM,6BAA6BC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,OAAO,eAAe,eAAa,IAAI,iBAAe,QAAQ,kBAAgB,QAAQC,UAAU,gDAAgDlB,SAAA,CAACC,EAAA,OAAA,CAAKkB,EAAE,iCAAgClB,EAAC,OAAK,CAAAkB,EAAE,2BAA0BlB,EAAC,OAAK,CAAAkB,EAAE,kIAAiIlB,EAAC,OAAK,CAAAkB,EAAE,8BACzclB,EAAAE,EAAA,CAAWiB,QAAQ,UAAU9B,GAAI,CAAEgB,MAAO,QAASe,UAAW,SAAUjB,SAAU,OAAQC,WAAY,KAAOL,SAE9G,wCAIHnB,EAAcM,iBACZC,EAAAC,EAAA,CAAIC,GAAI,CAAEG,QAAS,OAAQC,WAAY,SAAUQ,IAAK,GACpDF,SAAA,CACCf,GAAAgB,EAACqB,EAAA,CACCF,QAAQ,WACRG,KAAK,QACLC,QAASxC,EACTM,GAAI,CACFmC,cAAe,OACfpB,WAAY,IACZD,SAAU,OACVE,MAAO,UACPoB,YAAa,UACbZ,OAAQ,GACR,UAAW,CACTY,YAAa,UACbjB,gBAAiB,4BAGtBT,SAAA,iBAKHC,EAAC0B,EAAA,CACCC,QACE3B,EAAC4B,EAAA,CACCC,SAAUhD,EACViD,SAAWC,GAAMjD,EAAaiD,EAAEC,OAAOH,SACvCxB,MAAM,UACNiB,KAAK,QACLjC,GAAI,CACFuB,MAAO,IACPC,OAAQ,GACRoB,QAAS,EACT,0BAA2B,CACzBA,QAAS,EACTC,OAAQ,MACRC,mBAAoB,QACpB,gBAAiB,CACfC,UAAW,mBACX/B,MAAO,OACP,uBAAwB,CACtBG,gBAAiB,UACjB6B,QAAS,EACTzC,OAAQ,EACR,YAAa,CACX0C,QAAS,iBACTC,SAAU,WACVC,KAAM,EACNC,IAAK,EACLtC,SAAU,GACVE,MAAO,OACPD,WAAY,OAIlB,4BAA6B,CAC3BmC,SAAU,WACV3B,MAAO,OACPC,OAAQ,OACR2B,KAAM,EACNC,IAAK,EACLjD,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBS,SAAU,GACVC,WAAY,IACZC,MAAO,YAGX,qBAAsB,CACpBqC,UAAW,aACX9B,MAAO,GACPC,OAAQ,GACR8B,UAAW,+BAEb,qBAAsB,CACpBlC,aAAc,GACdD,gBAAiB,UACjB6B,QAAS,EACTE,SAAU,WACV,YAAa,CACXD,QAAS,iBACTC,SAAU,WACVK,MAAO,EACPH,IAAK,EACLD,KAAM,GACNrC,SAAU,GACVE,MAAO,UACPD,WAAY,SAMtByC,MAAM,GACNxD,GAAI,CAAEyD,EAAG,cApIV"}

package/dist/features/CognitiveCompare/components/LHSSectionRow.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__assign as e}from"tslib";import{jsx as o,jsxs as n}from"react/jsx-runtime";import i from"react";import{Box as t}from"@mui/material";import{EllipsisVertical as r}from"lucide-react";import l from"./SectionAccordion.js";import a from"./ThreeDotsLoader.js";import{extractDeviationScore as d}from"../CognitiveComparehelpers.js";import{useCompareContext as c}from"../CompareContext.js";var s=i.memo(function(i){var s,p,u,v=i.section,f=i.idx,g=c(),m=g.maintainRelativeOrder,x=g.existingSections;g.proposedSections;var h=g.connectedSections,S=g.expandedSections,b=g.displayConfig,R=g.treeData;g.deviationNumberRegistry;var y=g.getSectionCompareStyle;g.getBadgeRef;var w=g.getSectionRowRef,B=g.sectionLeftRefs,C=g.lhsBadgeRefs,I=g.openMoreFunctionsPopup,N=g.handleOpenSummaryPopup,k=g.handleCloseSummaryPopup,P=g.toggleSection;g.showDeviationBadges,g.renderSubSectionAccordion,g.isProposingFix,g.proposingFixNodeId,g.isRedlineFlow,g.isSideBySide,g.activeSideBySideSection,g.scrollSyncLocked,g.toggleScrollSyncLocked,g.summaryPopupAnchorEl,g.deviationNodeIdToView,g.deviationTargetParentId;var D=g.showDeviationNavigation;g.showOpenNodeRef,g.resolvedMarkdownStyles;var T=g.unifiedNumbering,A=!v.title&&!v.content;if(m&&A)return null;var L=v,j=y(f,"left"),z=m?!(null===(s=L.refIndexes)||void 0===s?void 0:s.length)||L.selfIndex<0:!x[f],F=h.has(f);null===(p=C.current[f])||void 0===p||p.current;var O=d(L.evaluationResult,null==j?void 0:j.deviationLabel),W=T.leftNums.get(L.id);return o(t,e({ref:w(f),sx:{mb:1,width:"100%"}},{children:o(t,e({ref:B.current[f],sx:e({width:"100%",display:"flex",flexDirection:"column",minWidth:0},F&&{borderRadius:"6px",outline:"2px solid ".concat((null==j?void 0:j.badgeBorder)||"#6366F1"),outlineOffset:"1px"})},{children:n(t,e({sx:{position:"relative",width:"100%"}},{children:[o(l,{section:v,idx:f,columnKey:"left",colRef:w("left-accordion-".concat(f)),mb:0,parentNodeId:(null===(u=null==R?void 0:R.input_index_map)||void 0===u?void 0:u[0])||"",isExpanded:m?!!S["left-".concat(f)]:!!S[String(f)],onToggle:function(){k(),P(f,"left")},navigation:v.id?D[v.id]:null}),m&&j&&n(t,e({ref:C.current[f],onClick:function(e){var o,n,i,t=b.enableDeviationSchemaBackwardCompatibility?null!==(o=L.evaluationResult)&&void 0!==o?o:null:null!==(i=null===(n=L.evaluationResult)||void 0===n?void 0:n[0])&&void 0!==i?i:null;N(e,String(f),z,t)},sx:{position:"absolute",top:"18px",right:0,transform:"translateY(-50%) translateX(calc(100% + 8px))",display:"inline-flex",alignItems:"center",gap:"4px",fontSize:"11px",bgcolor:j.badgeBg,color:j.badgeText,border:"1px solid ".concat(j.badgeBorder),borderRadius:"12px",px:1.2,py:.3,fontWeight:600,cursor:"pointer",whiteSpace:"nowrap",zIndex:20,boxShadow:"0 1px 3px rgba(0,0,0,0.07)"}},{children:[n(t,e({component:"span",onClick:function(e){var o,n,i;e.stopPropagation();var t=b.enableDeviationSchemaBackwardCompatibility?null!==(o=L.evaluationResult)&&void 0!==o?o:null:null!==(i=null===(n=L.evaluationResult)||void 0===n?void 0:n[0])&&void 0!==i?i:null;N(e,String(f),z,t)},sx:{display:"inline-flex",alignItems:"center",gap:"4px",px:.2,cursor:z?"default":"pointer",borderRight:"1px solid ".concat(j.badgeBorder),"&:hover":z?{}:{bgColor:"".concat(j.badgeBorder,"22")}}},{children:[null!=W&&o(t,e({component:"span",sx:{fontSize:"11px",fontWeight:700,pr:.5,borderRight:"1px solid ".concat(j.badgeBorder)}},{children:W})),o(t,e({component:"span",sx:{fontSize:"11px",px:.25}},{children:!b.isLoading||null!=L.evaluationResult&&void 0!==L.evaluationResult?"N/A"===O||"NA"===O?"N/A":0==O||null==O?"Same":"".concat(O):o(a,{color:j.badgeText})}))]})),o(t,e({component:"span",onClick:function(e){e.stopPropagation();var o=m?x.find(function(e){var o;return null===(o=L.refIndexes)||void 0===o?void 0:o.includes(e.selfIndex)})||{title:"",content:""}:x[f]||{title:"",content:""};I(e,v,z,o,f,j)},sx:{display:"inline-flex",alignItems:"center",px:.2,cursor:"pointer","&:hover":{bgcolor:"".concat(j.badgeBorder,"22")}}},{children:o(r,{size:11,color:j.badgeText})}))]}))]}))}))}),"left-row-".concat(f))});export{s as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import i from"react";import{Box as t}from"@mui/material";import{EllipsisVertical as n}from"lucide-react";import r from"./SectionAccordion.js";import l from"./ThreeDotsLoader.js";import{extractDeviationScore as a}from"../CognitiveComparehelpers.js";import{useCompareContext as d}from"../CompareContext.js";const s=i.memo(({section:i,idx:s})=>{const{maintainRelativeOrder:c,existingSections:p,proposedSections:u,connectedSections:g,expandedSections:m,displayConfig:x,treeData:f,deviationNumberRegistry:h,getSectionCompareStyle:S,getBadgeRef:b,getSectionRowRef:v,sectionLeftRefs:R,lhsBadgeRefs:y,openMoreFunctionsPopup:w,handleOpenSummaryPopup:B,handleCloseSummaryPopup:C,toggleSection:I,showDeviationBadges:N=!1,renderSubSectionAccordion:$,isProposingFix:k,proposingFixNodeId:P,isRedlineFlow:D,isSideBySide:T,activeSideBySideSection:A,scrollSyncLocked:L,toggleScrollSyncLocked:j,summaryPopupAnchorEl:z,deviationNodeIdToView:F,deviationTargetParentId:O,showDeviationNavigation:W,showOpenNodeRef:E,resolvedMarkdownStyles:M,unifiedNumbering:_}=d(),K=!i.title&&!i.content;if(c&&K)return null;const V=i,X=S(s,"left"),Y=c?!V.refIndexes?.length||V.selfIndex<0:!p[s],q=g.has(s);y.current[s];const G=a(V.evaluationResult,X?.deviationLabel),H=_.leftNums.get(V.id);return e(t,{ref:v(s),sx:{mb:1,width:"100%"},children:e(t,{ref:R.current[s],sx:{width:"100%",display:"flex",flexDirection:"column",minWidth:0,...q&&{borderRadius:"6px",outline:`2px solid ${X?.badgeBorder||"#6366F1"}`,outlineOffset:"1px"}},children:o(t,{sx:{position:"relative",width:"100%"},children:[e(r,{section:i,idx:s,columnKey:"left",colRef:v(`left-accordion-${s}`),mb:0,parentNodeId:f?.input_index_map?.[0]||"",isExpanded:c?!!m[`left-${s}`]:!!m[String(s)],onToggle:()=>{C(),I(s,"left")},navigation:i.id?W[i.id]:null}),c&&X&&o(t,{ref:y.current[s],onClick:e=>{const o=x.enableDeviationSchemaBackwardCompatibility?V.evaluationResult??null:V.evaluationResult?.[0]??null;B(e,String(s),Y,o)},sx:{position:"absolute",top:"18px",right:0,transform:"translateY(-50%) translateX(calc(100% + 8px))",display:"inline-flex",alignItems:"center",gap:"4px",fontSize:"11px",bgcolor:X.badgeBg,color:X.badgeText,border:`1px solid ${X.badgeBorder}`,borderRadius:"12px",px:1.2,py:.3,fontWeight:600,cursor:"pointer",whiteSpace:"nowrap",zIndex:20,boxShadow:"0 1px 3px rgba(0,0,0,0.07)"},children:[o(t,{component:"span",onClick:e=>{e.stopPropagation();const o=x.enableDeviationSchemaBackwardCompatibility?V.evaluationResult??null:V.evaluationResult?.[0]??null;B(e,String(s),Y,o)},sx:{display:"inline-flex",alignItems:"center",gap:"4px",px:.2,cursor:Y?"default":"pointer",borderRight:`1px solid ${X.badgeBorder}`,"&:hover":Y?{}:{bgColor:`${X.badgeBorder}22`}},children:[null!=H&&e(t,{component:"span",sx:{fontSize:"11px",fontWeight:700,pr:.5,borderRight:`1px solid ${X.badgeBorder}`},children:H}),e(t,{component:"span",sx:{fontSize:"11px",px:.25},children:!x.isLoading||null!=V.evaluationResult&&void 0!==V.evaluationResult?"N/A"===G||"NA"===G?"N/A":0==G||null==G?"Same":`${G}`:e(l,{color:X.badgeText})})]}),e(t,{component:"span",onClick:e=>{e.stopPropagation();const o=c?p.find(e=>V.refIndexes?.includes(e.selfIndex))||{title:"",content:""}:p[s]||{title:"",content:""};w(e,i,Y,o,s,X)},sx:{display:"inline-flex",alignItems:"center",px:.2,cursor:"pointer","&:hover":{bgcolor:`${X.badgeBorder}22`}},children:e(n,{size:11,color:X.badgeText})})]})]})})},`left-row-${s}`)});export{s as default};
 //# sourceMappingURL=LHSSectionRow.js.map

package/dist/features/CognitiveCompare/components/LHSSectionRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LHSSectionRow.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"LHSSectionRow.js","sources":["../../../../src/features/CognitiveCompare/components/LHSSectionRow.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"@mui/material\";\nimport { EllipsisVertical } from \"lucide-react\";\n\nimport SectionAccordion from \"./SectionAccordion\";\nimport ThreeDotsLoader from \"./ThreeDotsLoader\";\nimport ScrollLockToggle from \"./ScrollLockToggle\";\nimport { extractDeviationScore } from \"../CognitiveComparehelpers\";\nimport { SectionBlock, StyleVariant } from \"../CognitiveCompareTypes\";\nimport { useCompareContext } from \"../CompareContext\";\n\ntype UnifiedNumbering = {\n leftNums: Map<string, number>;\n rightNums: Map<string, string>;\n};\n\ntype LHSSectionRowProps = {\n section: SectionBlock;\n idx: number;\n};\n\nconst LHSSectionRow = React.memo(\n ({\n section,\n idx,\n }: LHSSectionRowProps) => {\n const {\n maintainRelativeOrder,\n existingSections,\n proposedSections,\n connectedSections,\n expandedSections,\n displayConfig,\n treeData,\n deviationNumberRegistry,\n getSectionCompareStyle,\n getBadgeRef,\n getSectionRowRef,\n sectionLeftRefs,\n lhsBadgeRefs,\n openMoreFunctionsPopup,\n handleOpenSummaryPopup,\n handleCloseSummaryPopup,\n toggleSection,\n showDeviationBadges = false,\n renderSubSectionAccordion,\n isProposingFix,\n proposingFixNodeId,\n isRedlineFlow,\n isSideBySide,\n activeSideBySideSection,\n scrollSyncLocked,\n toggleScrollSyncLocked,\n summaryPopupAnchorEl,\n deviationNodeIdToView,\n deviationTargetParentId,\n showDeviationNavigation,\n showOpenNodeRef,\n resolvedMarkdownStyles,\n unifiedNumbering,\n } = useCompareContext();\n const isEmpty = !section.title && !section.content;\n if (maintainRelativeOrder && isEmpty) return null;\n\n const sec = section as any;\n const style = getSectionCompareStyle(idx, \"left\");\n const isOrphan = maintainRelativeOrder\n ? (!sec.refIndexes?.length \|\| sec.selfIndex < 0)\n : !existingSections[idx];\n const isConnected = connectedSections.has(idx);\n const badgeEl = lhsBadgeRefs.current[idx]?.current;\n const showScrollLockToggle =\n isConnected \|\|\n (isSideBySide && activeSideBySideSection === idx) \|\|\n (!!summaryPopupAnchorEl && summaryPopupAnchorEl === badgeEl);\n const rawScore = extractDeviationScore(sec.evaluationResult, (style as any)?.deviationLabel);\n const displayNum = unifiedNumbering.leftNums.get(sec.id);\n\n return (\n <Box key={`left-row-${idx}`} ref={getSectionRowRef(idx)} sx={{ mb: 1, width: \"100%\" }}>\n <Box\n ref={sectionLeftRefs.current[idx]}\n sx={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n minWidth: 0,\n ...(isConnected && {\n borderRadius: \"6px\",\n outline: `2px solid ${style?.badgeBorder \|\| \"#6366F1\"}`,\n outlineOffset: \"1px\",\n }),\n }}\n >\n <Box sx={{ position: \"relative\", width: \"100%\" }}>\n <SectionAccordion\n section={section}\n idx={idx}\n columnKey=\"left\"\n colRef={getSectionRowRef(`left-accordion-${idx}`)}\n mb={0}\n parentNodeId={treeData?.input_index_map?.[\"0\"] \|\| \"\"}\n isExpanded={\n maintainRelativeOrder\n ? !!expandedSections[`left-${idx}`]\n : !!expandedSections[String(idx)]\n }\n onToggle={() => {\n handleCloseSummaryPopup();\n toggleSection(idx, \"left\");\n }}\n navigation={section.id ? showDeviationNavigation[section.id] : null}\n />\n\n {maintainRelativeOrder && style && (\n <Box\n ref={lhsBadgeRefs.current[idx]}\n onClick={(e) => {\n const evaluationResult = displayConfig.enableDeviationSchemaBackwardCompatibility\n ? (sec.evaluationResult ?? null)\n : (sec.evaluationResult?.[0] ?? null);\n handleOpenSummaryPopup(e, String(idx), isOrphan, evaluationResult);\n }}\n sx={{\n position: \"absolute\",\n top: \"18px\",\n right: 0,\n transform: \"translateY(-50%) translateX(calc(100% + 8px))\",\n display: \"inline-flex\",\n alignItems: \"center\",\n gap: \"4px\",\n fontSize: \"11px\",\n bgcolor: style.badgeBg,\n color: style.badgeText,\n border: `1px solid ${style.badgeBorder}`,\n borderRadius: \"12px\",\n px: 1.2,\n py: 0.3,\n fontWeight: 600,\n cursor: \"pointer\",\n whiteSpace: \"nowrap\",\n zIndex: 20,\n boxShadow: \"0 1px 3px rgba(0,0,0,0.07)\",\n }}\n >\n <Box\n component=\"span\"\n onClick={(e) => {\n e.stopPropagation();\n const evaluationResult = displayConfig.enableDeviationSchemaBackwardCompatibility\n ? (sec.evaluationResult ?? null)\n : (sec.evaluationResult?.[0] ?? null);\n handleOpenSummaryPopup(e, String(idx), isOrphan, evaluationResult);\n }}\n sx={{\n display: \"inline-flex\",\n alignItems: \"center\",\n gap: \"4px\",\n px: 0.2,\n cursor: isOrphan ? \"default\" : \"pointer\",\n borderRight: `1px solid ${style.badgeBorder}`,\n \"&:hover\": !isOrphan ? { bgColor: `${style.badgeBorder}22` } : {},\n }}\n >\n {displayNum != null && (\n <Box\n component=\"span\"\n sx={{\n fontSize: \"11px\",\n fontWeight: 700,\n pr: 0.5,\n borderRight: `1px solid ${style.badgeBorder}`,\n }}\n >\n {displayNum}\n </Box>\n )}\n\n <Box component=\"span\" sx={{ fontSize: \"11px\", px: 0.25 }}>\n {displayConfig.isLoading && (sec.evaluationResult == null \|\| sec.evaluationResult === undefined)\n ? <ThreeDotsLoader color={style.badgeText} />\n : (rawScore === \"N/A\" \|\| rawScore === \"NA\")\n ? \"N/A\"\n : (rawScore == 0 \|\| rawScore == null)\n ? \"Same\"\n : `${rawScore}`}\n </Box>\n </Box>\n <Box\n component=\"span\"\n onClick={(e) => {\n e.stopPropagation();\n const refSec = maintainRelativeOrder\n ? (existingSections.find((s: any) => sec.refIndexes?.includes(s.selfIndex)) \|\| { title: \"\", content: \"\" }) as SectionBlock\n : (existingSections[idx] \|\| { title: \"\", content: \"\" }) as SectionBlock;\n\n openMoreFunctionsPopup(e, section, isOrphan, refSec, idx, style);\n }}\n sx={{\n display: \"inline-flex\",\n alignItems: \"center\",\n px: 0.2,\n cursor: \"pointer\",\n \"&:hover\": { bgcolor: `${style.badgeBorder}22` },\n }}\n >\n <EllipsisVertical size={11} color={style.badgeText} />\n </Box>\n {/* {showScrollLockToggle && (\n <ScrollLockToggle\n locked={scrollSyncLocked}\n onToggle={toggleScrollSyncLocked}\n color={style.badgeText}\n borderColor={style.badgeBorder}\n size={11}\n />\n )} */}\n </Box>\n )}\n </Box>\n </Box>\n </Box>\n );\n },\n);\n\nexport default LHSSectionRow;\n"],"names":["LHSSectionRow","React","memo","section","idx","maintainRelativeOrder","existingSections","proposedSections","connectedSections","expandedSections","displayConfig","treeData","deviationNumberRegistry","getSectionCompareStyle","getBadgeRef","getSectionRowRef","sectionLeftRefs","lhsBadgeRefs","openMoreFunctionsPopup","handleOpenSummaryPopup","handleCloseSummaryPopup","toggleSection","showDeviationBadges","renderSubSectionAccordion","isProposingFix","proposingFixNodeId","isRedlineFlow","isSideBySide","activeSideBySideSection","scrollSyncLocked","toggleScrollSyncLocked","summaryPopupAnchorEl","deviationNodeIdToView","deviationTargetParentId","showDeviationNavigation","showOpenNodeRef","resolvedMarkdownStyles","unifiedNumbering","useCompareContext","isEmpty","title","content","sec","style","isOrphan","refIndexes","length","selfIndex","isConnected","has","current","rawScore","extractDeviationScore","evaluationResult","deviationLabel","displayNum","leftNums","get","id","jsx","Box","ref","sx","mb","width","children","display","flexDirection","minWidth","borderRadius","outline","badgeBorder","outlineOffset","jsxs","position","SectionAccordion","columnKey","colRef","parentNodeId","input_index_map","isExpanded","String","onToggle","navigation","onClick","e","enableDeviationSchemaBackwardCompatibility","top","right","transform","alignItems","gap","fontSize","bgcolor","badgeBg","color","badgeText","border","px","py","fontWeight","cursor","whiteSpace","zIndex","boxShadow","component","stopPropagation","borderRight","bgColor","pr","isLoading","ThreeDotsLoader","refSec","find","s","includes","EllipsisVertical","size"],"mappings":"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"}

package/dist/features/CognitiveCompare/components/RHSSectionRow.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__spreadArray as e,__assign as n}from"tslib";import{jsx as o,jsxs as i,Fragment as t}from"react/jsx-runtime";import r from"react";import{Box as l,Tooltip as a,Typography as d}from"@mui/material";import{EllipsisVertical as c}from"lucide-react";import s from"./SectionAccordion.js";import u from"./ThreeDotsLoader.js";import p from"./ScrollLockToggle.js";import{getRhsMappedSectionNumber as f,getAlphabeticSuffix as g}from"../CognitiveComparehelpers.js";import{useCompareContext as x}from"../CompareContext.js";var v=r.memo(function(v){var m,h,S=v.section,b=v.idx,I=x(),y=I.maintainRelativeOrder;I.existingSections;var R=I.proposedSections,w=I.connectedSections,B=I.expandedSections,C=I.displayConfig,N=I.treeData;I.deviationNumberRegistry;var k=I.getSectionCompareStyle;I.getBadgeRef;var T=I.getSectionRowRef,j=I.sectionRightRefs,z=I.rhsBadgeRefs,D=I.openMoreFunctionsPopup,P=I.handleOpenSummaryPopup,M=I.handleCloseSummaryPopup,L=I.toggleSection;I.showDeviationBadges,I.renderSubSectionAccordion,I.isProposingFix,I.proposingFixNodeId,I.isRedlineFlow;var A=I.isSideBySide,F=I.activeSideBySideSection,O=I.scrollSyncLocked,U=I.toggleScrollSyncLocked;I.deviationNodeIdToView,I.deviationTargetParentId;var W=I.showDeviationNavigation;I.showOpenNodeRef,I.resolvedMarkdownStyles;var _=I.unifiedNumbering,E=S,H=!1,K=null,V=-1,X=function(e,n){return String(null!=e?e:"")===String(n)},Y=-1;y?(Y=R.findIndex(function(e){var n;return(null===(n=e.refIndexes)||void 0===n?void 0:n.includes(E.selfIndex))&&e.selfIndex>=0}),V=R.findIndex(function(e,n){var o;return function(e){return w.has(e)||w.has(String(e))||null!=F&&!String(F).includes("::")&&X(F,e)}(n)&&(null===(o=e.refIndexes)||void 0===o?void 0:o.includes(E.selfIndex))}),(H=-1!==V)&&(K=k(V,"left"))):(H=w.has(b)||w.has(String(b))||X(F,b))&&(K=k(b,"right"));var q=y&&-1!==Y?k(Y,"left"):k(b,"right"),G=K||q,J=y?-1!==Y||!(null===(m=E.refIndexes)||void 0===m?void 0:m.length)&&R.some(function(e){return e.id&&e.id===E.id}):Boolean(R[b]),Q=y?E.selfIndex<0||!J:!R[b],Z=r.useMemo(function(){var e=_.rightNums.get(E.id);return y&&E.id?f({section:E,proposedSections:R,leftNums:_.leftNums,fallbackNumber:e}):e},[y,R,E.id,E.selfIndex,_]),$=r.useMemo(function(){if(!y||null==E.selfIndex)return null!=Z?[{label:String(Z),title:E.title||"Untitled Section",lhsIdx:-1}]:[];var n=R.map(function(e,n){var o=Array.isArray(null==e?void 0:e.refIndexes)?e.refIndexes:[],i=o.findIndex(function(e){return e===E.selfIndex});if(-1===i)return null;var t=(null==e?void 0:e.id)?_.leftNums.get(e.id):void 0;return null==t?null:{label:o.length>1?"".concat(t).concat(g(i)):String(t),title:(null==e?void 0:e.title)||"Untitled Section",lhsIdx:n}}).filter(Boolean);return-1===V?n:e([],n,!0).sort(function(e,n){return e.lhsIdx===V?-1:n.lhsIdx===V?1:0})},[y,R,E.selfIndex,E.title,Z,_.leftNums,V]),ee=r.useMemo(function(){var e,n=null===(e=$[0])||void 0===e?void 0:e.label;if(!n)return null!=Z?String(Z):"";var o=$.length-1;return o>0?"".concat(n," + ").concat(o):n},[$,Z]),ne=r.useMemo(function(){return 0===$.length?"":$.map(function(e){return"".concat(e.label,": ").concat(e.title)}).join("\n")},[$]),oe=H||A&&(X(F,b)||-1!==Y&&X(F,Y));return o(l,n({ref:T(b),sx:{mb:1,width:"100%"}},{children:o(l,n({ref:j.current[b],sx:n({width:"100%",display:"flex"},H&&K&&{borderRadius:"6px",outline:"2px solid ".concat(K.badgeBorder),outlineOffset:"1px"})},{children:i(l,n({sx:{position:"relative",width:"100%"}},{children:[o(s,{section:S,idx:b,columnKey:"right",colRef:T("right-accordion-".concat(b)),mb:0,parentNodeId:(null===(h=null==N?void 0:N.input_index_map)||void 0===h?void 0:h[1])||"",isExpanded:y?!!B["right-".concat(b)]:!!B[String(b)],onToggle:function(){M(),L(b,"right")},navigation:S.id?W[S.id]:null}),y&&G&&o(a,n({title:ne?o(l,n({sx:{whiteSpace:"pre-line"}},{children:o(d,n({component:"span",sx:{fontSize:"11px",lineHeight:1.5}},{children:ne}))})):"",placement:"top",arrow:!0},{children:o(l,n({ref:z.current[b],"data-section-id":E.id,onClick:function(e){var n,o,i;if(Q){var t=C.enableDeviationSchemaBackwardCompatibility?null!==(n=E.evaluationResult)&&void 0!==n?n:null:null!==(i=null===(o=E.evaluationResult)||void 0===o?void 0:o[0])&&void 0!==i?i:null;P(e,String(b),Q,t)}},sx:{position:"absolute",top:"18px",left:0,transform:"translateY(-50%) translateX(calc(-100% - 8px))",display:"inline-flex",alignItems:"center",justifyContent:"center",gap:Q?"4px":"0px",fontSize:"11px",bgcolor:G.badgeBg,color:G.badgeText,border:"1px solid ".concat(G.badgeBorder),borderRadius:Q?"12px":"10px",px:Q?1.2:1,py:.3,fontWeight:Q?600:700,cursor:Q?"pointer":"default",whiteSpace:"nowrap",zIndex:20,boxShadow:Q?"0 1px 3px rgba(0,0,0,0.07)":"none"}},{children:Q?i(t,{children:[i(l,n({component:"span",onClick:function(e){var n,o,i;e.stopPropagation();var t=C.enableDeviationSchemaBackwardCompatibility?null!==(n=E.evaluationResult)&&void 0!==n?n:null:null!==(i=null===(o=E.evaluationResult)||void 0===o?void 0:o[0])&&void 0!==i?i:null;P(e,String(b),Q,t)},sx:{display:"inline-flex",alignItems:"center",gap:"4px",px:.2,cursor:"pointer",borderRight:"1px solid ".concat(G.badgeBorder),"&:hover":{bgcolor:"".concat(G.badgeBorder,"22")}}},{children:[null!=Z&&o(l,n({component:"span",sx:{fontSize:"11px",fontWeight:700,pr:.5,borderRight:"1px solid ".concat(G.badgeBorder)}},{children:Z})),o(l,n({component:"span",sx:{fontSize:"11px",px:.25}},{children:!C.isLoading||null!=E.evaluationResult&&void 0!==E.evaluationResult?G.label?"".concat(G.label):"100% Deviation":o(u,{color:G.badgeText})}))]})),i(l,n({component:"span",onClick:function(e){e.stopPropagation();var n=y?R.find(function(e){var n;return null===(n=e.refIndexes)||void 0===n?void 0:n.includes(E.selfIndex)})||{title:"",content:""}:R[b]||{title:"",content:""};D(e,n,Q,E,b,G)},sx:{display:"inline-flex",alignItems:"center",px:.2,cursor:"pointer","&:hover":{bgcolor:"".concat(G.badgeBorder,"22")}}},{children:[o(c,{size:11,color:G.badgeText}),oe&&o(p,{locked:O,onToggle:U,color:G.badgeText,borderColor:G.badgeBorder,size:11})]}))]}):o(t,{children:o(l,n({component:"span",sx:{px:.2}},{children:ee}))})}))}))]}))}))}),"right-row-".concat(b))});export{v as default};
+import{jsx as e,jsxs as n,Fragment as t}from"react/jsx-runtime";import i from"react";import{Box as o,Tooltip as r,Typography as l}from"@mui/material";import{EllipsisVertical as d}from"lucide-react";import s from"./SectionAccordion.js";import a from"./ThreeDotsLoader.js";import c from"./ScrollLockToggle.js";import{getRhsMappedSectionNumber as p,getAlphabeticSuffix as g}from"../CognitiveComparehelpers.js";import{useCompareContext as u}from"../CompareContext.js";const x=i.memo(({section:x,idx:f})=>{const{maintainRelativeOrder:m,existingSections:h,proposedSections:S,connectedSections:b,expandedSections:I,displayConfig:v,treeData:y,deviationNumberRegistry:R,getSectionCompareStyle:w,getBadgeRef:B,getSectionRowRef:$,sectionRightRefs:C,rhsBadgeRefs:N,openMoreFunctionsPopup:k,handleOpenSummaryPopup:T,handleCloseSummaryPopup:j,toggleSection:z,showDeviationBadges:D=!1,renderSubSectionAccordion:P,isProposingFix:M,proposingFixNodeId:L,isRedlineFlow:A,isSideBySide:F,activeSideBySideSection:O,scrollSyncLocked:U,toggleScrollSyncLocked:W,deviationNodeIdToView:_,deviationTargetParentId:E,showDeviationNavigation:H,showOpenNodeRef:K,resolvedMarkdownStyles:V,unifiedNumbering:X}=u(),Y=x;let q=!1,G=null,J=-1;const Q=(e,n)=>String(e??"")===String(n);let Z=-1;m?(Z=S.findIndex(e=>e.refIndexes?.includes(Y.selfIndex)&&e.selfIndex>=0),J=S.findIndex((e,n)=>(e=>b.has(e)||b.has(String(e))||null!=O&&!String(O).includes("::")&&Q(O,e))(n)&&e.refIndexes?.includes(Y.selfIndex)),q=-1!==J,q&&(G=w(J,"left"))):(q=b.has(f)||b.has(String(f))||Q(O,f),q&&(G=w(f,"right")));const ee=m&&-1!==Z?w(Z,"left"):w(f,"right"),ne=G||ee,te=m?-1!==Z||!Y.refIndexes?.length&&S.some(e=>e.id&&e.id===Y.id):Boolean(S[f]),ie=m?Y.selfIndex<0||!te:!S[f],oe=i.useMemo(()=>{const e=X.rightNums.get(Y.id);return m&&Y.id?p({section:Y,proposedSections:S,leftNums:X.leftNums,fallbackNumber:e}):e},[m,S,Y.id,Y.selfIndex,X]),re=i.useMemo(()=>{if(!m||null==Y.selfIndex)return null!=oe?[{label:String(oe),title:Y.title||"Untitled Section",lhsIdx:-1}]:[];const e=S.map((e,n)=>{const t=Array.isArray(e?.refIndexes)?e.refIndexes:[],i=t.findIndex(e=>e===Y.selfIndex);if(-1===i)return null;const o=e?.id?X.leftNums.get(e.id):void 0;if(null==o)return null;return{label:t.length>1?`${o}${g(i)}`:String(o),title:e?.title||"Untitled Section",lhsIdx:n}}).filter(Boolean);return-1===J?e:[...e].sort((e,n)=>e.lhsIdx===J?-1:n.lhsIdx===J?1:0)},[m,S,Y.selfIndex,Y.title,oe,X.leftNums,J]),le=i.useMemo(()=>{const e=re[0]?.label;if(!e)return null!=oe?String(oe):"";const n=re.length-1;return n>0?`${e} + ${n}`:e},[re,oe]),de=i.useMemo(()=>0===re.length?"":re.map(e=>`${e.label}: ${e.title}`).join("\n"),[re]),se=q||F&&(Q(O,f)||-1!==Z&&Q(O,Z));return e(o,{ref:$(f),sx:{mb:1,width:"100%"},children:e(o,{ref:C.current[f],sx:{width:"100%",display:"flex",...q&&G&&{borderRadius:"6px",outline:`2px solid ${G.badgeBorder}`,outlineOffset:"1px"}},children:n(o,{sx:{position:"relative",width:"100%"},children:[e(s,{section:x,idx:f,columnKey:"right",colRef:$(`right-accordion-${f}`),mb:0,parentNodeId:y?.input_index_map?.[1]||"",isExpanded:m?!!I[`right-${f}`]:!!I[String(f)],onToggle:()=>{j(),z(f,"right")},navigation:x.id?H[x.id]:null}),m&&ne&&e(r,{title:de?e(o,{sx:{whiteSpace:"pre-line"},children:e(l,{component:"span",sx:{fontSize:"11px",lineHeight:1.5},children:de})}):"",placement:"top",arrow:!0,children:e(o,{ref:N.current[f],"data-section-id":Y.id,onClick:e=>{if(!ie)return;const n=v.enableDeviationSchemaBackwardCompatibility?Y.evaluationResult??null:Y.evaluationResult?.[0]??null;T(e,String(f),ie,n)},sx:{position:"absolute",top:"18px",left:0,transform:"translateY(-50%) translateX(calc(-100% - 8px))",display:"inline-flex",alignItems:"center",justifyContent:"center",gap:ie?"4px":"0px",fontSize:"11px",bgcolor:ne.badgeBg,color:ne.badgeText,border:`1px solid ${ne.badgeBorder}`,borderRadius:ie?"12px":"10px",px:ie?1.2:1,py:.3,fontWeight:ie?600:700,cursor:ie?"pointer":"default",whiteSpace:"nowrap",zIndex:20,boxShadow:ie?"0 1px 3px rgba(0,0,0,0.07)":"none"},children:ie?n(t,{children:[n(o,{component:"span",onClick:e=>{e.stopPropagation();const n=v.enableDeviationSchemaBackwardCompatibility?Y.evaluationResult??null:Y.evaluationResult?.[0]??null;T(e,String(f),ie,n)},sx:{display:"inline-flex",alignItems:"center",gap:"4px",px:.2,cursor:"pointer",borderRight:`1px solid ${ne.badgeBorder}`,"&:hover":{bgcolor:`${ne.badgeBorder}22`}},children:[null!=oe&&e(o,{component:"span",sx:{fontSize:"11px",fontWeight:700,pr:.5,borderRight:`1px solid ${ne.badgeBorder}`},children:oe}),e(o,{component:"span",sx:{fontSize:"11px",px:.25},children:!v.isLoading||null!=Y.evaluationResult&&void 0!==Y.evaluationResult?ne.label?`${ne.label}`:"100% Deviation":e(a,{color:ne.badgeText})})]}),n(o,{component:"span",onClick:e=>{e.stopPropagation();const n=m?S.find(e=>e.refIndexes?.includes(Y.selfIndex))||{title:"",content:""}:S[f]||{title:"",content:""};k(e,n,ie,Y,f,ne)},sx:{display:"inline-flex",alignItems:"center",px:.2,cursor:"pointer","&:hover":{bgcolor:`${ne.badgeBorder}22`}},children:[e(d,{size:11,color:ne.badgeText}),se&&e(c,{locked:U,onToggle:W,color:ne.badgeText,borderColor:ne.badgeBorder,size:11})]})]}):e(t,{children:e(o,{component:"span",sx:{px:.2},children:le})})})})]})})},`right-row-${f}`)});export{x as default};
 //# sourceMappingURL=RHSSectionRow.js.map

package/dist/features/CognitiveCompare/components/RHSSectionRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RHSSectionRow.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"RHSSectionRow.js","sources":["../../../../src/features/CognitiveCompare/components/RHSSectionRow.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box, Tooltip, Typography } from \"@mui/material\";\nimport { EllipsisVertical } from \"lucide-react\";\n\nimport SectionAccordion from \"./SectionAccordion\";\nimport ThreeDotsLoader from \"./ThreeDotsLoader\";\nimport ScrollLockToggle from \"./ScrollLockToggle\";\nimport {\n extractDeviationScore,\n getAlphabeticSuffix,\n getRhsMappedSectionNumber,\n} from \"../CognitiveComparehelpers\";\nimport { SectionBlock, StyleVariant } from \"../CognitiveCompareTypes\";\nimport { useCompareContext } from \"../CompareContext\";\n\ntype UnifiedNumbering = {\n leftNums: Map<string, number>;\n rightNums: Map<string, string>;\n};\n\ntype RHSSectionRowProps = {\n section: SectionBlock;\n idx: number;\n};\n\nconst RHSSectionRow = React.memo(\n ({\n section,\n idx,\n }: RHSSectionRowProps) => {\n const {\n maintainRelativeOrder,\n existingSections,\n proposedSections,\n connectedSections,\n expandedSections,\n displayConfig,\n treeData,\n deviationNumberRegistry,\n getSectionCompareStyle,\n getBadgeRef,\n getSectionRowRef,\n sectionRightRefs,\n rhsBadgeRefs,\n openMoreFunctionsPopup,\n handleOpenSummaryPopup,\n handleCloseSummaryPopup,\n toggleSection,\n showDeviationBadges = false,\n renderSubSectionAccordion,\n isProposingFix,\n proposingFixNodeId,\n isRedlineFlow,\n isSideBySide,\n activeSideBySideSection,\n scrollSyncLocked,\n toggleScrollSyncLocked,\n deviationNodeIdToView,\n deviationTargetParentId,\n showDeviationNavigation,\n showOpenNodeRef,\n resolvedMarkdownStyles,\n unifiedNumbering,\n } = useCompareContext();\n const sec = section as any;\n\n let isTargetOfConnection = false;\n let connectedStyle = null;\n let connectedLhsIdx = -1;\n const isSameSectionId = (value: string \| number \| null \| undefined, targetIdx: number) =>\n String(value ?? \"\") === String(targetIdx);\n const isSectionActive = (lhsIdx: number) =>\n connectedSections.has(lhsIdx) \|\|\n connectedSections.has(String(lhsIdx) as any) \|\|\n (\n activeSideBySideSection != null &&\n !String(activeSideBySideSection).includes(\"::\") &&\n isSameSectionId(activeSideBySideSection, lhsIdx)\n );\n\n let mappedLhsIdx = -1;\n if (maintainRelativeOrder) {\n mappedLhsIdx = (proposedSections as any[]).findIndex(\n (lhs) => lhs.refIndexes?.includes(sec.selfIndex) && lhs.selfIndex >= 0,\n );\n\n connectedLhsIdx = (proposedSections as SectionBlock[]).findIndex(\n (lhs, lhsIdx) => isSectionActive(lhsIdx) && lhs.refIndexes?.includes(sec.selfIndex),\n );\n isTargetOfConnection = connectedLhsIdx !== -1;\n if (isTargetOfConnection) {\n connectedStyle = getSectionCompareStyle(connectedLhsIdx, \"left\");\n }\n } else {\n isTargetOfConnection =\n connectedSections.has(idx) \|\|\n connectedSections.has(String(idx) as any) \|\|\n isSameSectionId(activeSideBySideSection, idx);\n if (isTargetOfConnection) {\n connectedStyle = getSectionCompareStyle(idx, \"right\");\n }\n }\n\n const style =\n maintainRelativeOrder && mappedLhsIdx !== -1\n ? getSectionCompareStyle(mappedLhsIdx, \"left\")\n : getSectionCompareStyle(idx, \"right\");\n const displayStyle = connectedStyle \|\| style;\n\n const hasMappedLhs = maintainRelativeOrder\n ? (mappedLhsIdx !== -1 \|\|\n (!sec.refIndexes?.length && proposedSections.some((lhs: any) => lhs.id && lhs.id === sec.id)))\n : Boolean(proposedSections[idx]);\n const isOrphanRhs = maintainRelativeOrder\n ? sec.selfIndex < 0 \|\| !hasMappedLhs\n : !proposedSections[idx];\n\n const displayNumRhs = React.useMemo(() => {\n const fallbackNumber = unifiedNumbering.rightNums.get(sec.id);\n\n if (!maintainRelativeOrder \|\| !sec.id) return fallbackNumber;\n\n return getRhsMappedSectionNumber({\n section: sec,\n proposedSections: proposedSections as SectionBlock[],\n leftNums: unifiedNumbering.leftNums,\n fallbackNumber,\n });\n }, [maintainRelativeOrder, proposedSections, sec.id, sec.selfIndex, unifiedNumbering]);\n\n const rhsMappedSections = React.useMemo(() => {\n if (!maintainRelativeOrder \|\| sec.selfIndex == null) {\n return displayNumRhs != null\n ? [{ label: String(displayNumRhs), title: sec.title \|\| \"Untitled Section\", lhsIdx: -1 }]\n : [];\n }\n\n const mapped = (proposedSections as SectionBlock[])\n .map((lhs, lhsIdx) => {\n const refIndexes = Array.isArray(lhs?.refIndexes) ? lhs.refIndexes : [];\n const rhsPosition = refIndexes.findIndex(\n (refIndex: number) => refIndex === sec.selfIndex,\n );\n if (rhsPosition === -1) return null;\n\n const baseNumber = lhs?.id ? unifiedNumbering.leftNums.get(lhs.id) : undefined;\n if (baseNumber == null) return null;\n\n const label = refIndexes.length > 1\n ? `${baseNumber}${getAlphabeticSuffix(rhsPosition)}`\n : String(baseNumber);\n\n return {\n label,\n title: lhs?.title \|\| \"Untitled Section\",\n lhsIdx,\n };\n })\n .filter(Boolean) as { label: string; title: string; lhsIdx: number }[];\n\n if (connectedLhsIdx === -1) return mapped;\n\n return [...mapped].sort((a, b) => {\n if (a.lhsIdx === connectedLhsIdx) return -1;\n if (b.lhsIdx === connectedLhsIdx) return 1;\n return 0;\n });\n }, [\n maintainRelativeOrder,\n proposedSections,\n sec.selfIndex,\n sec.title,\n displayNumRhs,\n unifiedNumbering.leftNums,\n connectedLhsIdx,\n ]);\n\n const rhsBadgeDisplayLabel = React.useMemo(() => {\n const firstLabel = rhsMappedSections[0]?.label;\n if (!firstLabel) return displayNumRhs != null ? String(displayNumRhs) : \"\";\n\n const remainingCount = rhsMappedSections.length - 1;\n return remainingCount > 0 ? `${firstLabel} + ${remainingCount}` : firstLabel;\n }, [rhsMappedSections, displayNumRhs]);\n\n const rhsBadgeTooltip = React.useMemo(() => {\n if (rhsMappedSections.length === 0) return \"\";\n return rhsMappedSections\n .map((mapped) => `${mapped.label}: ${mapped.title}`)\n .join(\"\\n\");\n }, [rhsMappedSections]);\n const showScrollLockToggle =\n isTargetOfConnection \|\|\n (isSideBySide &&\n (isSameSectionId(activeSideBySideSection, idx) \|\|\n (mappedLhsIdx !== -1 && isSameSectionId(activeSideBySideSection, mappedLhsIdx))));\n\n return (\n <Box key={`right-row-${idx}`} ref={getSectionRowRef(idx)} sx={{ mb: 1, width: \"100%\" }}>\n <Box\n ref={sectionRightRefs.current[idx]}\n sx={{\n width: \"100%\",\n display: \"flex\",\n ...(isTargetOfConnection && connectedStyle && {\n borderRadius: \"6px\",\n outline: `2px solid ${connectedStyle.badgeBorder}`,\n outlineOffset: \"1px\",\n }),\n }}\n >\n <Box sx={{ position: \"relative\", width: \"100%\" }}>\n <SectionAccordion\n section={section}\n idx={idx}\n columnKey=\"right\"\n colRef={getSectionRowRef(`right-accordion-${idx}`)}\n mb={0}\n parentNodeId={treeData?.input_index_map?.[\"1\"] \|\| \"\"}\n isExpanded={\n maintainRelativeOrder\n ? !!expandedSections[`right-${idx}`]\n : !!expandedSections[String(idx)]\n }\n onToggle={() => {\n handleCloseSummaryPopup();\n toggleSection(idx, \"right\");\n }}\n navigation={section.id ? showDeviationNavigation[section.id] : null}\n />\n\n {maintainRelativeOrder && displayStyle && (\n <Tooltip\n title={\n rhsBadgeTooltip ? (\n <Box sx={{ whiteSpace: \"pre-line\" }}>\n <Typography component=\"span\" sx={{ fontSize: \"11px\", lineHeight: 1.5 }}>\n {rhsBadgeTooltip}\n </Typography>\n </Box>\n ) : \"\"\n }\n placement=\"top\"\n arrow\n >\n <Box\n ref={rhsBadgeRefs.current[idx]}\n data-section-id={sec.id}\n onClick={(e) => {\n if (!isOrphanRhs) return;\n const evaluationResult = displayConfig.enableDeviationSchemaBackwardCompatibility\n ? (sec.evaluationResult ?? null)\n : (sec.evaluationResult?.[0] ?? null);\n handleOpenSummaryPopup(e, String(idx), isOrphanRhs, evaluationResult);\n }}\n sx={{\n position: \"absolute\",\n top: \"18px\",\n left: 0,\n transform: \"translateY(-50%) translateX(calc(-100% - 8px))\",\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n gap: isOrphanRhs ? \"4px\" : \"0px\",\n fontSize: \"11px\",\n bgcolor: displayStyle.badgeBg,\n color: displayStyle.badgeText,\n border: `1px solid ${displayStyle.badgeBorder}`,\n borderRadius: isOrphanRhs ? \"12px\" : \"10px\",\n px: isOrphanRhs ? 1.2 : 1,\n py: 0.3,\n fontWeight: isOrphanRhs ? 600 : 700,\n cursor: isOrphanRhs ? \"pointer\" : \"default\",\n whiteSpace: \"nowrap\",\n zIndex: 20,\n boxShadow: isOrphanRhs ? \"0 1px 3px rgba(0,0,0,0.07)\" : \"none\",\n }}\n >\n {isOrphanRhs ? (\n <>\n <Box\n component=\"span\"\n onClick={(e) => {\n e.stopPropagation();\n const evaluationResult = displayConfig.enableDeviationSchemaBackwardCompatibility\n ? (sec.evaluationResult ?? null)\n : (sec.evaluationResult?.[0] ?? null);\n handleOpenSummaryPopup(e, String(idx), isOrphanRhs, evaluationResult);\n }}\n sx={{\n display: \"inline-flex\",\n alignItems: \"center\",\n gap: \"4px\",\n px: 0.2,\n cursor: \"pointer\",\n borderRight: `1px solid ${displayStyle.badgeBorder}`,\n \"&:hover\": { bgcolor: `${displayStyle.badgeBorder}22` },\n }}\n >\n {displayNumRhs != null && (\n <Box\n component=\"span\"\n sx={{\n fontSize: \"11px\",\n fontWeight: 700,\n pr: 0.5,\n borderRight: `1px solid ${displayStyle.badgeBorder}`,\n }}\n >\n {displayNumRhs}\n </Box>\n )}\n\n <Box component=\"span\" sx={{ fontSize: \"11px\", px: 0.25 }}>\n {displayConfig.isLoading && (sec.evaluationResult == null \|\| sec.evaluationResult === undefined)\n ? <ThreeDotsLoader color={displayStyle.badgeText} />\n : (displayStyle.label ? `${displayStyle.label}` : \"100% Deviation\")}\n </Box>\n </Box>\n <Box\n component=\"span\"\n onClick={(e) => {\n e.stopPropagation();\n const baseSec = maintainRelativeOrder\n ? (proposedSections.find((s: any) => s.refIndexes?.includes(sec.selfIndex)) \|\| { title: \"\", content: \"\" }) as SectionBlock\n : (proposedSections[idx] \|\| { title: \"\", content: \"\" }) as SectionBlock;\n\n openMoreFunctionsPopup(e, baseSec, isOrphanRhs, sec as SectionBlock, idx, displayStyle);\n }}\n sx={{\n display: \"inline-flex\",\n alignItems: \"center\",\n px: 0.2,\n cursor: \"pointer\",\n \"&:hover\": { bgcolor: `${displayStyle.badgeBorder}22` },\n }}\n >\n <EllipsisVertical size={11} color={displayStyle.badgeText} />\n {showScrollLockToggle && (\n <ScrollLockToggle\n locked={scrollSyncLocked}\n onToggle={toggleScrollSyncLocked}\n color={displayStyle.badgeText}\n borderColor={displayStyle.badgeBorder}\n size={11}\n />\n )}\n </Box>\n </>\n ) : (\n <>\n <Box component=\"span\" sx={{ px: 0.2 }}>\n {rhsBadgeDisplayLabel}\n </Box>\n </>\n )}\n </Box>\n </Tooltip>\n )}\n </Box>\n </Box>\n </Box>\n );\n },\n);\n\nexport default RHSSectionRow;\n"],"names":["RHSSectionRow","React","memo","section","idx","maintainRelativeOrder","existingSections","proposedSections","connectedSections","expandedSections","displayConfig","treeData","deviationNumberRegistry","getSectionCompareStyle","getBadgeRef","getSectionRowRef","sectionRightRefs","rhsBadgeRefs","openMoreFunctionsPopup","handleOpenSummaryPopup","handleCloseSummaryPopup","toggleSection","showDeviationBadges","renderSubSectionAccordion","isProposingFix","proposingFixNodeId","isRedlineFlow","isSideBySide","activeSideBySideSection","scrollSyncLocked","toggleScrollSyncLocked","deviationNodeIdToView","deviationTargetParentId","showDeviationNavigation","showOpenNodeRef","resolvedMarkdownStyles","unifiedNumbering","useCompareContext","sec","isTargetOfConnection","connectedStyle","connectedLhsIdx","isSameSectionId","value","targetIdx","String","mappedLhsIdx","findIndex","lhs","refIndexes","includes","selfIndex","lhsIdx","has","isSectionActive","style","displayStyle","hasMappedLhs","length","some","id","Boolean","isOrphanRhs","displayNumRhs","useMemo","fallbackNumber","rightNums","get","getRhsMappedSectionNumber","leftNums","rhsMappedSections","label","title","mapped","map","Array","isArray","rhsPosition","refIndex","baseNumber","getAlphabeticSuffix","filter","sort","a","b","rhsBadgeDisplayLabel","firstLabel","remainingCount","rhsBadgeTooltip","join","showScrollLockToggle","jsx","Box","ref","sx","mb","width","children","current","display","borderRadius","outline","badgeBorder","outlineOffset","jsxs","position","SectionAccordion","columnKey","colRef","parentNodeId","input_index_map","isExpanded","onToggle","navigation","Tooltip","whiteSpace","Typography","component","fontSize","lineHeight","placement","arrow","onClick","e","evaluationResult","enableDeviationSchemaBackwardCompatibility","top","left","transform","alignItems","justifyContent","gap","bgcolor","badgeBg","color","badgeText","border","px","py","fontWeight","cursor","zIndex","boxShadow","Fragment","stopPropagation","borderRight","pr","isLoading","ThreeDotsLoader","baseSec","find","s","content","EllipsisVertical","size","ScrollLockToggle","locked","borderColor"],"mappings":"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"}

package/dist/features/CognitiveCompare/components/ScrollLockToggle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__assign as o}from"tslib";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Tooltip as i,Box as t}from"@mui/material";var n=function(n){var l=n.locked,c=n.onToggle,s=n.color,d=void 0===s?"#3730A3":s,a=n.borderColor,h=void 0===a?"#C7D2FE":a,u=n.size,p=void 0===u?12:u,k=l?function(i){var t=i.size,n=i.color;return r("svg",o({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:n,strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-lock-icon lucide-lock"},{children:[e("rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2"}),e("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]}))}:function(i){var t=i.size,n=i.color;return r("svg",o({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:n,strokeWidth:"1",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-lock-open-icon lucide-lock-open"},{children:[e("rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2"}),e("path",{d:"M7 11V7a5 5 0 0 1 9.9-1"})]}))};return e(i,o({title:l?"Unlock scroll":"Lock scroll",placement:"top"},{children:e(t,o({component:"span",onClick:c,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",px:.5,borderLeft:"1px solid ".concat(h),cursor:"pointer"}},{children:e(k,{size:p,color:d})}))}))};export{n as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Tooltip as i,Box as r}from"@mui/material";const t=({locked:t,onToggle:l,color:n="#3730A3",borderColor:c="#C7D2FE",size:s=12})=>e(i,{title:t?"Unlock scroll":"Lock scroll",placement:"top",children:e(r,{component:"span",onClick:l,sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",px:.5,borderLeft:`1px solid ${c}`,cursor:"pointer"},children:e(t?({size:i,color:r})=>o("svg",{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:r,strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-lock-icon lucide-lock",children:[e("rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2"}),e("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]}):({size:i,color:r})=>o("svg",{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:r,strokeWidth:"1",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-lock-open-icon lucide-lock-open",children:[e("rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2"}),e("path",{d:"M7 11V7a5 5 0 0 1 9.9-1"})]}),{size:s,color:n})})});export{t as default};
 //# sourceMappingURL=ScrollLockToggle.js.map

package/dist/features/CognitiveCompare/components/ScrollLockToggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollLockToggle.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"ScrollLockToggle.js","sources":["../../../../src/features/CognitiveCompare/components/ScrollLockToggle.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box, Tooltip } from \"@mui/material\";\n\ntype ScrollLockToggleProps = {\n locked: boolean;\n onToggle: (e: React.MouseEvent) => void;\n color?: string;\n borderColor?: string;\n size?: number;\n};\n\ntype IconComponentProps = {\n size: number;\n color: string;\n};\n\nconst ScrollLockToggle = ({\n locked,\n onToggle,\n color = \"#3730A3\",\n borderColor = \"#C7D2FE\",\n size = 12,\n}: ScrollLockToggleProps) => {\n const Lock = ({ size, color }: IconComponentProps) => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\" stroke={color} strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" className=\"lucide lucide-lock-icon lucide-lock\">\n <rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"/>\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"/>\n </svg>\n );\n const Unlock = ({ size, color }: IconComponentProps) => (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width={size} height={size} viewBox=\"0 0 24 24\" fill=\"none\" stroke={color} strokeWidth=\"1\" strokeLinecap=\"round\" strokeLinejoin=\"round\" className=\"lucide lucide-lock-open-icon lucide-lock-open\">\n <rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"/>\n <path d=\"M7 11V7a5 5 0 0 1 9.9-1\"/>\n </svg>\n );\n const Icon = locked ? Lock : Unlock;\n\n return (\n <Tooltip title={locked ? \"Unlock scroll\" : \"Lock scroll\"} placement=\"top\">\n <Box\n component=\"span\"\n onClick={onToggle}\n sx={{\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n px: 0.5,\n borderLeft: `1px solid ${borderColor}`,\n cursor: \"pointer\",\n // \"&:hover\": { bgcolor: \"rgba(0,0,0,0.06)\" },\n }}\n >\n <Icon size={size} color={color} />\n </Box>\n </Tooltip>\n );\n};\n\nexport default ScrollLockToggle;"],"names":["ScrollLockToggle","locked","onToggle","color","borderColor","size","Tooltip","title","placement","children","jsx","Box","component","onClick","sx","display","alignItems","justifyContent","px","borderLeft","cursor","jsxs","xmlns","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","className","x","y","rx","ry","d"],"mappings":"mGAgBA,MAAMA,EAAmB,EACvBC,SACAC,WACAC,QAAQ,UACRC,cAAc,UACdC,OAAO,QAiBJC,EAAQ,CAAAC,MAAON,EAAS,gBAAkB,cAAeO,UAAU,MAClEC,SAAAC,EAACC,EAAA,CACCC,UAAU,OACVC,QAASX,EACTY,GAAI,CACFC,QAAS,cACTC,WAAY,SACZC,eAAgB,SAChBC,GAAI,GACJC,WAAY,aAAaf,IACzBgB,OAAQ,WAIVX,SAAAC,EAjBOT,EAZA,EAAGI,KAAAA,EAAMF,MAAAA,KACnBkB,EAAA,MAAA,CAAIC,MAAM,6BAA6BC,MAAOlB,EAAMmB,OAAQnB,EAAMoB,QAAQ,YAAYC,KAAK,OAAOC,OAAQxB,EAAOyB,YAAY,MAAMC,cAAc,QAAQC,eAAe,QAAQC,UAAU,sCACzLtB,SAAA,CAAAC,EAAC,OAAK,CAAAa,MAAM,KAAKC,OAAO,KAAKQ,EAAE,IAAIC,EAAE,KAAKC,GAAG,IAAIC,GAAG,MACpDzB,EAAC,OAAK,CAAA0B,EAAE,gCAGG,EAAG/B,KAAAA,EAAMF,MAAAA,KACrBkB,EAAA,MAAA,CAAIC,MAAM,6BAA6BC,MAAOlB,EAAMmB,OAAQnB,EAAMoB,QAAQ,YAAYC,KAAK,OAAOC,OAAQxB,EAAOyB,YAAY,IAAIC,cAAc,QAAQC,eAAe,QAAQC,UAAU,gDACvLtB,SAAA,CAAAC,EAAC,OAAK,CAAAa,MAAM,KAAKC,OAAO,KAAKQ,EAAE,IAAIC,EAAE,KAAKC,GAAG,IAAIC,GAAG,MACpDzB,EAAC,OAAK,CAAA0B,EAAE,+BAoBA,CAAA/B,OAAYF"}

package/dist/features/CognitiveCompare/components/SectionAccordion.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__assign as n}from"tslib";import{jsxs as e,jsx as i}from"react/jsx-runtime";import o,{useEffect as t}from"react";import{Box as l,Accordion as d,AccordionSummary as r,Tooltip as a,Typography as u,AccordionDetails as c}from"@mui/material";import{ChevronUp as s,ChevronDown as v}from"lucide-react";import{MemoizedMarkdown as f}from"../hooks/memoizedMarkdown.js";import{useCompareContext as p}from"../CompareContext.js";import{hasValue as h,hasMeaningfulRedlineTags as g,stripRedlineTags as x,hasSingleMappedLhsSection as m,generateColorPalette as I,getLhsDeviationDisplayIndexes as y,isMissingStr as b,getRhsMappedSectionNumber as w,safeStringify as S,DEVIATION_BADGE_SEPARATOR as R}from"../CognitiveComparehelpers.js";import{DEFAULT_DEVIAION_COLOR as _}from"../CognitiveCompareConstants.js";var F=function(F){var M,k,N,B,C,E,A,O,j,W,T,D,P,K,z,G=F.section,L=F.idx,X=F.columnKey,H=F.colRef,V=F.mb,Y=void 0===V?1:V,q=F.isExpanded,J=F.onToggle,Q=F.navigation,U=F.parentNodeId,Z=void 0===U?"":U,$=p(),nn=$.showOpenNodeRef,en=$.resolvedMarkdownStyles,on=$.maintainRelativeOrder,tn=$.showDeviationBadges,ln=void 0!==tn&&tn,dn=$.renderSubSectionAccordion,rn=$.treeData,an=$.proposedSections,un=$.existingSections,cn=$.deviationNumberRegistry,sn=$.deviationParentRegistry,vn=$.getBadgeRef,fn=$.openSummaryPopup,pn=$.getSectionCompareStyle,hn=$.connectedSections,gn=$.openMoreFunctionsPopup,xn=$.isProposingFix,mn=$.proposingFixNodeId,In=$.isRedlineFlow,yn=$.isSideBySide,bn=$.activeSideBySideSection,wn=$.scrollSyncLocked,Sn=$.unifiedNumbering,Rn=$.toggleScrollSyncLocked,_n=$.summaryPopupAnchorEl,Fn="".concat(yn?"1":"0","-").concat(String(null!=bn?bn:"")),Mn=(null===(M=G.displayTitle)||void 0===M||M)&&h(G.title),kn=!(!xn||!mn||"left"!==X||G.id!==mn&&G.nodeId!==mn),Nn=g(G.content),Bn="boolean"==typeof In?In:Nn,Cn=Nn,En=Bn&&Nn,An=En?x(G.content):G.content,On=En?G.content:void 0,jn=(null===(k=G.displayContent)||void 0===k||k||Nn)&&h(G.content),Wn=!Mn&&!jn,Tn=G.title;Mn||(Tn=jn?"No Title Found":"No Matching Section Found");var Dn="left"===X&&(G.isMultipleMapping||(null!==(B=null===(N=G.refContentIds)||void 0===N?void 0:N.length)&&void 0!==B?B:1)>1),Pn="left"===X&&Tn.length>29?"".concat(Tn.slice(0,29).trimEnd(),"..."):Tn,Kn=G.evaluationResult;if(!Kn&&"right"===X)if(on){var zn=null===(C=G.refIndexes)||void 0===C?void 0:C[0],Gn=an.find(function(n){return n.selfIndex===zn});Kn=null==Gn?void 0:Gn.evaluationResult}else Kn=null===(E=an[L])||void 0===E?void 0:E.evaluationResult;var Ln=null===(A=null==rn?void 0:rn.input_index_map)||void 0===A?void 0:A[0],Xn=null===(O=null==rn?void 0:rn.input_index_map)||void 0===O?void 0:O[1],Hn="left"===X?Xn:Ln,Vn=function(n,e){var i;if(!e||!n)return null;for(var o=0,t=n;o<t.length;o++){var l=t[o];if(l.id===e||l.nodeId===e||l.contentId===e)return l;if(null===(i=l.subsections)||void 0===i?void 0:i.length){var d=Vn(l.subsections,e);if(d)return d}}return null},Yn="left"===X?G:Vn(an,G.id),qn="right"===X?G:Vn(un,G.id),Jn=o.useMemo(function(){if(!on)return 0;var n=1/0,e=function(n){var e=g(n)?x(n):n;return S(e||"").replace(/\\n/g,"\n")},i=function(o,t,l,d){if(o){var r=o.nodeId||o.id;if(d&&"right"===X){var a=an.filter(function(n){var e;return null===(e=n.refIndexes)||void 0===e?void 0:e.includes(o.selfIndex)});a.length>0&&(r=a[0].nodeId||a[0].id)}var u=o.nodeId||o.id||(null==t?void 0:t.nodeId)||(null==t?void 0:t.id)||(null==l?void 0:l.nodeId)||(null==l?void 0:l.id),c=o.evaluationResult||(null==t?void 0:t.evaluationResult)||(null==l?void 0:l.evaluationResult),s=(null==c?void 0:c.deviations)||{};Object.keys(s).forEach(function(i){var d,a=null===(d=s[i])||void 0===d?void 0:d[Z];if(function(n,i){if("string"!=typeof i||b(i))return!1;var o=e(null==n?void 0:n.content),t=e(i);return!!t&&o.includes(t)}("left"===X?t||o:l||o,a)){var c="".concat(r).concat(R).concat(i),v=null==cn?void 0:cn[c];null!=v&&v<n&&(n=v);var f="".concat(u).concat(R).concat(i),p=null==cn?void 0:cn[f];null!=p&&p<n&&(n=p)}});for(var v=o.subsections||[],f=(null==t?void 0:t.subsections)||[],p=(null==l?void 0:l.subsections)||[],h=Math.max(v.length,f.length,p.length),g=0;g<h;g++)i(v[g],f[g],p[g],!1)}},o="right"===X?an.filter(function(n){var e;return null===(e=n.refIndexes)||void 0===e?void 0:e.includes(G.selfIndex)}):[];if(1===o.length){var t=o[0];(t.refIndexes||[]).map(function(n){return un.find(function(e){return e.selfIndex===n})}).filter(Boolean).forEach(function(n){i(n,t,n,!0)})}else i(G,Yn,qn,!0);return n!==1/0?n-1:0},[G,Yn,qn,X,Z,cn,on,an,un]);if(on)if("left"===X){var Qn=null===(j=G.refIndexes)||void 0===j?void 0:j[0],Un=un.findIndex(function(n){return n.selfIndex===Qn});qn=-1!==Un?un[Un]:Vn(un,G.id)}else{var Zn=null===(W=G.refIndexes)||void 0===W?void 0:W[0],$n=an.findIndex(function(n){return n.selfIndex===Zn});Yn=-1!==$n?an[$n]:Vn(an,G.id)}var ne="left"===X?!qn:!Yn,ee=on&&"right"===X&&m(G,an),ie=Kn||(null==Yn?void 0:Yn.evaluationResult)||(null==qn?void 0:qn.evaluationResult),oe=null!==(P=null===(D=null===(T=null==ie?void 0:ie.evaluation_outputs)||void 0===T?void 0:T.metadata)||void 0===D?void 0:D.label_color)&&void 0!==P?P:_,te=I(oe).highlightBg,le=(null==ie?void 0:ie.deviations)||{},de=o.useMemo(function(){return on&&"right"===X?y(an,Ln,cn):new Map},[on,X,an,Ln,cn]),re=G.nodeId||G.id;if(on&&"left"!==X){var ae=an.filter(function(n){var e;return null===(e=n.refIndexes)||void 0===e?void 0:e.includes(G.selfIndex)});ae.length>0?re=ae[0].nodeId||ae[0].id:(null==Yn?void 0:Yn.id)&&(re=Yn.nodeId||Yn.id)}var ue=o.useMemo(function(){var n,e=new Map;if(!on||"right"!==X)return e;var i=1,o=an.filter(function(n){var e;return null===(e=n.refIndexes)||void 0===e?void 0:e.includes(G.selfIndex)}),t=1===o.length&&1===(null===(n=o[0].refIndexes)||void 0===n?void 0:n.length),l=function(n){return S(n||"").replace(/\\n/g,"\n")},d=function(n,e){var i=e?o[0]:Vn(an,n.nodeId||n.id||n.contentId);return{lhsNode:i,evalResult:n.evaluationResult||(null==i?void 0:i.evaluationResult),registryNodeId:i?i.nodeId||i.id:n.nodeId||n.id}};if(t){var r=function(n,e){if(void 0===e&&(e=!1),n){var o=d(n,e),t=o.lhsNode,a=o.evalResult,u=o.registryNodeId,c=l(n.content);Object.entries((null==a?void 0:a.deviations)||{}).forEach(function(n){var e=n[0],o=n[1],d=o[Z],r=l(d);if(!!t&&!b(o[Hn])&&r&&c.includes(r)){var a="".concat(u).concat(R).concat(e),s=cn[a];null!=s&&(i=Math.max(i,Math.max(1,s-(Jn||0))+1))}}),(n.subsections||[]).forEach(function(n){return r(n)})}};r(G,!0)}var a=function(n,o){if(void 0===o&&(o=!1),n){var t=d(n,o),r=t.lhsNode,u=t.evalResult,c=t.registryNodeId,s=(null==u?void 0:u.deviations)||{},v=l(n.content);Object.entries(s).map(function(n){var e,i=n[0],o=n[1],t=o[Z],d=!r||b(o[Hn]),a=l(t),u=a?v.indexOf(a):-1,s="".concat(c).concat(R).concat(i);return{refId:s,isRenderable:d&&!!a&&!b(t),position:u,registryIndex:null!==(e=cn[s])&&void 0!==e?e:Number.MAX_SAFE_INTEGER}}).filter(function(n){return n.isRenderable}).sort(function(n,e){return(-1===n.position?Number.MAX_SAFE_INTEGER:n.position)-(-1===e.position?Number.MAX_SAFE_INTEGER:e.position)||n.registryIndex-e.registryIndex}).forEach(function(n){e.set(n.refId,i++)}),(n.subsections||[]).forEach(function(n){return a(n)})}};return a(G,!0),e},[on,X,G,an,Z,Hn,cn,Jn]),ce=Object.keys(le)[0],se=ce?"".concat(re).concat(R).concat(ce):null,ve=se?null==sn?void 0:sn[se]:null,fe=L+1;if(on&&Sn){var pe="left"===X?Sn.leftNums.get(null==G?void 0:G.id):Sn.rightNums.get(null==G?void 0:G.id);ne&&void 0!==pe?fe=pe:null!=ve&&ve>=0?fe=ve:void 0!==pe&&(fe=pe)}else null!=ve&&ve>=0&&(fe=ve);var he=Object.entries(le).map(function(n){var e=n[0],i=n[1],o="".concat(re).concat(R).concat(e);return{deviationKey:e,deviationMap:i,refId:o,currentIndex:cn[o]}}).filter(function(n){return void 0!==n.currentIndex&&null!==n.currentIndex});he.sort(function(n,e){return n.currentIndex-e.currentIndex});var ge,xe,me=he.map(function(e){var i,o,t,l,d,r,a=e.deviationKey,u=e.deviationMap,c=e.refId,s=e.currentIndex,v=u[Z],f=b(v);if(f)v="";else if(!v)return null;var p=L,h=L;if(on)if("left"===X){var g=null===(i=G.refIndexes)||void 0===i?void 0:i[0],x=un.findIndex(function(n){return n.selfIndex===g});if(-1!==x)h=x;else{var m=un.findIndex(function(n){return n.id===G.id||n.nodeId===G.nodeId||n.contentId===G.contentId});h=-1!==m?m:L}}else{var y=null===(o=G.refIndexes)||void 0===o?void 0:o[0],S=an.findIndex(function(n){return n.selfIndex===y});if(-1!==S)p=S;else p=-1!==(A=an.findIndex(function(n){return n.id===G.id||n.nodeId===G.nodeId||n.contentId===G.contentId}))?A:L}var _="".concat(re).concat(R).concat(a).concat(R).concat(p).concat(R).concat(h),F=u[Hn],M=ne||b(F),k=ue.get(c),N=de.get(c);on&&"right"===X&&M&&void 0!==k?s=k:on&&"right"===X&&!M&&void 0!==N?s=N:on&&void 0!==Jn&&("right"!==X||M||ee)&&(s-=Jn),s=Math.max(1,s);var B=on&&"right"===X&&M&&Sn?w({section:G,proposedSections:an,leftNums:Sn.leftNums,fallbackNumber:String(fe),firstOnly:!0}):fe,C="".concat(B,".").concat(s),E=L;if("right"===X&&on){var A,O=null===(t=G.refIndexes)||void 0===t?void 0:t[0],j=an.findIndex(function(n){return n.selfIndex===O});if(-1!==j)E=j;else-1!==(A=an.findIndex(function(n){return n.id===G.id||n.nodeId===G.nodeId||n.contentId===G.contentId}))&&(E=A)}var W=pn?pn(E):null,T=(null==u?void 0:u.evaluation_outputs)||(null==ie?void 0:ie.evaluation_outputs),D=null!==(l=null==T?void 0:T.output_value)&&void 0!==l?l:null,P=null!==(r=null===(d=null==T?void 0:T.metadata)||void 0===d?void 0:d.label_color)&&void 0!==r?r:oe,K=I(P),z=W?n(n({},W),{badgeBg:K.badgeBg,badgeBorder:K.badgeBorder,badgeText:K.badgeText}):n({},K),H=(null==u?void 0:u.deviation_summary)?{deviation_summary:u.deviation_summary,deviation_title:(null==u?void 0:u.deviation_title)||(null==ie?void 0:ie.deviation_title),deviation_impact:(null==u?void 0:u.deviation_impact)||(null==ie?void 0:ie.deviation_impact),deviation_explanation:(null==u?void 0:u.deviation_explanation)||(null==ie?void 0:ie.deviation_explanation),evaluation_outputs:T,cognitive_decisioning:(null==u?void 0:u.cognitive_decisioning)||(null==ie?void 0:ie.cognitive_decisioning)}:null,V=0,Y=An||"";if(v&&Y){var q=Y.split(/\n{2,}/),J=q.findIndex(function(n){return n.includes(v)});if(-1!==J){var Q=Object.entries(le).filter(function(n){n[0];var e=n[1][Z];return e&&q[J].includes(e)}).sort(function(n,e){return q[J].indexOf(n[1][Z])-q[J].indexOf(e[1][Z])}),U=Q.filter(function(n){n[0];var e=n[1][Z];return e&&(e.includes(v)||v.includes(e))});U.length>1&&(V=Math.max(0,U.findIndex(function(n){return n[0]===a})))}}var $=vn(X,c);return{id:c,actionId:_,label:C,highlight:v,side:X,style:z,stackIndex:V,score:D,isConnected:null==hn?void 0:hn.has(_),showScrollLockToggle:(null==hn?void 0:hn.has(_))||yn&&bn===_||!!_n&&_n===$.current,scrollSyncLocked:wn,toggleScrollSyncLocked:Rn,isOrphan:M,isMissingClause:f,badgeRef:$,onClick:function(n){n.stopPropagation(),gn&&gn(n,Yn||{id:"orphan-left",title:"",content:""},M,qn||{id:"orphan-right",title:"",content:""},_,z)},onSummaryClick:function(n){n.stopPropagation(),fn(n,_,M,H)}}}).filter(Boolean),Ie=ln||!Bn&&kn?me:[],ye=me.map(function(n){return n.highlight}).filter(Boolean),be=G.id&&X===(null==Q?void 0:Q.columnKey)?Q:null,we=o.useRef(!1);return t(function(){q||(we.current=!1)},[q]),e(l,n({ref:H,sx:{mb:Y,width:"100%",display:"flex",flexDirection:"column",position:"relative",minWidth:0}},{children:[q&&(null==be?void 0:be.showAbove)&&i("div",n({style:{position:"sticky",top:0,height:"0px",cursor:"pointer"},onClick:function(){var n,e;return null===(e=null===(n=null==be?void 0:be.showAboveRef)||void 0===n?void 0:n.current)||void 0===e?void 0:e.scrollIntoView({behavior:"smooth",block:"center"})}},{children:i("div",n({style:n({transform:"translateY(-50%) translateX(calc(100% ".concat("left"===X?"+":"-"," 130px))"),position:"absolute",paddingTop:"20px"},"left"===X?{right:"-20px"}:{left:"-20px"})},{children:i(s,{color:(null===(K=null==be?void 0:be.showAboveRef)||void 0===K?void 0:K.current)?window.getComputedStyle(be.showAboveRef.current).color:void 0})}))})),e(d,n({disableGutters:!0,expanded:!Wn&&q,onChange:function(){Wn||(J(),nn.current=G.id)},sx:{boxShadow:"none",border:Wn?"1px dashed #E2E8F0":"1px solid #E2E8F0",bgcolor:Wn?"#FAFAFA":"#FFFFFF",borderRadius:"6px",flexGrow:1,width:"100%",display:"flex",flexDirection:"column",minWidth:0,"&:before":{display:"none"},"& .MuiAccordion-heading":{position:"sticky",top:-12,zIndex:10,background:"#fff"}}},{children:[i(r,n({expandIcon:Wn?null:i(v,{size:16}),sx:{minHeight:"36px",flexShrink:0,cursor:Wn?"default":"pointer","& .MuiAccordionSummary-content":{my:.5,display:"grid",alignItems:"center",minWidth:0,width:"100%"},"& .MuiAccordionSummary-expandIconWrapper":{transition:"transform 0.2s ease"},"& .MuiAccordionSummary-expandIconWrapper.Mui-expanded":{transform:"rotate(180deg)"}}},{children:Mn&&i(a,n({title:Tn,placement:"top"},{children:i(u,n({component:"div",sx:{fontSize:"12px",color:Wn?"#94A3B8":"#19213D",fontWeight:Wn?400:700,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",width:"100%",minWidth:0}},{children:(ge=Pn,xe=Dn,void 0===xe&&(xe=!1),ge?S(ge).replace(/\\n/g,"\n").split(/(\*\*.*?\*\*)/g).map(function(o,t){return o.startsWith("**")&&o.endsWith("**")?i("strong",{children:o.slice(2,-2)},t):e("div",n({style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"8px",width:"100%"}},{children:[i("span",n({style:{minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:o})),xe&&i("span",n({style:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:"0px 6px",borderRadius:"9999px",background:"#F3F4F6",border:"1px solid #D1D5DB",color:"#6B7280",fontSize:"9px",fontWeight:500,whiteSpace:"nowrap",flexShrink:0,lineHeight:1.4,marginRight:"4px"}},{children:"Multiple"}))]}),t)}):null)}))}))})),!Wn&&e(c,n({sx:{pt:0,pb:1.25,bgcolor:"#FFFFFF",flex:1,display:"flex",flexDirection:"column",minWidth:0}},{children:[jn&&i(f,{content:An,overlayContent:On,sxStyles:en,highlights:ye,maintainRelativeOrder:on,highlightBg:te,suppressHighlightBg:Cn,deviationBadges:Ie,collisionKey:Fn}),(G.subsections||[]).map(function(n,e){return dn({section:n,keyPath:"".concat(L,"-").concat(e),depth:0,columnKey:X,parentNodeId:Z,sectionOffset:Jn,rhsOrphanVisualIndexes:ue})})]}))]})),q&&(null==be?void 0:be.showBelow)&&i("div",n({style:{position:"sticky",bottom:0,height:"0px",cursor:"pointer"},onClick:function(){var n,e;return null===(e=null===(n=null==be?void 0:be.showBelowRef)||void 0===n?void 0:n.current)||void 0===e?void 0:e.scrollIntoView({behavior:"smooth",block:"center"})}},{children:i("div",n({style:n({transform:"translateY(-50%) translateX(calc(100% ".concat("left"===X?"+":"-"," 130px))"),position:"absolute",paddingBottom:"20px"},"left"===X?{right:"-20px"}:{left:"-20px"})},{children:i(v,{color:(null===(z=null==be?void 0:be.showBelowRef)||void 0===z?void 0:z.current)?window.getComputedStyle(be.showBelowRef.current).color:void 0})}))}))]}),"".concat(X,"-sec-").concat(L))};export{F as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import n,{useEffect as i}from"react";import{Box as o,Accordion as r,AccordionSummary as d,Tooltip as s,Typography as l,AccordionDetails as c}from"@mui/material";import{ChevronUp as a,ChevronDown as u}from"lucide-react";import{MemoizedMarkdown as f}from"../hooks/memoizedMarkdown.js";import{useCompareContext as p}from"../CompareContext.js";import{hasValue as h,hasMeaningfulRedlineTags as g,stripRedlineTags as x,hasSingleMappedLhsSection as m,generateColorPalette as I,getLhsDeviationDisplayIndexes as v,isMissingStr as y,getRhsMappedSectionNumber as b,safeStringify as w,DEVIATION_BADGE_SEPARATOR as S}from"../CognitiveComparehelpers.js";import{DEFAULT_DEVIAION_COLOR as R}from"../CognitiveCompareConstants.js";const $=(n,i=!1)=>{if(!n)return null;return w(n).replace(/\\n/g,"\n").split(/(\*\*.*?\*\*)/g).map((n,o)=>n.startsWith("**")&&n.endsWith("**")?t("strong",{children:n.slice(2,-2)},o):e("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"8px",width:"100%"},children:[t("span",{style:{minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:n}),i&&t("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:"0px 6px",borderRadius:"9999px",background:"#F3F4F6",border:"1px solid #D1D5DB",color:"#6B7280",fontSize:"9px",fontWeight:500,whiteSpace:"nowrap",flexShrink:0,lineHeight:1.4,marginRight:"4px"},children:"Multiple"})]},o))},_=({section:_,idx:F,columnKey:M,colRef:k,mb:N=1,isExpanded:B,onToggle:C,navigation:E,parentNodeId:A=""})=>{const{showOpenNodeRef:O,resolvedMarkdownStyles:j,maintainRelativeOrder:W,showDeviationBadges:T=!1,renderSubSectionAccordion:D,treeData:P,proposedSections:K,existingSections:z,deviationNumberRegistry:G,deviationParentRegistry:L,getBadgeRef:X,openSummaryPopup:H,getSectionCompareStyle:V,connectedSections:Y,openMoreFunctionsPopup:q,isProposingFix:J,proposingFixNodeId:Q,isRedlineFlow:U,isSideBySide:Z,activeSideBySideSection:ee,scrollSyncLocked:te,unifiedNumbering:ne,toggleScrollSyncLocked:ie,summaryPopupAnchorEl:oe}=p(),re=`${Z?"1":"0"}-${String(ee??"")}`,de=(_.displayTitle??!0)&&h(_.title),se=!(!J||!Q||"left"!==M||_.id!==Q&&_.nodeId!==Q),le=g(_.content),ce="boolean"==typeof U?U:le,ae=le,ue=ce&&le,fe=ue?x(_.content):_.content,pe=ue?_.content:void 0,he=((_.displayContent??!0)||le)&&h(_.content),ge=!de&&!he;let xe=_.title;de||(xe=he?"No Title Found":"No Matching Section Found");const me="left"===M&&(_.isMultipleMapping||(_.refContentIds?.length??1)>1),Ie="left"===M&&xe.length>29?`${xe.slice(0,29).trimEnd()}...`:xe;let ve=_.evaluationResult;if(!ve&&"right"===M)if(W){const e=_.refIndexes?.[0],t=K.find(t=>t.selfIndex===e);ve=t?.evaluationResult}else ve=K[F]?.evaluationResult;const ye=P?.input_index_map?.[0],be=P?.input_index_map?.[1],we="left"===M?be:ye,Se=(e,t)=>{if(!t||!e)return null;for(const n of e){if(n.id===t||n.nodeId===t||n.contentId===t)return n;if(n.subsections?.length){const e=Se(n.subsections,t);if(e)return e}}return null};let Re="left"===M?_:Se(K,_.id),$e="right"===M?_:Se(z,_.id);const _e=n.useMemo(()=>{if(!W)return 0;let e=1/0;const t=e=>{const t=g(e)?x(e):e;return w(t||"").replace(/\\n/g,"\n")},n=(i,o,r,d)=>{if(!i)return;let s=i.nodeId||i.id;if(d&&"right"===M){const e=K.filter(e=>e.refIndexes?.includes(i.selfIndex));e.length>0&&(s=e[0].nodeId||e[0].id)}let l=i.nodeId||i.id||o?.nodeId||o?.id||r?.nodeId||r?.id;const c=i.evaluationResult||o?.evaluationResult||r?.evaluationResult,a=c?.deviations||{};Object.keys(a).forEach(n=>{const d=a[n]?.[A];if(!((e,n)=>{if("string"!=typeof n||y(n))return!1;const i=t(e?.content),o=t(n);return!!o&&i.includes(o)})("left"===M?o||i:r||i,d))return;const c=`${s}${S}${n}`,u=G?.[c];null!=u&&u<e&&(e=u);const f=`${l}${S}${n}`,p=G?.[f];null!=p&&p<e&&(e=p)});const u=i.subsections||[],f=o?.subsections||[],p=r?.subsections||[],h=Math.max(u.length,f.length,p.length);for(let e=0;e<h;e++)n(u[e],f[e],p[e],!1)},i="right"===M?K.filter(e=>e.refIndexes?.includes(_.selfIndex)):[];if(1===i.length){const e=i[0];(e.refIndexes||[]).map(e=>z.find(t=>t.selfIndex===e)).filter(Boolean).forEach(t=>{n(t,e,t,!0)})}else n(_,Re,$e,!0);return e!==1/0?e-1:0},[_,Re,$e,M,A,G,W,K,z]);if(W)if("left"===M){const e=_.refIndexes?.[0],t=z.findIndex(t=>t.selfIndex===e);$e=-1!==t?z[t]:Se(z,_.id)}else{const e=_.refIndexes?.[0],t=K.findIndex(t=>t.selfIndex===e);Re=-1!==t?K[t]:Se(K,_.id)}const Fe="left"===M?!$e:!Re,Me=W&&"right"===M&&m(_,K),ke=ve||Re?.evaluationResult||$e?.evaluationResult,Ne=ke?.evaluation_outputs?.metadata?.label_color??R,Be=I(Ne),{highlightBg:Ce}=Be,Ee=ke?.deviations||{},Ae=n.useMemo(()=>W&&"right"===M?v(K,ye,G):new Map,[W,M,K,ye,G]);let Oe=_.nodeId||_.id;if(W&&"left"!==M){const e=K.filter(e=>e.refIndexes?.includes(_.selfIndex));e.length>0?Oe=e[0].nodeId||e[0].id:Re?.id&&(Oe=Re.nodeId||Re.id)}const je=n.useMemo(()=>{const e=new Map;if(!W||"right"!==M)return e;let t=1;const n=K.filter(e=>e.refIndexes?.includes(_.selfIndex)),i=1===n.length&&1===n[0].refIndexes?.length,o=e=>w(e||"").replace(/\\n/g,"\n"),r=(e,t)=>{const i=t?n[0]:Se(K,e.nodeId||e.id||e.contentId);return{lhsNode:i,evalResult:e.evaluationResult||i?.evaluationResult,registryNodeId:i?i.nodeId||i.id:e.nodeId||e.id}};if(i){const e=(n,i=!1)=>{if(!n)return;const{lhsNode:d,evalResult:s,registryNodeId:l}=r(n,i),c=o(n.content);Object.entries(s?.deviations||{}).forEach(([e,n])=>{const i=n[A],r=o(i);if(!(!!d&&!y(n[we]))||!r||!c.includes(r))return;const s=G[`${l}${S}${e}`];null!=s&&(t=Math.max(t,Math.max(1,s-(_e||0))+1))}),(n.subsections||[]).forEach(t=>e(t))};e(_,!0)}const d=(n,i=!1)=>{if(!n)return;const{lhsNode:s,evalResult:l,registryNodeId:c}=r(n,i),a=l?.deviations||{},u=o(n.content);Object.entries(a).map(([e,t])=>{const n=t[A],i=!s||y(t[we]),r=o(n),d=r?u.indexOf(r):-1,l=`${c}${S}${e}`;return{refId:l,isRenderable:i&&!!r&&!y(n),position:d,registryIndex:G[l]??Number.MAX_SAFE_INTEGER}}).filter(e=>e.isRenderable).sort((e,t)=>(-1===e.position?Number.MAX_SAFE_INTEGER:e.position)-(-1===t.position?Number.MAX_SAFE_INTEGER:t.position)||e.registryIndex-t.registryIndex).forEach(n=>{e.set(n.refId,t++)}),(n.subsections||[]).forEach(e=>d(e))};return d(_,!0),e},[W,M,_,K,A,we,G,_e]),We=Object.keys(Ee)[0],Te=We?`${Oe}${S}${We}`:null,De=Te?L?.[Te]:null;let Pe=F+1;if(W&&ne){const e="left"===M?ne.leftNums.get(_?.id):ne.rightNums.get(_?.id);Fe&&void 0!==e?Pe=e:null!=De&&De>=0?Pe=De:void 0!==e&&(Pe=e)}else null!=De&&De>=0&&(Pe=De);const Ke=Object.entries(Ee).map(([e,t])=>{const n=`${Oe}${S}${e}`;return{deviationKey:e,deviationMap:t,refId:n,currentIndex:G[n]}}).filter(e=>void 0!==e.currentIndex&&null!==e.currentIndex);Ke.sort((e,t)=>e.currentIndex-t.currentIndex);const ze=Ke.map(e=>{const{deviationKey:t,deviationMap:n,refId:i}=e;let o=e.currentIndex,r=n[A];const d=y(r);if(d)r="";else if(!r)return null;let s=F,l=F;if(W)if("left"===M){const e=_.refIndexes?.[0],t=z.findIndex(t=>t.selfIndex===e);if(-1!==t)l=t;else{const e=z.findIndex(e=>e.id===_.id||e.nodeId===_.nodeId||e.contentId===_.contentId);l=-1!==e?e:F}}else{const e=_.refIndexes?.[0],t=K.findIndex(t=>t.selfIndex===e);if(-1!==t)s=t;else{const e=K.findIndex(e=>e.id===_.id||e.nodeId===_.nodeId||e.contentId===_.contentId);s=-1!==e?e:F}}const c=`${Oe}${S}${t}${S}${s}${S}${l}`,a=n[we],u=Fe||y(a),f=je.get(i),p=Ae.get(i);W&&"right"===M&&u&&void 0!==f?o=f:W&&"right"===M&&!u&&void 0!==p?o=p:W&&void 0!==_e&&("right"!==M||u||Me)&&(o-=_e),o=Math.max(1,o);const h=`${W&&"right"===M&&u&&ne?b({section:_,proposedSections:K,leftNums:ne.leftNums,fallbackNumber:String(Pe),firstOnly:!0}):Pe}.${o}`;let g=F;if("right"===M&&W){const e=_.refIndexes?.[0],t=K.findIndex(t=>t.selfIndex===e);if(-1!==t)g=t;else{const e=K.findIndex(e=>e.id===_.id||e.nodeId===_.nodeId||e.contentId===_.contentId);-1!==e&&(g=e)}}const x=V?V(g):null,m=n?.evaluation_outputs||ke?.evaluation_outputs,v=m?.output_value??null,w=I(m?.metadata?.label_color??Ne);let R=x?{...x,badgeBg:w.badgeBg,badgeBorder:w.badgeBorder,badgeText:w.badgeText}:{...w};const $=n?.deviation_summary?{deviation_summary:n.deviation_summary,deviation_title:n?.deviation_title||ke?.deviation_title,deviation_impact:n?.deviation_impact||ke?.deviation_impact,deviation_explanation:n?.deviation_explanation||ke?.deviation_explanation,evaluation_outputs:m,cognitive_decisioning:n?.cognitive_decisioning||ke?.cognitive_decisioning}:null;let k=0;const N=fe||"";if(r&&N){const e=N.split(/\n{2,}/),n=e.findIndex(e=>e.includes(r));if(-1!==n){const i=Object.entries(Ee).filter(([t,i])=>{const o=i[A];return o&&e[n].includes(o)}).sort((t,i)=>e[n].indexOf(t[1][A])-e[n].indexOf(i[1][A])).filter(([e,t])=>{const n=t[A];return n&&(n.includes(r)||r.includes(n))});i.length>1&&(k=Math.max(0,i.findIndex(([e])=>e===t)))}}const B=X(M,i);return{id:i,actionId:c,label:h,highlight:r,side:M,style:R,stackIndex:k,score:v,isConnected:Y?.has(c),showScrollLockToggle:Y?.has(c)||Z&&ee===c||!!oe&&oe===B.current,scrollSyncLocked:te,toggleScrollSyncLocked:ie,isOrphan:u,isMissingClause:d,badgeRef:B,onClick:e=>{e.stopPropagation(),q&&q(e,Re||{id:"orphan-left",title:"",content:""},u,$e||{id:"orphan-right",title:"",content:""},c,R)},onSummaryClick:e=>{e.stopPropagation(),H(e,c,u,$)}}}).filter(Boolean),Ge=T||!ce&&se?ze:[],Le=ze.map(e=>e.highlight).filter(Boolean),Xe=_.id&&M===E?.columnKey?E:null,He=n.useRef(!1);return i(()=>{B||(He.current=!1)},[B]),e(o,{ref:k,sx:{mb:N,width:"100%",display:"flex",flexDirection:"column",position:"relative",minWidth:0},children:[B&&Xe?.showAbove&&t("div",{style:{position:"sticky",top:0,height:"0px",cursor:"pointer"},onClick:()=>Xe?.showAboveRef?.current?.scrollIntoView({behavior:"smooth",block:"center"}),children:t("div",{style:{transform:`translateY(-50%) translateX(calc(100% ${"left"===M?"+":"-"} 130px))`,position:"absolute",paddingTop:"20px",..."left"===M?{right:"-20px"}:{left:"-20px"}},children:t(a,{color:Xe?.showAboveRef?.current?window.getComputedStyle(Xe.showAboveRef.current).color:void 0})})}),e(r,{disableGutters:!0,expanded:!ge&&B,onChange:()=>{ge||(C(),O.current=_.id)},sx:{boxShadow:"none",border:ge?"1px dashed #E2E8F0":"1px solid #E2E8F0",bgcolor:ge?"#FAFAFA":"#FFFFFF",borderRadius:"6px",flexGrow:1,width:"100%",display:"flex",flexDirection:"column",minWidth:0,"&:before":{display:"none"},"& .MuiAccordion-heading":{position:"sticky",top:-12,zIndex:10,background:"#fff"}},children:[t(d,{expandIcon:ge?null:t(u,{size:16}),sx:{minHeight:"36px",flexShrink:0,cursor:ge?"default":"pointer","& .MuiAccordionSummary-content":{my:.5,display:"grid",alignItems:"center",minWidth:0,width:"100%"},"& .MuiAccordionSummary-expandIconWrapper":{transition:"transform 0.2s ease"},"& .MuiAccordionSummary-expandIconWrapper.Mui-expanded":{transform:"rotate(180deg)"}},children:de&&t(s,{title:xe,placement:"top",children:t(l,{component:"div",sx:{fontSize:"12px",color:ge?"#94A3B8":"#19213D",fontWeight:ge?400:700,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",width:"100%",minWidth:0},children:$(Ie,me)})})}),!ge&&e(c,{sx:{pt:0,pb:1.25,bgcolor:"#FFFFFF",flex:1,display:"flex",flexDirection:"column",minWidth:0},children:[he&&t(f,{content:fe,overlayContent:pe,sxStyles:j,highlights:Le,maintainRelativeOrder:W,highlightBg:Ce,suppressHighlightBg:ae,deviationBadges:Ge,collisionKey:re}),(_.subsections||[]).map((e,t)=>D({section:e,keyPath:`${F}-${t}`,depth:0,columnKey:M,parentNodeId:A,sectionOffset:_e,rhsOrphanVisualIndexes:je}))]})]}),B&&Xe?.showBelow&&t("div",{style:{position:"sticky",bottom:0,height:"0px",cursor:"pointer"},onClick:()=>Xe?.showBelowRef?.current?.scrollIntoView({behavior:"smooth",block:"center"}),children:t("div",{style:{transform:`translateY(-50%) translateX(calc(100% ${"left"===M?"+":"-"} 130px))`,position:"absolute",paddingBottom:"20px",..."left"===M?{right:"-20px"}:{left:"-20px"}},children:t(u,{color:Xe?.showBelowRef?.current?window.getComputedStyle(Xe.showBelowRef.current).color:void 0})})})]},`${M}-sec-${F}`)};export{_ as default};
 //# sourceMappingURL=SectionAccordion.js.map