@peak-ai/canvas 1.4.20 → 1.4.21

package/declaration.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=declaration.d.js.map

package/declaration.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"declaration.d.js","names":[],"sources":["../src/declaration.d.ts"],"sourcesContent":["declare module '*.gif';"],"mappings":"","ignoreList":[]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@peak-ai/canvas",
   "author": "squad-builder-experience",
   "license": "UNLICENSED",
-  "version": "1.4.20",
+  "version": "1.4.21",
   "description": "",
   "dependencies": {
     "@emotion/react": "^11.11.4",

package/plugins/grapejs-plugin.js

@@ -1,7 +1,7 @@
-import _extends from"@babel/runtime/helpers/extends";/* eslint-disable import/no-named-as-default-member *//* eslint-disable func-names *//* eslint-disable @typescript-eslint/no-explicit-any */import ReactDOM from"react-dom";import{getRenderers}from"./helpers/render-components";import{jsx as _jsx}from"react/jsx-runtime";export function createGrapesjsShadcnGenericPlugin(mode,performInteraction,renderedComponents,setHasChanged){if(renderedComponents===void 0){renderedComponents={}}return function grapesjsShadcnGenericPlugin(editor){editor.DomComponents.addType("shadcn-generic",{model:{defaults:{tagName:"div",droppable:false,componentName:"Card",componentProps:{},traits:[]}},view:{events:{"input [data-slot]":"handleSlotInput"},handleSlotInput:function handleSlotInput(e){var target=e.target;var slot=target.dataset.slot;var text=target.innerText;var props=this.model.get("componentProps")||{};if(!slot){return}if(slot.startsWith("table-header-")){var _props$data;var idx=parseInt(slot.split("-")[2],10);var dataKeys=Object.keys(((_props$data=props.data)==null?void 0:_props$data[0])||{});if(!props.headerMapper){props.headerMapper={}}var key=dataKeys[idx];if(key){props.headerMapper[key]=text}}else{props[slot]=text}this.model.set("componentProps",_extends({},props));if(!["search-input"].includes(slot)){setHasChanged(true)}},render:function render(){var _this=this;var compName=this.model.get("componentName");var compProps=this.model.get("componentProps");if(typeof compProps==="string"){try{compProps=JSON.parse(compProps)}catch(err){// eslint-disable-next-line no-console
-console.error("Invalid JSON in componentProps",err);compProps={}}}compProps.isEditable=mode==="editor";compProps.performInteraction=performInteraction;compProps.onChange=function(data){_this.model.set("componentProps",_extends({},_this.model.get("componentProps"),data))};var renderers=getRenderers();var Renderer=renderers[compName];if(Renderer){if(compName==="Tabs"){ReactDOM.render(/*#__PURE__*/_jsx(Renderer,_extends({},compProps,{gjsModel:this.model})),this.el);var children=this.model.components();var tabsContent=this.el.querySelectorAll(".tabs-content");var tabAttributes=this.model.get("attributes")||{};var hasTabsError=tabAttributes.error||compProps.error;var hasTabsMissing=tabAttributes.isMissing||compProps.isMissing;var isFallback=Array.from(tabsContent).some(function(el){return el.dataset.fallback==="true"});if(!isFallback&&tabsContent.length>0){// Helper function to sync child attributes
+import _extends from"@babel/runtime/helpers/extends";/* eslint-disable import/no-named-as-default-member *//* eslint-disable func-names *//* eslint-disable @typescript-eslint/no-explicit-any */import ReactDOM from"react-dom";import{getRenderers}from"./helpers/render-components";import{QueryCacheProvider}from"./helpers/query-cache-context";import{jsx as _jsx}from"react/jsx-runtime";export function createGrapesjsShadcnGenericPlugin(mode,performInteraction,renderedComponents,setHasChanged){if(renderedComponents===void 0){renderedComponents={}}return function grapesjsShadcnGenericPlugin(editor){editor.DomComponents.addType("shadcn-generic",{model:{defaults:{tagName:"div",droppable:false,componentName:"Card",componentProps:{},traits:[]}},view:{events:{"input [data-slot]":"handleSlotInput"},handleSlotInput:function handleSlotInput(e){var target=e.target;var slot=target.dataset.slot;var text=target.innerText;var props=this.model.get("componentProps")||{};if(!slot){return}if(slot.startsWith("table-header-")){var _props$data;var idx=parseInt(slot.split("-")[2],10);var dataKeys=Object.keys(((_props$data=props.data)==null?void 0:_props$data[0])||{});if(!props.headerMapper){props.headerMapper={}}var key=dataKeys[idx];if(key){props.headerMapper[key]=text}}else{props[slot]=text}this.model.set("componentProps",_extends({},props));if(!["search-input"].includes(slot)){setHasChanged(true)}},render:function render(){var _this=this;var compName=this.model.get("componentName");var compProps=this.model.get("componentProps");if(typeof compProps==="string"){try{compProps=JSON.parse(compProps)}catch(err){// eslint-disable-next-line no-console
+console.error("Invalid JSON in componentProps",err);compProps={}}}compProps.isEditable=mode==="editor";compProps.performInteraction=performInteraction;compProps.onChange=function(data){_this.model.set("componentProps",_extends({},_this.model.get("componentProps"),data))};var renderers=getRenderers();var Renderer=renderers[compName];if(Renderer){if(compName==="Tabs"){ReactDOM.render(/*#__PURE__*/_jsx(QueryCacheProvider,{maxCacheSize:100,maxCacheAge:5*60*1000,children:/*#__PURE__*/_jsx(Renderer,_extends({},compProps,{gjsModel:this.model}))}),this.el);var children=this.model.components();var tabsContent=this.el.querySelectorAll(".tabs-content");var tabAttributes=this.model.get("attributes")||{};var hasTabsError=tabAttributes.error||compProps.error;var hasTabsMissing=tabAttributes.isMissing||compProps.isMissing;var isFallback=Array.from(tabsContent).some(function(el){return el.dataset.fallback==="true"});if(!isFallback&&tabsContent.length>0){// Helper function to sync child attributes
 // eslint-disable-next-line no-inner-declarations
-var syncChildAttributes=function syncChildAttributes(childModel){var childAttributes=childModel.get("attributes")||{};var childProps=childModel.get("componentProps")||{};var hasError=hasTabsError||childAttributes.error||childProps.error;var hasMissing=hasTabsMissing||childAttributes.isMissing||childProps.isMissing;if(hasError||hasMissing){var newAttributes=_extends({},childAttributes,{loading:false,error:hasError,isMissing:hasMissing,inheritedFromParent:!!(hasTabsError||hasTabsMissing)});childModel.set("attributes",newAttributes,{silent:false})}};children.each(function(childModel,i){var childView=_this.createView(childModel);if(childView&&tabsContent[i]){childView.render();tabsContent[i].appendChild(childView.el);setTimeout(function(){syncChildAttributes(childModel)},100);childModel.on("change:attributes",function(){syncChildAttributes(childModel)})}})}}else{ReactDOM.render(/*#__PURE__*/_jsx(Renderer,_extends({},compProps,{gjsModel:this.model})),this.el)}}else{this.el.innerHTML="<div>Unsupported component: "+compName+"</div>"}renderedComponents[this.model.get("id")]=this.model;return this},createView:function createView(model){var _this$em$get$getType;var ComponentView=(_this$em$get$getType=this.em.get("DomComponents").getType(model.get("type")))==null?void 0:_this$em$get$getType.view;if(!ComponentView){// eslint-disable-next-line no-console
+var syncChildAttributes=function syncChildAttributes(childModel){var childAttributes=childModel.get("attributes")||{};var childProps=childModel.get("componentProps")||{};var hasError=hasTabsError||childAttributes.error||childProps.error;var hasMissing=hasTabsMissing||childAttributes.isMissing||childProps.isMissing;if(hasError||hasMissing){var newAttributes=_extends({},childAttributes,{loading:false,error:hasError,isMissing:hasMissing,inheritedFromParent:!!(hasTabsError||hasTabsMissing)});childModel.set("attributes",newAttributes,{silent:false})}};children.each(function(childModel,i){var childView=_this.createView(childModel);if(childView&&tabsContent[i]){childView.render();tabsContent[i].appendChild(childView.el);setTimeout(function(){syncChildAttributes(childModel)},100);childModel.on("change:attributes",function(){syncChildAttributes(childModel)})}})}}else{ReactDOM.render(/*#__PURE__*/_jsx(QueryCacheProvider,{maxCacheSize:100,maxCacheAge:5*60*1000,children:/*#__PURE__*/_jsx(Renderer,_extends({},compProps,{gjsModel:this.model}))}),this.el)}}else{this.el.innerHTML="<div>Unsupported component: "+compName+"</div>"}renderedComponents[this.model.get("id")]=this.model;return this},createView:function createView(model){var _this$em$get$getType;var ComponentView=(_this$em$get$getType=this.em.get("DomComponents").getType(model.get("type")))==null?void 0:_this$em$get$getType.view;if(!ComponentView){// eslint-disable-next-line no-console
 console.warn("No view found for component type:",model.get("type"));return null}var view=new ComponentView({model:model,config:this.config,componentTypes:this.componentTypes});return view},remove:function remove(){// eslint-disable-next-line import/no-named-as-default-member
 ReactDOM.unmountComponentAtNode(this.el);return this}}})}}
 //# sourceMappingURL=grapejs-plugin.js.map

package/plugins/grapejs-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"grapejs-plugin.js","names":["ReactDOM","getRenderers","jsx","_jsx","createGrapesjsShadcnGenericPlugin","mode","performInteraction","renderedComponents","setHasChanged","grapesjsShadcnGenericPlugin","editor","DomComponents","addType","model","defaults","tagName","droppable","componentName","componentProps","traits","view","events","handleSlotInput","e","target","slot","dataset","text","innerText","props","get","startsWith","_props$data","idx","parseInt","split","dataKeys","Object","keys","data","headerMapper","key","set","_extends","includes","render","_this","compName","compProps","JSON","parse","err","console","error","isEditable","onChange","renderers","Renderer","gjsModel","el","children","components","tabsContent","querySelectorAll","tabAttributes","hasTabsError","hasTabsMissing","isMissing","isFallback","Array","from","some","fallback","length","syncChildAttributes","childModel","childAttributes","childProps","hasError","hasMissing","newAttributes","loading","inheritedFromParent","silent","each","i","childView","createView","appendChild","setTimeout","on","innerHTML","_this$em$get$getType","ComponentView","em","getType","warn","config","componentTypes","remove","unmountComponentAtNode"],"sources":["../../src/plugins/grapejs-plugin.tsx"],"sourcesContent":["/* eslint-disable import/no-named-as-default-member */\n/* eslint-disable func-names */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport ReactDOM from 'react-dom';\nimport { Editor, Component } from 'grapesjs';\nimport { getRenderers } from './helpers/render-components';\n\nexport function createGrapesjsShadcnGenericPlugin(\n  mode: 'editor' | 'preview',\n  performInteraction: (payload: Record<string, any>) => void,\n  renderedComponents: Record<string, Component> = {},\n  setHasChanged: (hasChanged: boolean) => void,\n) {\n  return function grapesjsShadcnGenericPlugin(editor: Editor): void {\n    editor.DomComponents.addType('shadcn-generic', {\n      model: {\n        defaults: {\n          tagName: 'div',\n          droppable: false,\n          componentName: 'Card',\n          componentProps: {},\n          traits: [],\n        },\n      },\n      view: {\n        events: {\n          'input [data-slot]': 'handleSlotInput',\n        } as any,\n        handleSlotInput(e: Event) {\n          const target = e.target as HTMLElement;\n          const slot = target.dataset.slot;\n          const text = target.innerText;\n\n          const props = this.model.get('componentProps') || {};\n\n          if (!slot) {\n            return;\n          }\n\n          if (slot.startsWith('table-header-')) {\n            const idx = parseInt(slot.split('-')[2], 10);\n            const dataKeys = Object.keys(props.data?.[0] || {});\n\n            if (!props.headerMapper) {\n              props.headerMapper = {};\n            }\n\n            const key = dataKeys[idx];\n\n            if (key) {\n              props.headerMapper[key] = text;\n            }\n          } else {\n            props[slot] = text;\n          }\n\n          this.model.set('componentProps', {\n            ...props,\n          });\n\n          if (!['search-input'].includes(slot)) {\n            setHasChanged(true);\n          }\n        },\n        render: function () {\n          const compName: string = this.model.get('componentName');\n          let compProps: any = this.model.get('componentProps');\n\n          if (typeof compProps === 'string') {\n            try {\n              compProps = JSON.parse(compProps);\n            } catch (err) {\n              // eslint-disable-next-line no-console\n              console.error('Invalid JSON in componentProps', err);\n              compProps = {};\n            }\n          }\n\n          compProps.isEditable = mode === 'editor';\n          compProps.performInteraction = performInteraction;\n\n          compProps.onChange = (data: Record<string, any>) => {\n            this.model.set('componentProps', {\n              ...this.model.get('componentProps'),\n              ...data,\n            });\n          };\n\n          const renderers = getRenderers();\n          const Renderer = renderers[compName];\n\n          if (Renderer) {\n            if (compName === 'Tabs') {\n              ReactDOM.render(<Renderer {...compProps} gjsModel={this.model} />, this.el);\n\n              const children = this.model.components();\n              const tabsContent = this.el.querySelectorAll('.tabs-content');\n\n              const tabAttributes = this.model.get('attributes') || {};\n              const hasTabsError = tabAttributes.error || compProps.error;\n              const hasTabsMissing = tabAttributes.isMissing || compProps.isMissing;\n              const isFallback = Array.from(tabsContent).some(\n                (el: Element) => (el as HTMLElement).dataset.fallback === 'true',\n              );\n\n              if (!isFallback && tabsContent.length > 0) {\n                // Helper function to sync child attributes\n                // eslint-disable-next-line no-inner-declarations\n                function syncChildAttributes(childModel: any) {\n                  const childAttributes = childModel.get('attributes') || {};\n                  const childProps = childModel.get('componentProps') || {};\n\n                  const hasError = hasTabsError || childAttributes.error || childProps.error;\n                  const hasMissing =\n                    hasTabsMissing || childAttributes.isMissing || childProps.isMissing;\n\n                  if (hasError || hasMissing) {\n                    const newAttributes = {\n                      ...childAttributes,\n                      loading: false,\n                      error: hasError,\n                      isMissing: hasMissing,\n                      inheritedFromParent: !!(hasTabsError || hasTabsMissing),\n                    };\n\n                    childModel.set('attributes', newAttributes, { silent: false });\n                  }\n                }\n\n                children.each((childModel, i) => {\n                  const childView = this.createView(childModel);\n\n                  if (childView && tabsContent[i]) {\n                    childView.render();\n                    tabsContent[i].appendChild(childView.el);\n\n                    setTimeout(() => {\n                      syncChildAttributes(childModel);\n                    }, 100);\n\n                    childModel.on('change:attributes', () => {\n                      syncChildAttributes(childModel);\n                    });\n                  }\n                });\n              }\n            } else {\n              ReactDOM.render(<Renderer {...compProps} gjsModel={this.model} />, this.el);\n            }\n          } else {\n            this.el.innerHTML = `<div>Unsupported component: ${compName}</div>`;\n          }\n\n          renderedComponents[this.model.get('id')] = this.model;\n\n          return this;\n        },\n        createView(model: any) {\n          const ComponentView = this.em.get('DomComponents').getType(model.get('type'))?.view;\n\n          if (!ComponentView) {\n            // eslint-disable-next-line no-console\n            console.warn('No view found for component type:', model.get('type'));\n\n            return null;\n          }\n\n          const view = new ComponentView({\n            model,\n            config: this.config,\n            componentTypes: this.componentTypes,\n          });\n\n          return view;\n        },\n        remove: function () {\n          // eslint-disable-next-line import/no-named-as-default-member\n          ReactDOM.unmountComponentAtNode(this.el);\n\n          return this;\n        },\n      },\n    });\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"grapejs-plugin.js","names":["ReactDOM","getRenderers","QueryCacheProvider","jsx","_jsx","createGrapesjsShadcnGenericPlugin","mode","performInteraction","renderedComponents","setHasChanged","grapesjsShadcnGenericPlugin","editor","DomComponents","addType","model","defaults","tagName","droppable","componentName","componentProps","traits","view","events","handleSlotInput","e","target","slot","dataset","text","innerText","props","get","startsWith","_props$data","idx","parseInt","split","dataKeys","Object","keys","data","headerMapper","key","set","_extends","includes","render","_this","compName","compProps","JSON","parse","err","console","error","isEditable","onChange","renderers","Renderer","maxCacheSize","maxCacheAge","children","gjsModel","el","components","tabsContent","querySelectorAll","tabAttributes","hasTabsError","hasTabsMissing","isMissing","isFallback","Array","from","some","fallback","length","syncChildAttributes","childModel","childAttributes","childProps","hasError","hasMissing","newAttributes","loading","inheritedFromParent","silent","each","i","childView","createView","appendChild","setTimeout","on","innerHTML","_this$em$get$getType","ComponentView","em","getType","warn","config","componentTypes","remove","unmountComponentAtNode"],"sources":["../../src/plugins/grapejs-plugin.tsx"],"sourcesContent":["/* eslint-disable import/no-named-as-default-member */\n/* eslint-disable func-names */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport ReactDOM from 'react-dom';\nimport { Editor, Component } from 'grapesjs';\nimport { getRenderers } from './helpers/render-components';\nimport { QueryCacheProvider } from './helpers/query-cache-context';\n\nexport function createGrapesjsShadcnGenericPlugin(\n  mode: 'editor' | 'preview',\n  performInteraction: (payload: Record<string, any>) => void,\n  renderedComponents: Record<string, Component> = {},\n  setHasChanged: (hasChanged: boolean) => void,\n) {\n  return function grapesjsShadcnGenericPlugin(editor: Editor): void {\n    editor.DomComponents.addType('shadcn-generic', {\n      model: {\n        defaults: {\n          tagName: 'div',\n          droppable: false,\n          componentName: 'Card',\n          componentProps: {},\n          traits: [],\n        },\n      },\n      view: {\n        events: {\n          'input [data-slot]': 'handleSlotInput',\n        } as any,\n        handleSlotInput(e: Event) {\n          const target = e.target as HTMLElement;\n          const slot = target.dataset.slot;\n          const text = target.innerText;\n\n          const props = this.model.get('componentProps') || {};\n\n          if (!slot) {\n            return;\n          }\n\n          if (slot.startsWith('table-header-')) {\n            const idx = parseInt(slot.split('-')[2], 10);\n            const dataKeys = Object.keys(props.data?.[0] || {});\n\n            if (!props.headerMapper) {\n              props.headerMapper = {};\n            }\n\n            const key = dataKeys[idx];\n\n            if (key) {\n              props.headerMapper[key] = text;\n            }\n          } else {\n            props[slot] = text;\n          }\n\n          this.model.set('componentProps', {\n            ...props,\n          });\n\n          if (!['search-input'].includes(slot)) {\n            setHasChanged(true);\n          }\n        },\n        render: function () {\n          const compName: string = this.model.get('componentName');\n          let compProps: any = this.model.get('componentProps');\n\n          if (typeof compProps === 'string') {\n            try {\n              compProps = JSON.parse(compProps);\n            } catch (err) {\n              // eslint-disable-next-line no-console\n              console.error('Invalid JSON in componentProps', err);\n              compProps = {};\n            }\n          }\n\n          compProps.isEditable = mode === 'editor';\n          compProps.performInteraction = performInteraction;\n\n          compProps.onChange = (data: Record<string, any>) => {\n            this.model.set('componentProps', {\n              ...this.model.get('componentProps'),\n              ...data,\n            });\n          };\n\n          const renderers = getRenderers();\n          const Renderer = renderers[compName];\n\n          if (Renderer) {\n            if (compName === 'Tabs') {\n              ReactDOM.render(\n                <QueryCacheProvider maxCacheSize={100} maxCacheAge={5 * 60 * 1000}>\n                  <Renderer {...compProps} gjsModel={this.model} />\n                </QueryCacheProvider>,\n                this.el\n              );\n\n              const children = this.model.components();\n              const tabsContent = this.el.querySelectorAll('.tabs-content');\n\n              const tabAttributes = this.model.get('attributes') || {};\n              const hasTabsError = tabAttributes.error || compProps.error;\n              const hasTabsMissing = tabAttributes.isMissing || compProps.isMissing;\n              const isFallback = Array.from(tabsContent).some(\n                (el: Element) => (el as HTMLElement).dataset.fallback === 'true',\n              );\n\n              if (!isFallback && tabsContent.length > 0) {\n                // Helper function to sync child attributes\n                // eslint-disable-next-line no-inner-declarations\n                function syncChildAttributes(childModel: any) {\n                  const childAttributes = childModel.get('attributes') || {};\n                  const childProps = childModel.get('componentProps') || {};\n\n                  const hasError = hasTabsError || childAttributes.error || childProps.error;\n                  const hasMissing =\n                    hasTabsMissing || childAttributes.isMissing || childProps.isMissing;\n\n                  if (hasError || hasMissing) {\n                    const newAttributes = {\n                      ...childAttributes,\n                      loading: false,\n                      error: hasError,\n                      isMissing: hasMissing,\n                      inheritedFromParent: !!(hasTabsError || hasTabsMissing),\n                    };\n\n                    childModel.set('attributes', newAttributes, { silent: false });\n                  }\n                }\n\n                children.each((childModel, i) => {\n                  const childView = this.createView(childModel);\n\n                  if (childView && tabsContent[i]) {\n                    childView.render();\n                    tabsContent[i].appendChild(childView.el);\n\n                    setTimeout(() => {\n                      syncChildAttributes(childModel);\n                    }, 100);\n\n                    childModel.on('change:attributes', () => {\n                      syncChildAttributes(childModel);\n                    });\n                  }\n                });\n              }\n            } else {\n              ReactDOM.render(\n                <QueryCacheProvider maxCacheSize={100} maxCacheAge={5 * 60 * 1000}>\n                  <Renderer {...compProps} gjsModel={this.model} />\n                </QueryCacheProvider>,\n                this.el\n              );\n            }\n          } else {\n            this.el.innerHTML = `<div>Unsupported component: ${compName}</div>`;\n          }\n\n          renderedComponents[this.model.get('id')] = this.model;\n\n          return this;\n        },\n        createView(model: any) {\n          const ComponentView = this.em.get('DomComponents').getType(model.get('type'))?.view;\n\n          if (!ComponentView) {\n            // eslint-disable-next-line no-console\n            console.warn('No view found for component type:', model.get('type'));\n\n            return null;\n          }\n\n          const view = new ComponentView({\n            model,\n            config: this.config,\n            componentTypes: this.componentTypes,\n          });\n\n          return view;\n        },\n        remove: function () {\n          // eslint-disable-next-line import/no-named-as-default-member\n          ReactDOM.unmountComponentAtNode(this.el);\n\n          return this;\n        },\n      },\n    });\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/plugins/helpers/custom-modal.js

@@ -1,2 +1,2 @@
-import React,{useEffect}from"react";import{X}from"lucide-react";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function CustomModal(_ref){var isOpen=_ref.isOpen,onClose=_ref.onClose,title=_ref.title,children=_ref.children,_ref$className=_ref.className,className=_ref$className===void 0?"":_ref$className,titleIcon=_ref.titleIcon;useEffect(function(){function handleEscapeKey(event){if(event.key==="Escape"&&isOpen){onClose()}}if(isOpen){document.addEventListener("keydown",handleEscapeKey);document.body.style.overflow="hidden"}return function(){document.removeEventListener("keydown",handleEscapeKey);document.body.style.overflow="unset"}},[isOpen,onClose]);function handleBackdropClick(event){if(event.target===event.currentTarget){onClose()}}if(!isOpen){return null}return/*#__PURE__*/_jsxs("div",{className:"fixed inset-0 z-[9999] flex items-center justify-center p-4 bg-black bg-opacity-30 "+className,onClick:handleBackdropClick,children:[/*#__PURE__*/_jsxs("div",{className:"relative w-full max-w-2xl max-h-[90vh] min-h-[45vh] bg-white rounded-lg shadow-xl overflow-hidden animate-modal-fade-in",onClick:function onClick(e){return e.stopPropagation()},children:[/*#__PURE__*/_jsxs("div",{className:"p-6 border-b border-gray-200 bg-gray-50 relative flex items-center justify-between",children:[/*#__PURE__*/_jsxs("h2",{className:"flex items-center text-lg font-semibold text-gray-900",children:[titleIcon&&/*#__PURE__*/_jsx("span",{className:"mr-2",children:titleIcon}),title]}),/*#__PURE__*/_jsx("button",{onClick:onClose,className:"transition-colors duration-200 hover:bg-gray-100 rounded p-1 flex items-center justify-center",type:"button","aria-label":"Close modal",style:{width:"24px",height:"24px"},children:/*#__PURE__*/_jsx(X,{size:12,className:"text-gray-600",style:{opacity:1,transform:"rotate(0deg)"}})})]}),/*#__PURE__*/_jsx("div",{className:"overflow-y-auto max-h-[calc(90vh-160px)]",children:children})]}),/*#__PURE__*/_jsx("style",{children:"\n        .animate-modal-fade-in {\n          animation: modalFadeIn 0.2s ease-out;\n        }\n        \n        @keyframes modalFadeIn {\n          from {\n            opacity: 0;\n            transform: scale(0.95) translateY(-10px);\n          }\n          to {\n            opacity: 1;\n            transform: scale(1) translateY(0);\n          }\n        }\n      "})]})}export default CustomModal;
+import React,{useEffect}from"react";import{X}from"lucide-react";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function CustomModal(_ref){var isOpen=_ref.isOpen,onClose=_ref.onClose,title=_ref.title,children=_ref.children,_ref$className=_ref.className,className=_ref$className===void 0?"":_ref$className,titleIcon=_ref.titleIcon;useEffect(function(){function handleEscapeKey(event){if(event.key==="Escape"&&isOpen){onClose()}}if(isOpen){var _iframe$contentWindow;document.addEventListener("keydown",handleEscapeKey);var iframe=document.querySelector(".gjs-frame");var iframeDocument=(iframe==null?void 0:iframe.contentDocument)||(iframe==null||(_iframe$contentWindow=iframe.contentWindow)==null?void 0:_iframe$contentWindow.document);if(iframeDocument){var _iframeDocument$docum;(_iframeDocument$docum=iframeDocument.documentElement)==null||_iframeDocument$docum.style.setProperty("overflow","hidden","important")}return function(){document.removeEventListener("keydown",handleEscapeKey);if(iframeDocument){var _iframeDocument$docum2;(_iframeDocument$docum2=iframeDocument.documentElement)==null||_iframeDocument$docum2.style.removeProperty("overflow")}}}return function(){document.removeEventListener("keydown",handleEscapeKey)}},[isOpen,onClose]);function handleBackdropClick(event){if(event.target===event.currentTarget){onClose()}}if(!isOpen){return null}return/*#__PURE__*/_jsxs("div",{className:"fixed inset-0 z-[9999] flex items-center justify-center p-4 bg-black bg-opacity-30 "+className,onClick:handleBackdropClick,children:[/*#__PURE__*/_jsxs("div",{className:"relative w-full max-w-2xl max-h-[90vh] min-h-[45vh] bg-white rounded-lg shadow-xl overflow-hidden animate-modal-fade-in",onClick:function onClick(e){return e.stopPropagation()},children:[/*#__PURE__*/_jsxs("div",{className:"p-6 border-b border-gray-200 bg-gray-50 relative flex items-center justify-between",children:[/*#__PURE__*/_jsxs("h2",{className:"flex items-center text-lg font-semibold text-gray-900",children:[titleIcon&&/*#__PURE__*/_jsx("span",{className:"mr-2",children:titleIcon}),title]}),/*#__PURE__*/_jsx("button",{onClick:onClose,className:"transition-colors duration-200 hover:bg-gray-100 rounded p-1 flex items-center justify-center",type:"button","aria-label":"Close modal",style:{width:"24px",height:"24px"},children:/*#__PURE__*/_jsx(X,{size:12,className:"text-gray-600",style:{opacity:1,transform:"rotate(0deg)"}})})]}),/*#__PURE__*/_jsx("div",{className:"overflow-y-auto max-h-[calc(90vh-160px)]",children:children})]}),/*#__PURE__*/_jsx("style",{children:"\n        .animate-modal-fade-in {\n          animation: modalFadeIn 0.2s ease-out;\n        }\n        \n        @keyframes modalFadeIn {\n          from {\n            opacity: 0;\n            transform: scale(0.95) translateY(-10px);\n          }\n          to {\n            opacity: 1;\n            transform: scale(1) translateY(0);\n          }\n        }\n      "})]})}export default CustomModal;
 //# sourceMappingURL=custom-modal.js.map

package/plugins/helpers/custom-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-modal.js","names":["React","useEffect","X","jsx","_jsx","jsxs","_jsxs","CustomModal","_ref","isOpen","onClose","title","children","_ref$className","className","titleIcon","handleEscapeKey","event","key","document","addEventListener","body","style","overflow","removeEventListener","handleBackdropClick","target","currentTarget","onClick","e","stopPropagation","type","width","height","size","opacity","transform"],"sources":["../../../src/plugins/helpers/custom-modal.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { X } from 'lucide-react';\n\ntype CustomModalProps = {\n  isOpen: boolean;\n  onClose: () => void;\n  title: string;\n  children: React.ReactNode;\n  className?: string;\n  titleIcon?: React.ReactNode;\n}\n\nexport function CustomModal({\n  isOpen,\n  onClose,\n  title,\n  children,\n  className = '',\n  titleIcon\n}: CustomModalProps) {\n\n  useEffect(() => {\n    function handleEscapeKey(event: KeyboardEvent) {\n      if (event.key === 'Escape' && isOpen) {\n        onClose();\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('keydown', handleEscapeKey);\n      document.body.style.overflow = 'hidden';\n    }\n\n    return () => {\n      document.removeEventListener('keydown', handleEscapeKey);\n      document.body.style.overflow = 'unset';\n    };\n  }, [isOpen, onClose]);\n\n  function handleBackdropClick(event: React.MouseEvent<HTMLDivElement>) {\n    if (event.target === event.currentTarget) {\n      onClose();\n    }\n  }\n\n  if (!isOpen) {\n    return null;\n  }\n\n  return (\n    <div\n      className={`fixed inset-0 z-[9999] flex items-center justify-center p-4 bg-black bg-opacity-30 ${className}`}\n      onClick={handleBackdropClick}\n    >\n      <div\n        className=\"relative w-full max-w-2xl max-h-[90vh] min-h-[45vh] bg-white rounded-lg shadow-xl overflow-hidden animate-modal-fade-in\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        <div className=\"p-6 border-b border-gray-200 bg-gray-50 relative flex items-center justify-between\">\n          <h2 className=\"flex items-center text-lg font-semibold text-gray-900\">\n            {titleIcon && <span className=\"mr-2\">{titleIcon}</span>}\n            {title}\n          </h2>\n\n          <button\n            onClick={onClose}\n            className=\"transition-colors duration-200 hover:bg-gray-100 rounded p-1 flex items-center justify-center\"\n            type=\"button\"\n            aria-label=\"Close modal\"\n            style={{\n              width: '24px',\n              height: '24px'\n            }}\n          >\n            <X \n              size={12}\n              className=\"text-gray-600\"\n              style={{ \n                opacity: 1,\n                transform: 'rotate(0deg)'\n              }}\n            />\n          </button>\n        </div>\n\n        <div className=\"overflow-y-auto max-h-[calc(90vh-160px)]\">\n          {children}\n        </div>\n      </div>\n\n      <style>{`\n        .animate-modal-fade-in {\n          animation: modalFadeIn 0.2s ease-out;\n        }\n        \n        @keyframes modalFadeIn {\n          from {\n            opacity: 0;\n            transform: scale(0.95) translateY(-10px);\n          }\n          to {\n            opacity: 1;\n            transform: scale(1) translateY(0);\n          }\n        }\n      `}</style>\n    </div>\n  );\n}\n\nexport default CustomModal;\n"],"mappings":"AAAA,MAAO,CAAAA,KAAK,EAAIC,SAAS,KAAQ,OAAO,CACxC,OAASC,CAAC,KAAQ,cAAc,CAAC,OAAAC,GAAA,IAAAC,IAAA,CAAAC,IAAA,IAAAC,KAAA,yBAWjC,MAAO,SAAS,CAAAC,WAAWA,CAAAC,IAAA,CAON,IANnB,CAAAC,MAAM,CAAAD,IAAA,CAANC,MAAM,CACNC,OAAO,CAAAF,IAAA,CAAPE,OAAO,CACPC,KAAK,CAAAH,IAAA,CAALG,KAAK,CACLC,QAAQ,CAAAJ,IAAA,CAARI,QAAQ,CAAAC,cAAA,CAAAL,IAAA,CACRM,SAAS,CAATA,SAAS,CAAAD,cAAA,UAAG,EAAE,CAAAA,cAAA,CACdE,SAAS,CAAAP,IAAA,CAATO,SAAS,CAGTd,SAAS,CAAC,UAAM,CACd,QAAS,CAAAe,eAAeA,CAACC,KAAoB,CAAE,CAC7C,GAAIA,KAAK,CAACC,GAAG,GAAK,QAAQ,EAAIT,MAAM,CAAE,CACpCC,OAAO,CAAC,CACV,CACF,CAEA,GAAID,MAAM,CAAE,CACVU,QAAQ,CAACC,gBAAgB,CAAC,SAAS,CAAEJ,eAAe,CAAC,CACrDG,QAAQ,CAACE,IAAI,CAACC,KAAK,CAACC,QAAQ,CAAG,QACjC,CAEA,MAAO,WAAM,CACXJ,QAAQ,CAACK,mBAAmB,CAAC,SAAS,CAAER,eAAe,CAAC,CACxDG,QAAQ,CAACE,IAAI,CAACC,KAAK,CAACC,QAAQ,CAAG,OACjC,CACF,CAAC,CAAE,CAACd,MAAM,CAAEC,OAAO,CAAC,CAAC,CAErB,QAAS,CAAAe,mBAAmBA,CAACR,KAAuC,CAAE,CACpE,GAAIA,KAAK,CAACS,MAAM,GAAKT,KAAK,CAACU,aAAa,CAAE,CACxCjB,OAAO,CAAC,CACV,CACF,CAEA,GAAI,CAACD,MAAM,CAAE,CACX,MAAO,KACT,CAEA,mBACEH,KAAA,QACEQ,SAAS,uFAAwFA,SAAY,CAC7Gc,OAAO,CAAEH,mBAAoB,CAAAb,QAAA,eAE7BN,KAAA,QACEQ,SAAS,CAAC,yHAAyH,CACnIc,OAAO,CAAE,QAAT,CAAAA,OAAOA,CAAGC,CAAC,QAAK,CAAAA,CAAC,CAACC,eAAe,CAAC,CAAC,CAAC,CAAAlB,QAAA,eAEpCN,KAAA,QAAKQ,SAAS,CAAC,oFAAoF,CAAAF,QAAA,eACjGN,KAAA,OAAIQ,SAAS,CAAC,uDAAuD,CAAAF,QAAA,EAClEG,SAAS,eAAIX,IAAA,SAAMU,SAAS,CAAC,MAAM,CAAAF,QAAA,CAAEG,SAAS,CAAO,CAAC,CACtDJ,KAAK,EACJ,CAAC,cAELP,IAAA,WACEwB,OAAO,CAAElB,OAAQ,CACjBI,SAAS,CAAC,+FAA+F,CACzGiB,IAAI,CAAC,QAAQ,CACb,aAAW,aAAa,CACxBT,KAAK,CAAE,CACLU,KAAK,CAAE,MAAM,CACbC,MAAM,CAAE,MACV,CAAE,CAAArB,QAAA,cAEFR,IAAA,CAACF,CAAC,EACAgC,IAAI,CAAE,EAAG,CACTpB,SAAS,CAAC,eAAe,CACzBQ,KAAK,CAAE,CACLa,OAAO,CAAE,CAAC,CACVC,SAAS,CAAE,cACb,CAAE,CACH,CAAC,CACI,CAAC,EACN,CAAC,cAENhC,IAAA,QAAKU,SAAS,CAAC,0CAA0C,CAAAF,QAAA,CACtDA,QAAQ,CACN,CAAC,EACH,CAAC,cAENR,IAAA,UAAAQ,QAAA,sXAeS,CAAC,EACP,CAET,CAEA,cAAe,CAAAL,WAAW","ignoreList":[]}
+{"version":3,"file":"custom-modal.js","names":["React","useEffect","X","jsx","_jsx","jsxs","_jsxs","CustomModal","_ref","isOpen","onClose","title","children","_ref$className","className","titleIcon","handleEscapeKey","event","key","_iframe$contentWindow","document","addEventListener","iframe","querySelector","iframeDocument","contentDocument","contentWindow","_iframeDocument$docum","documentElement","style","setProperty","removeEventListener","_iframeDocument$docum2","removeProperty","handleBackdropClick","target","currentTarget","onClick","e","stopPropagation","type","width","height","size","opacity","transform"],"sources":["../../../src/plugins/helpers/custom-modal.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { X } from 'lucide-react';\n\ntype CustomModalProps = {\n  isOpen: boolean;\n  onClose: () => void;\n  title: string;\n  children: React.ReactNode;\n  className?: string;\n  titleIcon?: React.ReactNode;\n}\n\nexport function CustomModal({\n  isOpen,\n  onClose,\n  title,\n  children,\n  className = '',\n  titleIcon\n}: CustomModalProps) {\n\n  useEffect(() => {\n    function handleEscapeKey(event: KeyboardEvent) {\n      if (event.key === 'Escape' && isOpen) {\n        onClose();\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('keydown', handleEscapeKey);\n      const iframe = document.querySelector('.gjs-frame') as HTMLIFrameElement;\n      const iframeDocument = iframe?.contentDocument || iframe?.contentWindow?.document;\n      \n      if (iframeDocument) {\n        iframeDocument.documentElement?.style.setProperty('overflow', 'hidden', 'important');\n      }\n\n      return () => {\n        document.removeEventListener('keydown', handleEscapeKey);\n        \n        if (iframeDocument) {\n          iframeDocument.documentElement?.style.removeProperty('overflow');\n        }\n      };\n    }\n\n    return () => {\n      document.removeEventListener('keydown', handleEscapeKey);\n    };\n  }, [isOpen, onClose]);\n\n  function handleBackdropClick(event: React.MouseEvent<HTMLDivElement>) {\n    if (event.target === event.currentTarget) {\n      onClose();\n    }\n  }\n\n  if (!isOpen) {\n    return null;\n  }\n\n  return (\n    <div\n      className={`fixed inset-0 z-[9999] flex items-center justify-center p-4 bg-black bg-opacity-30 ${className}`}\n      onClick={handleBackdropClick}\n    >\n      <div\n        className=\"relative w-full max-w-2xl max-h-[90vh] min-h-[45vh] bg-white rounded-lg shadow-xl overflow-hidden animate-modal-fade-in\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        <div className=\"p-6 border-b border-gray-200 bg-gray-50 relative flex items-center justify-between\">\n          <h2 className=\"flex items-center text-lg font-semibold text-gray-900\">\n            {titleIcon && <span className=\"mr-2\">{titleIcon}</span>}\n            {title}\n          </h2>\n\n          <button\n            onClick={onClose}\n            className=\"transition-colors duration-200 hover:bg-gray-100 rounded p-1 flex items-center justify-center\"\n            type=\"button\"\n            aria-label=\"Close modal\"\n            style={{\n              width: '24px',\n              height: '24px'\n            }}\n          >\n            <X \n              size={12}\n              className=\"text-gray-600\"\n              style={{ \n                opacity: 1,\n                transform: 'rotate(0deg)'\n              }}\n            />\n          </button>\n        </div>\n\n        <div className=\"overflow-y-auto max-h-[calc(90vh-160px)]\">\n          {children}\n        </div>\n      </div>\n\n      <style>{`\n        .animate-modal-fade-in {\n          animation: modalFadeIn 0.2s ease-out;\n        }\n        \n        @keyframes modalFadeIn {\n          from {\n            opacity: 0;\n            transform: scale(0.95) translateY(-10px);\n          }\n          to {\n            opacity: 1;\n            transform: scale(1) translateY(0);\n          }\n        }\n      `}</style>\n    </div>\n  );\n}\n\nexport default CustomModal;\n"],"mappings":"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","ignoreList":[]}

package/plugins/helpers/query-cache-context.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { QueryCacheEntry, InteractionType, InteractionState } from './query-cache-utils';
+type QueryCacheContextValue = {
+    getCachedQuery: (componentId: string, interactionType: InteractionType, state: InteractionState) => QueryCacheEntry | null;
+    setCachedQuery: (componentId: string, interactionType: InteractionType, state: InteractionState, entry: QueryCacheEntry) => void;
+    invalidateComponent: (componentId: string) => void;
+    invalidateAll: () => void;
+    isCached: (componentId: string, interactionType: InteractionType, state: InteractionState) => boolean;
+};
+type QueryCacheProviderProps = {
+    children: React.ReactNode;
+    maxCacheSize?: number;
+    maxCacheAge?: number;
+};
+export declare function QueryCacheProvider({ children, maxCacheSize, maxCacheAge, }: QueryCacheProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useQueryCache(): QueryCacheContextValue;
+export declare function useInvalidateCacheOnChange(componentId: string | undefined, dependencies: unknown[]): void;
+export {};

package/plugins/helpers/query-cache-context.js

@@ -0,0 +1,2 @@
+import React,{createContext,useContext,useCallback,useRef,useMemo}from"react";import{getGlobalQueryCache,configureGlobalQueryCache}from"./query-cache-singleton";import{jsx as _jsx}from"react/jsx-runtime";var QueryCacheContext=/*#__PURE__*/createContext(null);export function QueryCacheProvider(_ref){var children=_ref.children,_ref$maxCacheSize=_ref.maxCacheSize,maxCacheSize=_ref$maxCacheSize===void 0?100:_ref$maxCacheSize,_ref$maxCacheAge=_ref.maxCacheAge,maxCacheAge=_ref$maxCacheAge===void 0?5*60*1000:_ref$maxCacheAge;var isConfigured=useRef(false);if(!isConfigured.current){configureGlobalQueryCache(maxCacheSize,maxCacheAge);isConfigured.current=true}var cacheManager=useRef(getGlobalQueryCache()).current;var getCachedQuery=useCallback(function(componentId,interactionType,state){return cacheManager.getCachedQuery(componentId,interactionType,state)},[cacheManager]);var setCachedQuery=useCallback(function(componentId,interactionType,state,entry){cacheManager.setCachedQuery(componentId,interactionType,state,entry)},[cacheManager]);var invalidateComponent=useCallback(function(componentId){cacheManager.invalidateComponent(componentId)},[cacheManager]);var invalidateAll=useCallback(function(){cacheManager.invalidateAll()},[cacheManager]);var isCached=useCallback(function(componentId,interactionType,state){return cacheManager.isCached(componentId,interactionType,state)},[cacheManager]);var value=useMemo(function(){return{getCachedQuery:getCachedQuery,setCachedQuery:setCachedQuery,invalidateComponent:invalidateComponent,invalidateAll:invalidateAll,isCached:isCached}},[getCachedQuery,setCachedQuery,invalidateComponent,invalidateAll,isCached]);return/*#__PURE__*/_jsx(QueryCacheContext.Provider,{value:value,children:children})}export function useQueryCache(){var context=useContext(QueryCacheContext);if(!context){throw new Error("useQueryCache must be used within a QueryCacheProvider")}return context}export function useInvalidateCacheOnChange(componentId,dependencies){var _useQueryCache=useQueryCache(),invalidateComponent=_useQueryCache.invalidateComponent;var prevDepsRef=useRef([]);React.useEffect(function(){if(prevDepsRef.current.length===0){prevDepsRef.current=dependencies;return}var hasChanged=dependencies.some(function(dep,index){return dep!==prevDepsRef.current[index]});if(hasChanged&&componentId){invalidateComponent(componentId)}prevDepsRef.current=dependencies},[componentId,invalidateComponent,dependencies])}
+//# sourceMappingURL=query-cache-context.js.map

package/plugins/helpers/query-cache-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-cache-context.js","names":["React","createContext","useContext","useCallback","useRef","useMemo","getGlobalQueryCache","configureGlobalQueryCache","jsx","_jsx","QueryCacheContext","QueryCacheProvider","_ref","children","_ref$maxCacheSize","maxCacheSize","_ref$maxCacheAge","maxCacheAge","isConfigured","current","cacheManager","getCachedQuery","componentId","interactionType","state","setCachedQuery","entry","invalidateComponent","invalidateAll","isCached","value","Provider","useQueryCache","context","Error","useInvalidateCacheOnChange","dependencies","_useQueryCache","prevDepsRef","useEffect","length","hasChanged","some","dep","index"],"sources":["../../../src/plugins/helpers/query-cache-context.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, useRef, useMemo } from 'react';\nimport {\n  QueryCacheEntry,\n  InteractionType,\n  InteractionState,\n} from './query-cache-utils';\nimport { getGlobalQueryCache, configureGlobalQueryCache } from './query-cache-singleton';\n\ntype QueryCacheContextValue = {\n  getCachedQuery: (\n    componentId: string,\n    interactionType: InteractionType,\n    state: InteractionState\n  ) => QueryCacheEntry | null;\n  \n  setCachedQuery: (\n    componentId: string,\n    interactionType: InteractionType,\n    state: InteractionState,\n    entry: QueryCacheEntry\n  ) => void;\n  \n  invalidateComponent: (componentId: string) => void;\n\n  invalidateAll: () => void;\n\n  isCached: (\n    componentId: string,\n    interactionType: InteractionType,\n    state: InteractionState\n  ) => boolean;\n};\n\nconst QueryCacheContext = createContext<QueryCacheContextValue | null>(null);\n\ntype QueryCacheProviderProps = {\n  children: React.ReactNode;\n  maxCacheSize?: number;\n  maxCacheAge?: number;\n};\n\nexport function QueryCacheProvider({\n  children,\n  maxCacheSize = 100,\n  maxCacheAge = 5 * 60 * 1000, // 5 minutes\n}: QueryCacheProviderProps) {\n  const isConfigured = useRef(false);\n  \n  if (!isConfigured.current) {\n    configureGlobalQueryCache(maxCacheSize, maxCacheAge);\n    isConfigured.current = true;\n  }\n\n  const cacheManager = useRef(getGlobalQueryCache()).current;\n  \n  const getCachedQuery = useCallback(\n    (\n      componentId: string,\n      interactionType: InteractionType,\n      state: InteractionState\n    ): QueryCacheEntry | null => {\n      return cacheManager.getCachedQuery(componentId, interactionType, state);\n    },\n    [cacheManager]\n  );\n  \n  const setCachedQuery = useCallback(\n    (\n      componentId: string,\n      interactionType: InteractionType,\n      state: InteractionState,\n      entry: QueryCacheEntry\n    ) => {\n      cacheManager.setCachedQuery(componentId, interactionType, state, entry);\n    },\n    [cacheManager]\n  );\n  \n  const invalidateComponent = useCallback(\n    (componentId: string) => {\n      cacheManager.invalidateComponent(componentId);\n    },\n    [cacheManager]\n  );\n  \n  const invalidateAll = useCallback(() => {\n    cacheManager.invalidateAll();\n  }, [cacheManager]);\n  \n  const isCached = useCallback(\n    (\n      componentId: string,\n      interactionType: InteractionType,\n      state: InteractionState\n    ): boolean => {\n      return cacheManager.isCached(componentId, interactionType, state);\n    },\n    [cacheManager]\n  );\n  \n  const value = useMemo(\n    () => ({\n      getCachedQuery,\n      setCachedQuery,\n      invalidateComponent,\n      invalidateAll,\n      isCached,\n    }),\n    [getCachedQuery, setCachedQuery, invalidateComponent, invalidateAll, isCached]\n  );\n  \n  return (\n    <QueryCacheContext.Provider value={value}>\n      {children}\n    </QueryCacheContext.Provider>\n  );\n}\n\nexport function useQueryCache(): QueryCacheContextValue {\n  const context = useContext(QueryCacheContext);\n  \n  if (!context) {\n    throw new Error('useQueryCache must be used within a QueryCacheProvider');\n  }\n  \n  return context;\n}\n\nexport function useInvalidateCacheOnChange(\n  componentId: string | undefined,\n  dependencies: unknown[]\n): void {\n  const { invalidateComponent } = useQueryCache();\n  const prevDepsRef = useRef<unknown[]>([]);\n  \n  React.useEffect(() => {\n    if (prevDepsRef.current.length === 0) {\n      prevDepsRef.current = dependencies;\n\n      return;\n    }\n    \n    const hasChanged = dependencies.some(\n      (dep, index) => dep !== prevDepsRef.current[index]\n    );\n    \n    if (hasChanged && componentId) {\n      invalidateComponent(componentId);\n    }\n    \n    prevDepsRef.current = dependencies;\n  }, [componentId, invalidateComponent, dependencies]);\n}\n\n"],"mappings":"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","ignoreList":[]}

package/plugins/helpers/query-cache-singleton.d.ts

@@ -0,0 +1,25 @@
+import { QueryCacheEntry, InteractionType, InteractionState } from './query-cache-utils';
+declare class QueryCacheManager {
+    private cache;
+    private totalEntries;
+    private maxCacheSize;
+    private maxCacheAge;
+    constructor(maxCacheSize?: number, maxCacheAge?: number);
+    getCachedQuery(componentId: string, interactionType: InteractionType, state: InteractionState): QueryCacheEntry | null;
+    setCachedQuery(componentId: string, interactionType: InteractionType, state: InteractionState, entry: QueryCacheEntry): void;
+    invalidateComponent(componentId: string): void;
+    invalidateAll(): void;
+    isCached(componentId: string, interactionType: InteractionType, state: InteractionState): boolean;
+    private cleanupCache;
+    private getTotalCacheSize;
+    getStats(): {
+        componentCount: number;
+        maxAge: number;
+        maxSize: number;
+        size: number;
+    };
+}
+export declare function getGlobalQueryCache(): QueryCacheManager;
+export declare function resetGlobalQueryCache(): void;
+export declare function configureGlobalQueryCache(maxCacheSize?: number, maxCacheAge?: number): void;
+export {};

package/plugins/helpers/query-cache-singleton.js

@@ -0,0 +1,4 @@
+import _extends from"@babel/runtime/helpers/extends";function _createForOfIteratorHelperLoose(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(t)return(t=t.call(r)).next.bind(t);if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var o=0;return function(){return o>=r.length?{done:!0}:{done:!1,value:r[o++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}import{createInteractionKey}from"./query-cache-utils";var QueryCacheManager=/*#__PURE__*/function(){// 5 minutes
+function QueryCacheManager(maxCacheSize,maxCacheAge){if(maxCacheSize===void 0){maxCacheSize=100}if(maxCacheAge===void 0){maxCacheAge=5*60*1000}this.cache=new Map;this.totalEntries=0;this.maxCacheSize=100;this.maxCacheAge=5*60*1000;this.maxCacheSize=maxCacheSize;this.maxCacheAge=maxCacheAge}var _proto=QueryCacheManager.prototype;_proto.getCachedQuery=function getCachedQuery(componentId,interactionType,state){var componentCache=this.cache.get(componentId);if(!componentCache){return null}var key=createInteractionKey(interactionType,state);var entry=componentCache.get(key);if(!entry){return null}var now=Date.now();if(now-entry.timestamp>this.maxCacheAge){componentCache["delete"](key);this.totalEntries-=1;if(componentCache.size===0){this.cache["delete"](componentId)}return null}return entry};_proto.setCachedQuery=function setCachedQuery(componentId,interactionType,state,entry){var componentCache=this.cache.get(componentId);if(!componentCache){componentCache=new Map;this.cache.set(componentId,componentCache)}var key=createInteractionKey(interactionType,state);var isNewEntry=!componentCache.has(key);componentCache.set(key,_extends({},entry,{timestamp:Date.now()}));if(isNewEntry){this.totalEntries+=1}if(this.totalEntries>this.maxCacheSize){this.cleanupCache()}};_proto.invalidateComponent=function invalidateComponent(componentId){var componentCache=this.cache.get(componentId);if(componentCache){this.totalEntries-=componentCache.size;this.cache["delete"](componentId)}};_proto.invalidateAll=function invalidateAll(){this.cache.clear();this.totalEntries=0};_proto.isCached=function isCached(componentId,interactionType,state){return this.getCachedQuery(componentId,interactionType,state)!==null};_proto.cleanupCache=function cleanupCache(){var now=Date.now();var allEntries=[];for(var _iterator=_createForOfIteratorHelperLoose(this.cache.entries()),_step;!(_step=_iterator()).done;){var _step$value=_step.value,_componentId=_step$value[0],_componentCache=_step$value[1];for(var _iterator3=_createForOfIteratorHelperLoose(_componentCache.entries()),_step3;!(_step3=_iterator3()).done;){var _step3$value=_step3.value,_key=_step3$value[0],entry=_step3$value[1];if(now-entry.timestamp>this.maxCacheAge){_componentCache["delete"](_key);this.totalEntries-=1}else{allEntries.push({componentId:_componentId,key:_key,timestamp:entry.timestamp})}}if(_componentCache.size===0){this.cache["delete"](_componentId)}}if(allEntries.length>this.maxCacheSize){allEntries.sort(function(a,b){return a.timestamp-b.timestamp});var entriesToRemove=allEntries.slice(0,allEntries.length-this.maxCacheSize);for(var _iterator2=_createForOfIteratorHelperLoose(entriesToRemove),_step2;!(_step2=_iterator2()).done;){var _step2$value=_step2.value,componentId=_step2$value.componentId,key=_step2$value.key;var componentCache=this.cache.get(componentId);if(componentCache){componentCache["delete"](key);this.totalEntries-=1;// Remove empty component caches
+if(componentCache.size===0){this.cache["delete"](componentId)}}}}};_proto.getTotalCacheSize=function getTotalCacheSize(){return this.totalEntries};_proto.getStats=function getStats(){return{componentCount:this.cache.size,maxAge:this.maxCacheAge,maxSize:this.maxCacheSize,size:this.getTotalCacheSize()}};return QueryCacheManager}();var globalCacheInstance=null;export function getGlobalQueryCache(){if(!globalCacheInstance){globalCacheInstance=new QueryCacheManager}return globalCacheInstance}export function resetGlobalQueryCache(){globalCacheInstance=null}export function configureGlobalQueryCache(maxCacheSize,maxCacheAge){if(maxCacheSize===void 0){maxCacheSize=100}if(maxCacheAge===void 0){maxCacheAge=5*60*1000}globalCacheInstance=new QueryCacheManager(maxCacheSize,maxCacheAge)}
+//# sourceMappingURL=query-cache-singleton.js.map

package/plugins/helpers/query-cache-singleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-cache-singleton.js","names":["createInteractionKey","QueryCacheManager","maxCacheSize","maxCacheAge","cache","Map","totalEntries","_proto","prototype","getCachedQuery","componentId","interactionType","state","componentCache","get","key","entry","now","Date","timestamp","size","setCachedQuery","set","isNewEntry","has","_extends","cleanupCache","invalidateComponent","invalidateAll","clear","isCached","allEntries","_iterator","_createForOfIteratorHelperLoose","entries","_step","done","_step$value","value","_iterator3","_step3","_step3$value","push","length","sort","a","b","entriesToRemove","slice","_iterator2","_step2","_step2$value","getTotalCacheSize","getStats","componentCount","maxAge","maxSize","globalCacheInstance","getGlobalQueryCache","resetGlobalQueryCache","configureGlobalQueryCache"],"sources":["../../../src/plugins/helpers/query-cache-singleton.ts"],"sourcesContent":["import {\n  QueryCacheEntry,\n  InteractionType,\n  InteractionState,\n  createInteractionKey\n} from './query-cache-utils';\n\nclass QueryCacheManager {\n  private cache: Map<string, Map<string, QueryCacheEntry>> = new Map();\n  private totalEntries = 0;\n  private maxCacheSize = 100;\n  private maxCacheAge: number = 5 * 60 * 1000; // 5 minutes\n\n  constructor(maxCacheSize = 100, maxCacheAge = 5 * 60 * 1000) {\n    this.maxCacheSize = maxCacheSize;\n    this.maxCacheAge = maxCacheAge;\n  }\n\n  getCachedQuery(\n    componentId: string,\n    interactionType: InteractionType,\n    state: InteractionState\n  ): QueryCacheEntry | null {\n    const componentCache = this.cache.get(componentId);\n    \n    if (!componentCache) {\n      return null;\n    }\n    \n    const key = createInteractionKey(interactionType, state);\n    const entry = componentCache.get(key);\n    \n    if (!entry) {\n      return null;\n    }\n    \n    const now = Date.now();\n\n    if (now - entry.timestamp > this.maxCacheAge) {\n      componentCache.delete(key);\n      this.totalEntries -= 1;\n      \n      if (componentCache.size === 0) {\n        this.cache.delete(componentId);\n      }\n\n      return null;\n    }\n    \n    return entry;\n  }\n\n  setCachedQuery(\n    componentId: string,\n    interactionType: InteractionType,\n    state: InteractionState,\n    entry: QueryCacheEntry\n  ): void {\n    let componentCache = this.cache.get(componentId);\n    \n    if (!componentCache) {\n      componentCache = new Map();\n      this.cache.set(componentId, componentCache);\n    }\n    \n    const key = createInteractionKey(interactionType, state);\n    const isNewEntry = !componentCache.has(key);\n\n    componentCache.set(key, {\n      ...entry,\n      timestamp: Date.now(),\n    });\n    \n    if (isNewEntry) {\n      this.totalEntries += 1;\n    }\n\n    if (this.totalEntries > this.maxCacheSize) {\n      this.cleanupCache();\n    }\n  }\n\n  invalidateComponent(componentId: string): void {\n    const componentCache = this.cache.get(componentId);\n\n    if (componentCache) {\n      this.totalEntries -= componentCache.size;\n      this.cache.delete(componentId);\n    }\n  }\n\n  invalidateAll(): void {\n    this.cache.clear();\n    this.totalEntries = 0;\n  }\n\n  isCached(\n    componentId: string,\n    interactionType: InteractionType,\n    state: InteractionState\n  ): boolean {\n    return this.getCachedQuery(componentId, interactionType, state) !== null;\n  }\n\n  private cleanupCache(): void {\n    const now = Date.now();\n    const allEntries: Array<{ componentId: string; key: string; timestamp: number }> = [];\n    \n    for (const [componentId, componentCache] of this.cache.entries()) {\n      for (const [key, entry] of componentCache.entries()) {\n        if (now - entry.timestamp > this.maxCacheAge) {\n          componentCache.delete(key);\n          this.totalEntries -= 1;\n        } else {\n          allEntries.push({ componentId, key, timestamp: entry.timestamp });\n        }\n      }\n      \n      if (componentCache.size === 0) {\n        this.cache.delete(componentId);\n      }\n    }\n    \n    if (allEntries.length > this.maxCacheSize) {\n      allEntries.sort((a, b) => a.timestamp - b.timestamp);\n      \n      const entriesToRemove = allEntries.slice(0, allEntries.length - this.maxCacheSize);\n      \n      for (const { componentId, key } of entriesToRemove) {\n        const componentCache = this.cache.get(componentId);\n\n        if (componentCache) {\n          componentCache.delete(key);\n          this.totalEntries -= 1;\n          \n          // Remove empty component caches\n          if (componentCache.size === 0) {\n            this.cache.delete(componentId);\n          }\n        }\n      }\n    }\n  }\n  \n  private getTotalCacheSize(): number {\n    return this.totalEntries;\n  }\n\n  getStats(): { componentCount: number; maxAge: number; maxSize: number; size: number } {\n    return {\n      componentCount: this.cache.size,\n      maxAge: this.maxCacheAge,\n      maxSize: this.maxCacheSize,\n      size: this.getTotalCacheSize(),\n    };\n  }\n}\n\nlet globalCacheInstance: QueryCacheManager | null = null;\n\nexport function getGlobalQueryCache(): QueryCacheManager {\n  if (!globalCacheInstance) {\n    globalCacheInstance = new QueryCacheManager();\n  }\n\n  return globalCacheInstance;\n}\n\nexport function resetGlobalQueryCache(): void {\n  globalCacheInstance = null;\n}\n\nexport function configureGlobalQueryCache(maxCacheSize = 100, maxCacheAge = 5 * 60 * 1000): void {\n  globalCacheInstance = new QueryCacheManager(maxCacheSize, maxCacheAge);\n}\n\n"],"mappings":"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","ignoreList":[]}

package/plugins/helpers/query-cache-utils.d.ts

@@ -0,0 +1,48 @@
+export type InteractionType = 'semanticLayerQuery' | 'tableButton';
+export type InteractionState = {
+    [key: string]: unknown;
+    bodyContent?: unknown;
+    chartData?: unknown;
+    chartDataFingerprint?: string;
+    chartDataLength?: number;
+    dataFingerprint?: string;
+    dataLength?: number;
+    error?: unknown;
+    filterValue?: unknown;
+    filters?: Record<string, unknown>;
+    footerContent?: unknown;
+    headerContent?: unknown;
+    isMissing?: unknown;
+    pageNumber?: number;
+    pageSize?: number;
+    searchQuery?: string;
+    searchValue?: string;
+    sortColumn?: string | null;
+    sortDirection?: 'asc' | 'desc' | null;
+    summaryText?: unknown;
+};
+export type QueryCacheEntry = {
+    queryHeadings: string[];
+    sqlQuery: string | string[];
+    tableButtonExplanations: Array<{
+        action: string;
+        buttonClassName?: string;
+        buttonStyle?: Record<string, unknown>;
+        explanation: string;
+        formFields?: Record<string, unknown>;
+        jsonBody?: unknown;
+        operationDescription?: string;
+        operationSummary?: string;
+        requestUrl?: string;
+    }>;
+    timestamp: number;
+};
+export type CacheKey = {
+    componentId: string;
+    interactionType: InteractionType;
+    state: InteractionState;
+};
+export declare function createCacheKey(componentId: string, interactionType: InteractionType, interactionState: InteractionState): string;
+export declare function createInteractionKey(interactionType: InteractionType, interactionState: InteractionState): string;
+export declare function extractInteractionState(componentProps: Record<string, unknown>): InteractionState;
+export declare function areStatesEqual(state1: InteractionState, state2: InteractionState): boolean;

package/plugins/helpers/query-cache-utils.js

@@ -0,0 +1,6 @@
+function _createForOfIteratorHelperLoose(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(t)return(t=t.call(r)).next.bind(t);if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var o=0;return function(){return o>=r.length?{done:!0}:{done:!1,value:r[o++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}export function createCacheKey(componentId,interactionType,interactionState){var sortedState=sortObjectKeys(interactionState);try{var stateString=JSON.stringify(sortedState);return componentId+"::"+interactionType+"::"+stateString}catch(error){// eslint-disable-next-line no-console
+console.warn("Failed to serialize interaction state:",error);return componentId+"::"+interactionType+"::"+Date.now()+"::"+Math.random()}}export function createInteractionKey(interactionType,interactionState){var sortedState=sortObjectKeys(interactionState);try{var stateString=JSON.stringify(sortedState);return interactionType+"::"+stateString}catch(error){// eslint-disable-next-line no-console
+console.warn("Failed to serialize interaction state:",error);return interactionType+"::"+Date.now()+"::"+Math.random()}}function sortObjectKeys(obj){if(obj===null||obj===undefined){return obj}if(Array.isArray(obj)){return obj.map(function(item){return sortObjectKeys(item)})}if(typeof obj==="object"){var sorted={};var keys=Object.keys(obj).sort();for(var _iterator=_createForOfIteratorHelperLoose(keys),_step;!(_step=_iterator()).done;){var _key=_step.value;sorted[_key]=sortObjectKeys(obj[_key])}return sorted}return obj}export function extractInteractionState(componentProps){var state={};if("pagination"in componentProps&&typeof componentProps.pagination==="object"&&componentProps.pagination){var pagination=componentProps.pagination;if("pageNumber"in pagination&&typeof pagination.pageNumber==="number"){state.pageNumber=pagination.pageNumber}if("pageSize"in pagination&&typeof pagination.pageSize==="number"){state.pageSize=pagination.pageSize}}if("sortColumn"in componentProps){state.sortColumn=componentProps.sortColumn}if("sortDirection"in componentProps){state.sortDirection=componentProps.sortDirection}if("filters"in componentProps&&typeof componentProps.filters==="object"){state.filters=componentProps.filters}if("value"in componentProps){state.filterValue=componentProps.value}if("searchQuery"in componentProps&&typeof componentProps.searchQuery==="string"){state.searchQuery=componentProps.searchQuery}if("searchValue"in componentProps&&typeof componentProps.searchValue==="string"){state.searchValue=componentProps.searchValue}if("data"in componentProps){var data=componentProps.data;if(Array.isArray(data)&&data.length>0){state.dataLength=data.length;var firstRow=data[0];var lastRow=data[data.length-1];if(firstRow&&typeof firstRow==="object"){try{state.dataFingerprint=JSON.stringify({firstId:firstRow.id||Object.values(firstRow)[0],lastId:lastRow&&typeof lastRow==="object"?lastRow.id||Object.values(lastRow)[0]:null,length:data.length})}catch(error){// eslint-disable-next-line no-console
+console.warn("Failed to serialize data fingerprint:",error);state.dataFingerprint="fallback_"+data.length+"_"+Date.now()}}}else if(data&&typeof data==="object"&&data.name==="__peak_placeholder"){state.dataFingerprint="__peak_placeholder"}else{state.dataFingerprint="empty"}}if("bodyContent"in componentProps){state.bodyContent=componentProps.bodyContent}if("headerContent"in componentProps){state.headerContent=componentProps.headerContent}if("footerContent"in componentProps){state.footerContent=componentProps.footerContent}if("chartData"in componentProps){var chartData=componentProps.chartData;if(Array.isArray(chartData)){state.chartDataLength=chartData.length;try{state.chartDataFingerprint=JSON.stringify(chartData)}catch(error){// eslint-disable-next-line no-console
+console.warn("Failed to serialize chart data fingerprint:",error);state.chartDataFingerprint="fallback_"+chartData.length+"_"+Date.now()}}}if("summaryText"in componentProps){state.summaryText=componentProps.summaryText}if("error"in componentProps){state.error=componentProps.error}if("isMissing"in componentProps){state.isMissing=componentProps.isMissing}return state}export function areStatesEqual(state1,state2){return createCacheKey("test","semanticLayerQuery",state1)===createCacheKey("test","semanticLayerQuery",state2)}
+//# sourceMappingURL=query-cache-utils.js.map

package/plugins/helpers/query-cache-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-cache-utils.js","names":["createCacheKey","componentId","interactionType","interactionState","sortedState","sortObjectKeys","stateString","JSON","stringify","error","console","warn","Date","now","Math","random","createInteractionKey","obj","undefined","Array","isArray","map","item","sorted","keys","Object","sort","_iterator","_createForOfIteratorHelperLoose","_step","done","key","value","extractInteractionState","componentProps","state","pagination","pageNumber","pageSize","sortColumn","sortDirection","filters","filterValue","searchQuery","searchValue","data","length","dataLength","firstRow","lastRow","dataFingerprint","firstId","id","values","lastId","name","bodyContent","headerContent","footerContent","chartData","chartDataLength","chartDataFingerprint","summaryText","isMissing","areStatesEqual","state1","state2"],"sources":["../../../src/plugins/helpers/query-cache-utils.ts"],"sourcesContent":["\nexport type InteractionType = 'semanticLayerQuery' | 'tableButton';\n\nexport type InteractionState = {\n  [key: string]: unknown;\n  bodyContent?: unknown;\n  chartData?: unknown;\n  chartDataFingerprint?: string;\n  chartDataLength?: number;\n  dataFingerprint?: string;\n  dataLength?: number;\n  error?: unknown;\n  filterValue?: unknown;\n  filters?: Record<string, unknown>;\n  footerContent?: unknown;\n  headerContent?: unknown;\n  isMissing?: unknown;\n  pageNumber?: number;\n  pageSize?: number;\n  searchQuery?: string;\n  searchValue?: string;\n  sortColumn?: string | null;\n  sortDirection?: 'asc' | 'desc' | null;\n  summaryText?: unknown;\n};\n\nexport type QueryCacheEntry = {\n  queryHeadings: string[];\n  sqlQuery: string | string[];\n  tableButtonExplanations: Array<{\n    action: string;\n    buttonClassName?: string;\n    buttonStyle?: Record<string, unknown>;\n    explanation: string;\n    formFields?: Record<string, unknown>;\n    jsonBody?: unknown;\n    operationDescription?: string;\n    operationSummary?: string;\n    requestUrl?: string;\n  }>;\n  timestamp: number;\n};\n\nexport type CacheKey = {\n  componentId: string;\n  interactionType: InteractionType;\n  state: InteractionState;\n};\n\nexport function createCacheKey(\n  componentId: string,\n  interactionType: InteractionType,\n  interactionState: InteractionState\n): string {\n  const sortedState = sortObjectKeys(interactionState);\n  \n  try {\n    const stateString = JSON.stringify(sortedState);\n    \n    return `${componentId}::${interactionType}::${stateString}`;\n  } catch (error) {\n    // eslint-disable-next-line no-console\n    console.warn('Failed to serialize interaction state:', error);\n    \n    return `${componentId}::${interactionType}::${Date.now()}::${Math.random()}`;\n  }\n}\n\nexport function createInteractionKey(\n  interactionType: InteractionType,\n  interactionState: InteractionState\n): string {\n  const sortedState = sortObjectKeys(interactionState);\n  \n  try {\n    const stateString = JSON.stringify(sortedState);\n    \n    return `${interactionType}::${stateString}`;\n  } catch (error) {\n    // eslint-disable-next-line no-console\n    console.warn('Failed to serialize interaction state:', error);\n    \n    return `${interactionType}::${Date.now()}::${Math.random()}`;\n  }\n}\n\nfunction sortObjectKeys(obj: unknown): unknown {\n  if (obj === null || obj === undefined) {\n    return obj;\n  }\n  \n  if (Array.isArray(obj)) {\n    return obj.map(item => sortObjectKeys(item));\n  }\n  \n  if (typeof obj === 'object') {\n    const sorted: Record<string, unknown> = {};\n    const keys = Object.keys(obj as Record<string, unknown>).sort();\n    \n    for (const key of keys) {\n      sorted[key] = sortObjectKeys((obj as Record<string, unknown>)[key]);\n    }\n    \n    return sorted;\n  }\n  \n  return obj;\n}\n\nexport function extractInteractionState(componentProps: Record<string, unknown>): InteractionState {\n  const state: InteractionState = {};\n  \n  if ('pagination' in componentProps && typeof componentProps.pagination === 'object' && componentProps.pagination) {\n    const pagination = componentProps.pagination as Record<string, unknown>;\n\n    if ('pageNumber' in pagination && typeof pagination.pageNumber === 'number') {\n      state.pageNumber = pagination.pageNumber;\n    }\n\n    if ('pageSize' in pagination && typeof pagination.pageSize === 'number') {\n      state.pageSize = pagination.pageSize;\n    }\n  }\n  \n  if ('sortColumn' in componentProps) {\n    state.sortColumn = componentProps.sortColumn as string | null;\n  }\n  \n  if ('sortDirection' in componentProps) {\n    state.sortDirection = componentProps.sortDirection as 'asc' | 'desc' | null;\n  }\n  \n  if ('filters' in componentProps && typeof componentProps.filters === 'object') {\n    state.filters = componentProps.filters as Record<string, unknown>;\n  }\n  \n  if ('value' in componentProps) {\n    state.filterValue = componentProps.value as unknown;\n  }\n  \n  if ('searchQuery' in componentProps && typeof componentProps.searchQuery === 'string') {\n    state.searchQuery = componentProps.searchQuery;\n  }\n  \n  if ('searchValue' in componentProps && typeof componentProps.searchValue === 'string') {\n    state.searchValue = componentProps.searchValue;\n  }\n\n  if ('data' in componentProps) {\n    const data = componentProps.data;\n    \n    if (Array.isArray(data) && data.length > 0) {\n      state.dataLength = data.length;\n      const firstRow = data[0];\n      const lastRow = data[data.length - 1];\n      \n      if (firstRow && typeof firstRow === 'object') {\n        try {\n          state.dataFingerprint = JSON.stringify({\n            firstId: (firstRow as Record<string, unknown>).id || Object.values(firstRow)[0],\n            lastId: lastRow && typeof lastRow === 'object' \n              ? ((lastRow as Record<string, unknown>).id || Object.values(lastRow)[0])\n              : null,\n            length: data.length\n          });\n        } catch (error) {\n          // eslint-disable-next-line no-console\n          console.warn('Failed to serialize data fingerprint:', error);\n          state.dataFingerprint = `fallback_${data.length}_${Date.now()}`;\n        }\n      }\n    } else if (data && typeof data === 'object' && (data as Record<string, unknown>).name === '__peak_placeholder') {\n      state.dataFingerprint = '__peak_placeholder';\n    } else {\n      state.dataFingerprint = 'empty';\n    }\n  }\n  \n  if ('bodyContent' in componentProps) {\n    state.bodyContent = componentProps.bodyContent as unknown;\n  }\n  \n  if ('headerContent' in componentProps) {\n    state.headerContent = componentProps.headerContent as unknown;\n  }\n  \n  if ('footerContent' in componentProps) {\n    state.footerContent = componentProps.footerContent as unknown;\n  }\n  \n  if ('chartData' in componentProps) {\n    const chartData = componentProps.chartData;\n\n    if (Array.isArray(chartData)) {\n      state.chartDataLength = chartData.length;\n\n      try {\n        state.chartDataFingerprint = JSON.stringify(chartData);\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.warn('Failed to serialize chart data fingerprint:', error);\n        state.chartDataFingerprint = `fallback_${chartData.length}_${Date.now()}`;\n      }\n    }\n  }\n  \n  if ('summaryText' in componentProps) {\n    state.summaryText = componentProps.summaryText as unknown;\n  }\n  \n  if ('error' in componentProps) {\n    state.error = componentProps.error as unknown;\n  }\n  \n  if ('isMissing' in componentProps) {\n    state.isMissing = componentProps.isMissing as unknown;\n  }\n  \n  return state;\n}\n\nexport function areStatesEqual(state1: InteractionState, state2: InteractionState): boolean {\n  return createCacheKey('test', 'semanticLayerQuery', state1) === \n         createCacheKey('test', 'semanticLayerQuery', state2);\n}\n\n"],"mappings":"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","ignoreList":[]}

package/plugins/helpers/query-details-modal.d.ts

@@ -4,14 +4,19 @@ type QueryDetailsModalProps = {
     isLoading: boolean;
     error: string;
     sqlQuery: string | string[];
+    queryHeadings?: string[];
     tableButtonExplanations?: Array<{
         action: string;
         explanation: string;
-        operationName?: string;
+        operationSummary?: string;
+        operationDescription?: string;
         buttonClassName?: string;
         buttonStyle?: Record<string, unknown>;
+        formFields?: Record<string, unknown>;
+        jsonBody?: unknown;
+        requestUrl?: string;
     }>;
     onRetry: () => void;
 };
-export declare function QueryDetailsModal({ isOpen, onClose, isLoading, error, sqlQuery, tableButtonExplanations, onRetry }: QueryDetailsModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function QueryDetailsModal({ isOpen, onClose, isLoading, error, sqlQuery, queryHeadings, tableButtonExplanations, onRetry }: QueryDetailsModalProps): import("react/jsx-runtime").JSX.Element;
 export default QueryDetailsModal;

package/plugins/helpers/query-details-modal.js

@@ -1,4 +1,4 @@
-import _extends from"@babel/runtime/helpers/extends";import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _regeneratorRuntime from"@babel/runtime/regenerator";import React,{useState,useEffect}from"react";import{CustomModal}from"./custom-modal";import{Copy,Check,ChevronDown}from"lucide-react";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";export function QueryDetailsModal(_ref){var isOpen=_ref.isOpen,onClose=_ref.onClose,isLoading=_ref.isLoading,error=_ref.error,sqlQuery=_ref.sqlQuery,_ref$tableButtonExpla=_ref.tableButtonExplanations,tableButtonExplanations=_ref$tableButtonExpla===void 0?[]:_ref$tableButtonExpla,onRetry=_ref.onRetry;var _useState=useState({}),copied=_useState[0],setCopied=_useState[1];var _useState2=useState({}),expandedButtons=_useState2[0],setExpandedButtons=_useState2[1];// Reset expanded state when modal closes
-useEffect(function(){if(!isOpen){setExpandedButtons({})}},[isOpen]);function copyToClipboard(_x,_x2){return _copyToClipboard.apply(this,arguments)}function _copyToClipboard(){_copyToClipboard=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(queryToCopy,copyId){var textToCopy,id;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:textToCopy=queryToCopy;if(!textToCopy){if(Array.isArray(sqlQuery)){textToCopy=sqlQuery.filter(function(q){return q&&typeof q==="string"}).join("\n\n-- Next Query --\n\n")}else if(typeof sqlQuery==="string"){textToCopy=sqlQuery}else{textToCopy=""}}if(textToCopy){_context.next=4;break}return _context.abrupt("return");case 4:id=copyId||"main";_context.prev=5;_context.next=8;return navigator.clipboard.writeText(textToCopy);case 8:setCopied(function(prev){var _extends3;return _extends({},prev,(_extends3={},_extends3[id]=true,_extends3))});setTimeout(function(){return setCopied(function(prev){var _extends4;return _extends({},prev,(_extends4={},_extends4[id]=false,_extends4))})},2000);_context.next=14;break;case 12:_context.prev=12;_context.t0=_context["catch"](5);case 14:case"end":return _context.stop()}},_callee,null,[[5,12]])}));return _copyToClipboard.apply(this,arguments)}function toggleButtonExpansion(buttonIndex){setExpandedButtons(function(prev){var _extends2;return _extends({},prev,(_extends2={},_extends2[buttonIndex]=!prev[buttonIndex],_extends2))})}function renderTableButtonExplanations(){if(!tableButtonExplanations||tableButtonExplanations.length===0){return null}return/*#__PURE__*/_jsx("div",{className:"mb-6",children:tableButtonExplanations.map(function(button,index){var _button$buttonStyle,_button$buttonStyle2,_button$buttonStyle3;return/*#__PURE__*/_jsxs("div",{className:"mb-3 border border-gray-200 rounded-lg",children:[/*#__PURE__*/_jsxs("div",{className:"w-full px-4 py-3 flex items-center justify-between rounded-lg",children:[/*#__PURE__*/_jsx("span",{className:"font-medium text-xs text-gray-500",children:"What does this button do?"}),/*#__PURE__*/_jsxs("div",{className:"flex items-center",children:[/*#__PURE__*/_jsx("button",{onClick:function onClick(){return toggleButtonExpansion(index)},className:button.buttonClassName||"flex items-center px-3 py-1.5 rounded text-xs font-medium",style:_extends({backgroundColor:((_button$buttonStyle=button.buttonStyle)==null?void 0:_button$buttonStyle.backgroundColor)||"#f3f4f6",color:((_button$buttonStyle2=button.buttonStyle)==null?void 0:_button$buttonStyle2.color)||"#374151",border:((_button$buttonStyle3=button.buttonStyle)==null?void 0:_button$buttonStyle3.border)||"1px solid #d1d5db"},button.buttonStyle||{}),children:button.action}),/*#__PURE__*/_jsx(ChevronDown,{className:"ml-2 w-4 h-4 text-gray-500 transition-transform cursor-pointer "+(expandedButtons[index]?"rotate-180":""),onClick:function onClick(){return toggleButtonExpansion(index)}})]})]}),expandedButtons[index]&&/*#__PURE__*/_jsx("div",{className:"px-4 pb-3 border-t border-gray-200",children:/*#__PURE__*/_jsxs("p",{className:"text-xs text-gray-700 mt-2",children:["This button will make a request to ",/*#__PURE__*/_jsx("span",{className:"font-semibold",children:button.explanation})]})})]},index)})})}function renderModalContent(){if(isLoading){return/*#__PURE__*/_jsxs("div",{className:"flex flex-col items-center justify-center py-12",children:[/*#__PURE__*/_jsx("div",{className:"animate-spin rounded-full h-12 w-12 border-b-2 border-purple-600 mb-4"}),/*#__PURE__*/_jsx("span",{className:"text-xs text-gray-600",children:"Fetching query details from semantic layer..."}),/*#__PURE__*/_jsx("span",{className:"text-xs text-gray-400 mt-2",children:"This may take a few moments"})]})}if(error){return/*#__PURE__*/_jsxs("div",{className:"text-red-600 p-4 bg-red-50 rounded-lg border border-red-200 m-6",children:[/*#__PURE__*/_jsx("p",{className:"font-medium mb-2 text-xs",children:"Unable to fetch query details"}),/*#__PURE__*/_jsx("p",{className:"text-xs mb-3",children:error}),/*#__PURE__*/_jsx("button",{onClick:onRetry,className:"px-4 py-2 bg-red-100 hover:bg-red-200 rounded text-xs font-medium transition-colors",type:"button",children:"Retry"})]})}if(!sqlQuery||Array.isArray(sqlQuery)&&sqlQuery.length===0){return/*#__PURE__*/_jsx("div",{className:"text-gray-600 p-6",children:/*#__PURE__*/_jsx("p",{className:"text-xs",children:"No query details available"})})}// Handle multiple queries
-if(Array.isArray(sqlQuery)){return/*#__PURE__*/_jsxs("div",{className:"p-6 space-y-4",children:[sqlQuery.filter(function(query){return query&&typeof query==="string"&&query.trim()}).map(function(query,index){return/*#__PURE__*/_jsxs("div",{className:"bg-white border border-gray-200 rounded-lg p-4",children:[/*#__PURE__*/_jsxs("div",{className:"flex justify-between items-start mb-3",children:[/*#__PURE__*/_jsx("h3",{className:"font-semibold text-xs text-gray-500 m-0",children:"Query details"}),/*#__PURE__*/_jsx("button",{onClick:function onClick(){return copyToClipboard(query,"query-"+index)},className:"flex items-center gap-2 px-2 py-1 text-xs bg-gray-50 border border-gray-300 rounded hover:bg-gray-100 transition-colors",type:"button",children:copied["query-"+index]?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Check,{className:"w-3 h-3 text-green-600"}),/*#__PURE__*/_jsx("span",{className:"text-green-600",children:"Copied!"})]}):/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Copy,{className:"w-3 h-3 text-gray-600"}),/*#__PURE__*/_jsx("span",{className:"text-gray-600",children:"Copy"})]})})]}),/*#__PURE__*/_jsx("pre",{className:"whitespace-pre-wrap leading-relaxed text-xs text-gray-700 m-0 p-0",children:query})]},index)}),renderTableButtonExplanations()]})}return/*#__PURE__*/_jsxs("div",{className:"p-6 space-y-4",children:[/*#__PURE__*/_jsxs("div",{className:"bg-white border border-gray-200 rounded-lg p-4",children:[/*#__PURE__*/_jsxs("div",{className:"flex justify-between items-start mb-3",children:[/*#__PURE__*/_jsx("h3",{className:"font-semibold text-xs text-gray-500 m-0",children:"Query details"}),/*#__PURE__*/_jsx("button",{onClick:function onClick(){return copyToClipboard(undefined,"single")},className:"flex items-center gap-2 px-2 py-1 text-xs bg-gray-50 border border-gray-300 rounded hover:bg-gray-100 transition-colors",type:"button",children:copied.single?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Check,{className:"w-3 h-3 text-green-600"}),/*#__PURE__*/_jsx("span",{className:"text-green-600",children:"Copied!"})]}):/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Copy,{className:"w-3 h-3 text-gray-600"}),/*#__PURE__*/_jsx("span",{className:"text-gray-600",children:"Copy"})]})})]}),/*#__PURE__*/_jsx("pre",{className:"whitespace-pre-wrap leading-relaxed text-xs text-gray-700 m-0 p-0",children:sqlQuery})]}),renderTableButtonExplanations()]})}return/*#__PURE__*/_jsx(CustomModal,{isOpen:isOpen,onClose:onClose,title:"How was this metric calculated?",children:renderModalContent()})}export default QueryDetailsModal;
+import _extends from"@babel/runtime/helpers/extends";import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _regeneratorRuntime from"@babel/runtime/regenerator";import React,{useState,useEffect}from"react";import{CustomModal}from"./custom-modal";import{Copy,Check,ChevronDown,ChevronUp}from"lucide-react";import{formatQueryHeading}from"./query-heading-formatter";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";function CopyButton(_ref){var onClick=_ref.onClick,isCopied=_ref.isCopied,_ref$variant=_ref.variant,variant=_ref$variant===void 0?"default":_ref$variant;var baseClasses="flex items-center gap-1 px-2 py-1 text-xs border rounded transition-colors";var variantClasses=variant==="light"?"bg-gray-50 border-gray-300 hover:bg-gray-100":"bg-gray-100 border-gray-300 hover:bg-gray-200";return/*#__PURE__*/_jsx("button",{onClick:onClick,className:baseClasses+" "+variantClasses,type:"button",children:isCopied?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Check,{className:"w-3 h-3 text-green-600"}),/*#__PURE__*/_jsx("span",{className:"text-green-600",children:"Copied!"})]}):/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Copy,{className:"w-3 h-3 text-gray-600"}),/*#__PURE__*/_jsx("span",{className:"text-gray-600",children:"Copy"})]})})}function ContentText(_ref2){var children=_ref2.children,_ref2$hasOverflowHand=_ref2.hasOverflowHandling,hasOverflowHandling=_ref2$hasOverflowHand===void 0?true:_ref2$hasOverflowHand;var overflowClasses=hasOverflowHandling?"overflow-hidden break-words":"";return/*#__PURE__*/_jsx("pre",{className:"whitespace-pre-wrap leading-relaxed text-xs text-gray-700 m-0 p-0 "+overflowClasses,children:children})}function ContentBlock(_ref3){var title=_ref3.title,children=_ref3.children,copyContent=_ref3.copyContent,copyId=_ref3.copyId,copied=_ref3.copied,onCopy=_ref3.onCopy,_ref3$variant=_ref3.variant,variant=_ref3$variant===void 0?"bordered":_ref3$variant,_ref3$copyButtonVaria=_ref3.copyButtonVariant,copyButtonVariant=_ref3$copyButtonVaria===void 0?"default":_ref3$copyButtonVaria;var containerClasses=variant==="bordered"?"rounded-lg p-3":"bg-white border border-gray-200 rounded-lg p-4";var containerStyle=variant==="bordered"?{border:"1px solid #E9EAF5"}:{};var titleClasses=variant==="bordered"?"text-sm font-medium text-gray-600":"font-semibold text-sm text-gray-500 m-0";return/*#__PURE__*/_jsxs("div",{className:containerClasses,style:containerStyle,children:[/*#__PURE__*/_jsxs("div",{className:"flex justify-between items-start mb-2",children:[/*#__PURE__*/_jsx("span",{className:titleClasses,children:title}),copyContent&&/*#__PURE__*/_jsx(CopyButton,{onClick:function onClick(){return onCopy(copyContent,copyId)},isCopied:copied[copyId]||false,variant:copyButtonVariant})]}),children]})}export function QueryDetailsModal(_ref4){var isOpen=_ref4.isOpen,onClose=_ref4.onClose,isLoading=_ref4.isLoading,error=_ref4.error,sqlQuery=_ref4.sqlQuery,_ref4$queryHeadings=_ref4.queryHeadings,queryHeadings=_ref4$queryHeadings===void 0?[]:_ref4$queryHeadings,_ref4$tableButtonExpl=_ref4.tableButtonExplanations,tableButtonExplanations=_ref4$tableButtonExpl===void 0?[]:_ref4$tableButtonExpl,onRetry=_ref4.onRetry;var _useState=useState({}),copied=_useState[0],setCopied=_useState[1];var _useState2=useState({}),expandedButtons=_useState2[0],setExpandedButtons=_useState2[1];// Reset expanded state when modal closes
+useEffect(function(){if(!isOpen){setExpandedButtons({})}},[isOpen]);function copyToClipboard(_x,_x2){return _copyToClipboard.apply(this,arguments)}function _copyToClipboard(){_copyToClipboard=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(queryToCopy,copyId){var textToCopy,id;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:textToCopy=queryToCopy;if(!textToCopy){if(Array.isArray(sqlQuery)){textToCopy=sqlQuery.filter(function(q){return q&&typeof q==="string"}).join("\n\n-- Next Query --\n\n")}else if(typeof sqlQuery==="string"){textToCopy=sqlQuery}else{textToCopy=""}}if(textToCopy){_context.next=4;break}return _context.abrupt("return");case 4:id=copyId||"main";_context.prev=5;_context.next=8;return navigator.clipboard.writeText(textToCopy);case 8:setCopied(function(prev){var _extends3;return _extends({},prev,(_extends3={},_extends3[id]=true,_extends3))});setTimeout(function(){return setCopied(function(prev){var _extends4;return _extends({},prev,(_extends4={},_extends4[id]=false,_extends4))})},2000);_context.next=14;break;case 12:_context.prev=12;_context.t0=_context["catch"](5);case 14:case"end":return _context.stop()}},_callee,null,[[5,12]])}));return _copyToClipboard.apply(this,arguments)}function toggleButtonExpansion(buttonIndex){setExpandedButtons(function(prev){var _extends2;return _extends({},prev,(_extends2={},_extends2[buttonIndex]=!prev[buttonIndex],_extends2))})}function renderTableButtonExplanations(){if(!tableButtonExplanations||tableButtonExplanations.length===0){return null}function hasValidJsonBody(jsonBody){return jsonBody!==null&&jsonBody!==undefined&&jsonBody!==""}function hasValidFormFields(formFields){return formFields!==null&&formFields!==undefined&&Object.keys(formFields||{}).length>0}return/*#__PURE__*/_jsx("div",{className:"mb-6",children:tableButtonExplanations.map(function(button,index){var _button$buttonStyle,_button$buttonStyle2,_button$buttonStyle3;return/*#__PURE__*/_jsxs("div",{className:"mb-3 border border-gray-200 rounded-lg",children:[/*#__PURE__*/_jsxs("div",{className:"w-full px-4 py-3 flex items-center justify-between rounded-lg",children:[/*#__PURE__*/_jsxs("div",{className:"flex items-center",children:[/*#__PURE__*/_jsx("button",{onClick:function onClick(){return toggleButtonExpansion(index)},className:button.buttonClassName||"flex items-center justify-center px-3 rounded text-xs font-medium",style:_extends({height:"35px",width:"fit-content",minWidth:"fit-content",backgroundColor:(_button$buttonStyle=button.buttonStyle)==null?void 0:_button$buttonStyle.backgroundColor,color:(_button$buttonStyle2=button.buttonStyle)==null?void 0:_button$buttonStyle2.color,border:(_button$buttonStyle3=button.buttonStyle)==null?void 0:_button$buttonStyle3.border},button.buttonStyle||{},button.buttonStyle||{},{display:"flex",alignItems:"center",justifyContent:"center"}),children:button.action}),/*#__PURE__*/_jsx("div",{className:"ml-3 flex flex-col",children:button.operationSummary&&/*#__PURE__*/_jsx("span",{className:"text-xs text-gray-700 font-medium",children:button.operationSummary})})]}),expandedButtons[index]?/*#__PURE__*/_jsx(ChevronUp,{className:"w-4 h-4 text-gray-500 transition-transform cursor-pointer",onClick:function onClick(){return toggleButtonExpansion(index)}}):/*#__PURE__*/_jsx(ChevronDown,{className:"w-4 h-4 text-gray-500 transition-transform cursor-pointer",onClick:function onClick(){return toggleButtonExpansion(index)}})]}),expandedButtons[index]&&/*#__PURE__*/_jsx("div",{className:"px-4 pb-3 border-t border-gray-200",children:/*#__PURE__*/_jsxs("div",{className:"mt-2 space-y-3",children:[button.operationDescription&&/*#__PURE__*/_jsx(ContentBlock,{title:"Description",copyId:"description-"+index,copied:copied,onCopy:copyToClipboard,variant:"bordered",children:/*#__PURE__*/_jsx(ContentText,{children:button.operationDescription})}),(button.requestUrl||button.explanation)&&/*#__PURE__*/_jsx(ContentBlock,{title:"URL",copyContent:button.requestUrl||button.explanation,copyId:"url-"+index,copied:copied,onCopy:copyToClipboard,variant:"bordered",children:/*#__PURE__*/_jsx(ContentText,{children:button.requestUrl||button.explanation})}),(hasValidJsonBody(button.jsonBody)||hasValidFormFields(button.formFields))&&/*#__PURE__*/_jsx(ContentBlock,{title:"Payload",copyContent:JSON.stringify(hasValidJsonBody(button.jsonBody)?button.jsonBody:button.formFields,null,2),copyId:"payload-"+index,copied:copied,onCopy:copyToClipboard,variant:"bordered",children:/*#__PURE__*/_jsx(ContentText,{children:hasValidJsonBody(button.jsonBody)?JSON.stringify(button.jsonBody,null,2):JSON.stringify(button.formFields,null,2)})})]})})]},index)})})}function renderModalContent(){if(isLoading){return/*#__PURE__*/_jsxs("div",{className:"flex flex-col items-center justify-center py-12",children:[/*#__PURE__*/_jsx("div",{className:"animate-spin rounded-full h-12 w-12 border-b-2 border-purple-600 mb-4"}),/*#__PURE__*/_jsx("span",{className:"text-xs text-gray-600",children:"Fetching query details from semantic layer..."}),/*#__PURE__*/_jsx("span",{className:"text-xs text-gray-400 mt-2",children:"This may take a few moments"})]})}if(error){return/*#__PURE__*/_jsxs("div",{className:"text-red-600 p-4 bg-red-50 rounded-lg border border-red-200 m-6",children:[/*#__PURE__*/_jsx("p",{className:"font-medium mb-2 text-xs",children:"Unable to fetch query details"}),/*#__PURE__*/_jsx("p",{className:"text-xs mb-3",children:error}),/*#__PURE__*/_jsx("button",{onClick:onRetry,className:"px-4 py-2 bg-red-100 hover:bg-red-200 rounded text-xs font-medium transition-colors",type:"button",children:"Retry"})]})}if(!sqlQuery||Array.isArray(sqlQuery)&&sqlQuery.length===0){return/*#__PURE__*/_jsx("div",{className:"text-gray-600 p-6",children:/*#__PURE__*/_jsx("p",{className:"text-xs",children:"No query details available"})})}// Handle multiple queries
+if(Array.isArray(sqlQuery)){return/*#__PURE__*/_jsxs("div",{className:"p-6 space-y-4",children:[sqlQuery.filter(function(query){return query&&typeof query==="string"&&query.trim()}).map(function(query,index){var rawHeading=queryHeadings[index]||"Query "+(index+1);var heading=formatQueryHeading(rawHeading);return/*#__PURE__*/_jsx(ContentBlock,{title:heading,copyContent:query,copyId:"query-"+index,copied:copied,onCopy:copyToClipboard,variant:"default",copyButtonVariant:"light",children:/*#__PURE__*/_jsx(ContentText,{hasOverflowHandling:false,children:query})},index)}),renderTableButtonExplanations()]})}return/*#__PURE__*/_jsxs("div",{className:"p-6 space-y-4",children:[/*#__PURE__*/_jsx(ContentBlock,{title:formatQueryHeading(queryHeadings[0]||"Query details"),copyContent:typeof sqlQuery==="string"?sqlQuery:"",copyId:"single",copied:copied,onCopy:copyToClipboard,variant:"default",copyButtonVariant:"light",children:/*#__PURE__*/_jsx(ContentText,{hasOverflowHandling:false,children:sqlQuery})}),renderTableButtonExplanations()]})}return/*#__PURE__*/_jsx(CustomModal,{isOpen:isOpen,onClose:onClose,title:"How was this metric calculated?",children:renderModalContent()})}export default QueryDetailsModal;
 //# sourceMappingURL=query-details-modal.js.map