@ssa-ui-kit/infra-dash 0.0.2

package/dist/index.js

@@ -0,0 +1,2971 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["SSAInfraDash"] = factory();
+	else
+		root["SSAInfraDash"] = factory();
+})(self, () => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  DashboardEditor: () => (/* reexport */ DashboardEditor),
+  DashboardEditorInternal: () => (/* reexport */ DashboardEditorInternal),
+  DashboardViewer: () => (/* reexport */ DashboardViewer),
+  InfraDashProvider: () => (/* reexport */ InfraDashProvider),
+  RestInfraDashTransport: () => (/* reexport */ RestInfraDashTransport),
+  useCreateDashboard: () => (/* reexport */ useCreateDashboard),
+  useDashboard: () => (/* reexport */ useDashboard),
+  useDashboards: () => (/* reexport */ useDashboards),
+  useDeleteDashboard: () => (/* reexport */ useDeleteDashboard),
+  useInfraDashContext: () => (/* reexport */ useInfraDashContext),
+  useMutationClient: () => (/* reexport */ useMutationClient),
+  useQueryClient: () => (/* reexport */ useQueryClient),
+  useTransport: () => (/* reexport */ useTransport),
+  useUpdateDashboard: () => (/* reexport */ useUpdateDashboard)
+});
+
+;// external "react-error-boundary"
+const external_react_error_boundary_namespaceObject = require("react-error-boundary");
+;// external "@ssa-ui-kit/core"
+const core_namespaceObject = require("@ssa-ui-kit/core");
+;// external "@emotion/react/jsx-runtime"
+const jsx_runtime_namespaceObject = require("@emotion/react/jsx-runtime");
+;// ./src/shared/icons/ErrorIcon.tsx
+
+const ErrorIcon = () => (0,jsx_runtime_namespaceObject.jsxs)("svg", {
+  width: "80",
+  height: "80",
+  viewBox: "0 0 80 80",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [(0,jsx_runtime_namespaceObject.jsx)("circle", {
+    cx: "40",
+    cy: "40",
+    r: "40",
+    fill: "#EEF1F7"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M56.9165 39.6055H24.4165V54.6465C24.4165 55.3639 24.8869 55.9968 25.5743 56.2032C28.8398 57.1823 38.0226 59.9375 40.1993 60.5907C40.504 60.6817 40.829 60.6817 41.1337 60.5907C43.3104 59.9375 52.4933 57.1823 55.7587 56.2032C56.4461 55.9968 56.9165 55.3639 56.9165 54.6465C56.9165 50.8797 56.9165 39.6055 56.9165 39.6055Z",
+    fill: "url(#paint0_linear_175_25229)"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M56.9162 39.6055H40.6662C40.6662 39.6055 40.5086 60.659 40.6662 60.659C40.8239 60.659 40.9807 60.6362 41.1334 60.5907C43.3101 59.9375 52.493 57.1823 55.7584 56.2032C56.4458 55.9968 56.9162 55.3639 56.9162 54.6465C56.9162 50.8797 56.9162 39.6055 56.9162 39.6055Z",
+    fill: "url(#paint1_linear_175_25229)"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M40.6665 44.8778L24.4165 39.6055C24.4165 39.6055 21.567 43.8305 20.293 45.7187C20.15 45.9308 20.1151 46.1965 20.198 46.4378C20.2817 46.6791 20.4726 46.8668 20.7155 46.9464C23.8022 47.949 32.9396 50.9179 35.3365 51.6963C35.6802 51.8084 36.0572 51.6792 36.2603 51.3794C37.3498 49.7715 40.6665 44.8778 40.6665 44.8778Z",
+    fill: "url(#paint2_linear_175_25229)"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M56.9165 39.6055L40.6665 44.8778C40.6665 44.8778 43.9831 49.7715 45.0727 51.3794C45.2758 51.6792 45.6528 51.8084 45.9965 51.6963C48.3934 50.9179 57.5308 47.949 60.6174 46.9464C60.8604 46.8668 61.0513 46.6791 61.135 46.4378C61.2179 46.1965 61.1829 45.9308 61.0399 45.7187C59.7659 43.8305 56.9165 39.6055 56.9165 39.6055Z",
+    fill: "url(#paint3_linear_175_25229)"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M36.7329 28.5303C36.5298 28.2321 36.1536 28.1029 35.8099 28.215C33.4147 28.9926 24.2749 31.9623 21.1882 32.9657C20.9452 33.0445 20.7535 33.2322 20.6706 33.4735C20.5877 33.7148 20.6227 33.9813 20.7657 34.1926C21.9389 35.933 24.4162 39.6055 24.4162 39.6055L40.6662 34.3153C40.6662 34.3153 37.7477 30.0228 36.7329 28.5303Z",
+    fill: "url(#paint4_linear_175_25229)"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M60.5671 34.1926C60.7101 33.9813 60.745 33.7148 60.6621 33.4735C60.5793 33.2322 60.3875 33.0445 60.1446 32.9657C57.0579 31.9623 47.9181 28.9926 45.5228 28.215C45.1791 28.1029 44.8029 28.2321 44.5998 28.5303C43.585 30.0228 40.6665 34.3153 40.6665 34.3153L56.9165 39.6055C56.9165 39.6055 59.3938 35.933 60.5671 34.1926Z",
+    fill: "url(#paint5_linear_175_25229)"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M56.9165 39.6055L40.6665 34.3153L24.4165 39.6055L40.6665 44.8778L56.9165 39.6055Z",
+    fill: "url(#paint6_linear_175_25229)"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M40.6665 44.8778V34.3153L24.4165 39.6055L40.6665 44.8778Z",
+    fill: "url(#paint7_linear_175_25229)"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M37.4019 36.6488C37.0639 36.4278 36.7592 36.1913 36.4886 35.9435C36.1588 35.6405 35.6445 35.6624 35.3406 35.9931C35.0375 36.323 35.0595 36.8373 35.3901 37.1403C35.7225 37.4458 36.097 37.7367 36.513 38.0089C36.8884 38.2543 37.3921 38.1486 37.6375 37.7733C37.8829 37.3979 37.7773 36.8941 37.4019 36.6488Z",
+    fill: "url(#paint8_linear_175_25229)"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M34.8703 34.1528C34.629 33.8253 34.4251 33.4963 34.2577 33.1672C34.0546 32.7675 33.5646 32.6082 33.1649 32.8113C32.7651 33.0145 32.6059 33.5044 32.809 33.9042C33.0154 34.3088 33.2656 34.7142 33.5622 35.1164C33.8279 35.4772 34.3365 35.5543 34.6981 35.2887C35.0588 35.0222 35.136 34.5135 34.8703 34.1528Z",
+    fill: "url(#paint9_linear_175_25229)"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M33.6824 30.837C33.6905 30.5095 33.7384 30.1918 33.8262 29.8872C33.9497 29.4565 33.7002 29.0056 33.2688 28.8821C32.8382 28.7586 32.3872 29.008 32.2637 29.4395C32.1394 29.875 32.0695 30.3292 32.0574 30.7963C32.0468 31.2448 32.401 31.6178 32.8495 31.6283C33.298 31.6397 33.671 31.2855 33.6824 30.837Z",
+    fill: "url(#paint10_linear_175_25229)"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M34.9318 28.1232C35.1406 27.9299 35.3746 27.7511 35.6305 27.5894C36.0099 27.3497 36.1237 26.8476 35.8848 26.469C35.6451 26.0895 35.143 25.9758 34.7636 26.2147C34.4199 26.4316 34.1079 26.6713 33.8276 26.9313C33.4985 27.236 33.479 27.7503 33.7837 28.0794C34.0884 28.4084 34.6027 28.4279 34.9318 28.1232Z",
+    fill: "url(#paint11_linear_175_25229)"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M37.9535 26.7216C38.3622 26.6461 38.7953 26.5973 39.2519 26.5786C39.7004 26.5591 40.0481 26.1797 40.0295 25.732C40.0108 25.2843 39.6313 24.9358 39.1828 24.9545C38.6466 24.9772 38.138 25.0349 37.6578 25.1235C37.2174 25.2055 36.9249 25.6296 37.007 26.07C37.0882 26.5112 37.5123 26.8029 37.9535 26.7216Z",
+    fill: "url(#paint12_linear_175_25229)"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M42.1886 26.6737C42.8816 26.6818 43.5267 26.6575 44.1256 26.6047C44.5724 26.5648 44.9031 26.17 44.8633 25.7231C44.8235 25.277 44.4286 24.9463 43.9817 24.9862C43.4333 25.0341 42.8426 25.0568 42.2072 25.0487C41.7587 25.0438 41.3907 25.4038 41.3858 25.8515C41.3801 26.3 41.7401 26.6688 42.1886 26.6737Z",
+    fill: "url(#paint13_linear_175_25229)"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M46.796 26.1066C47.6003 25.8604 48.2796 25.5452 48.8483 25.1836C49.2261 24.9423 49.3383 24.4402 49.097 24.0615C48.8565 23.6837 48.3535 23.5716 47.9749 23.8129C47.5175 24.1038 46.969 24.354 46.3206 24.5523C45.8925 24.6839 45.6503 25.1381 45.782 25.5671C45.9128 25.9961 46.3678 26.2374 46.796 26.1066Z",
+    fill: "url(#paint14_linear_175_25229)"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M50.9315 22.9094C51.315 22.1164 51.4621 21.2779 51.4247 20.4695C51.4036 20.021 51.0225 19.6748 50.5749 19.696C50.1272 19.7171 49.7802 20.0973 49.8014 20.545C49.8274 21.0943 49.7282 21.6638 49.4682 22.2025C49.2732 22.6063 49.4422 23.093 49.846 23.288C50.2499 23.483 50.7365 23.3132 50.9315 22.9094Z",
+    fill: "url(#paint15_linear_175_25229)"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M50.4143 17.5965C49.822 16.7962 49.0184 16.2388 48.1425 16.0592C47.703 15.9698 47.2732 16.2526 47.183 16.6922C47.0936 17.1317 47.3772 17.5615 47.8159 17.6517C48.3213 17.7549 48.7665 18.1018 49.1086 18.5642C49.3759 18.9241 49.8853 18.9997 50.2453 18.7332C50.606 18.4658 50.6816 17.9564 50.4143 17.5965Z",
+    fill: "url(#paint16_linear_175_25229)"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M39.7993 16.2168C40.6784 11.2386 48.2973 11.5604 43.8618 16.2168H39.7993Z",
+    fill: "url(#paint17_linear_175_25229)"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M39.7993 17.4778C40.6784 22.4552 48.2973 22.1343 43.8618 17.4778H39.7993Z",
+    fill: "url(#paint18_linear_175_25229)"
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M39.7266 17.668H45.1671C45.6156 17.668 45.9796 17.304 45.9796 16.8555C45.9796 16.407 45.6156 16.043 45.1671 16.043H39.7266C39.2789 16.043 38.9141 16.407 38.9141 16.8555C38.9141 17.304 39.2789 17.668 39.7266 17.668Z",
+    fill: "url(#paint19_linear_175_25229)"
+  }), (0,jsx_runtime_namespaceObject.jsxs)("defs", {
+    children: [(0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
+      id: "paint0_linear_175_25229",
+      x1: "24.4165",
+      y1: "50.1322",
+      x2: "56.9165",
+      y2: "50.1322",
+      gradientUnits: "userSpaceOnUse",
+      children: [(0,jsx_runtime_namespaceObject.jsx)("stop", {
+        stopColor: "#CADCF0"
+      }), (0,jsx_runtime_namespaceObject.jsx)("stop", {
+        offset: "1",
+        stopColor: "#A4BBDB"
+      })]
+    }), (0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
+      id: "paint1_linear_175_25229",
+      x1: "40.5964",
+      y1: "50.1322",
+      x2: "56.9162",
+      y2: "50.1322",
+      gradientUnits: "userSpaceOnUse",
+      children: [(0,jsx_runtime_namespaceObject.jsx)("stop", {
+        stopColor: "#A4BBDB"
+      }), (0,jsx_runtime_namespaceObject.jsx)("stop", {
+        offset: "1",
+        stopColor: "#8DA3BE"
+      })]
+    }), (0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
+      id: "paint2_linear_175_25229",
+      x1: "24.5245",
+      y1: "39.599",
+      x2: "26.7957",
+      y2: "54.6248",
+      gradientUnits: "userSpaceOnUse",
+      children: [(0,jsx_runtime_namespaceObject.jsx)("stop", {
+        stopColor: "#E9F3FC"
+      }), (0,jsx_runtime_namespaceObject.jsx)("stop", {
+        offset: "1",
+        stopColor: "#CADCF0"
+      })]
+    }), (0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
+      id: "paint3_linear_175_25229",
+      x1: "40.7323",
+      y1: "44.8225",
+      x2: "57.8628",
+      y2: "54.6748",
+      gradientUnits: "userSpaceOnUse",
+      children: [(0,jsx_runtime_namespaceObject.jsx)("stop", {
+        stopColor: "#E9F3FC"
+      }), (0,jsx_runtime_namespaceObject.jsx)("stop", {
+        offset: "1",
+        stopColor: "#CADCF0"
+      })]
+    }), (0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
+      id: "paint4_linear_175_25229",
+      x1: "22.2891",
+      y1: "36.4521",
+      x2: "24.7405",
+      y2: "24.8965",
+      gradientUnits: "userSpaceOnUse",
+      children: [(0,jsx_runtime_namespaceObject.jsx)("stop", {
+        stopColor: "#E9F3FC"
+      }), (0,jsx_runtime_namespaceObject.jsx)("stop", {
+        offset: "1",
+        stopColor: "#CADCF0"
+      })]
+    }), (0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
+      id: "paint5_linear_175_25229",
+      x1: "45.0166",
+      y1: "28.0192",
+      x2: "45.8932",
+      y2: "42.2824",
+      gradientUnits: "userSpaceOnUse",
+      children: [(0,jsx_runtime_namespaceObject.jsx)("stop", {
+        stopColor: "#E9F3FC"
+      }), (0,jsx_runtime_namespaceObject.jsx)("stop", {
+        offset: "1",
+        stopColor: "#CADCF0"
+      })]
+    }), (0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
+      id: "paint6_linear_175_25229",
+      x1: "24.4165",
+      y1: "39.5965",
+      x2: "56.9165",
+      y2: "39.5965",
+      gradientUnits: "userSpaceOnUse",
+      children: [(0,jsx_runtime_namespaceObject.jsx)("stop", {
+        stopColor: "#CADCF0"
+      }), (0,jsx_runtime_namespaceObject.jsx)("stop", {
+        offset: "1",
+        stopColor: "#A4BBDB"
+      })]
+    }), (0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
+      id: "paint7_linear_175_25229",
+      x1: "42.3305",
+      y1: "34.0788",
+      x2: "42.6807",
+      y2: "47.2032",
+      gradientUnits: "userSpaceOnUse",
+      children: [(0,jsx_runtime_namespaceObject.jsx)("stop", {
+        stopColor: "#A4BBDB"
+      }), (0,jsx_runtime_namespaceObject.jsx)("stop", {
+        offset: "1",
+        stopColor: "#8DA3BE"
+      })]
+    }), (0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
+      id: "paint8_linear_175_25229",
+      x1: "31.7217",
+      y1: "16.2168",
+      x2: "47.7475",
+      y2: "35.1261",
+      gradientUnits: "userSpaceOnUse",
+      children: [(0,jsx_runtime_namespaceObject.jsx)("stop", {
+        stopColor: "#559AFF"
+      }), (0,jsx_runtime_namespaceObject.jsx)("stop", {
+        offset: "1",
+        stopColor: "#2E69EF"
+      })]
+    }), (0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
+      id: "paint9_linear_175_25229",
+      x1: "31.7219",
+      y1: "16.2168",
+      x2: "47.7476",
+      y2: "35.1261",
+      gradientUnits: "userSpaceOnUse",
+      children: [(0,jsx_runtime_namespaceObject.jsx)("stop", {
+        stopColor: "#559AFF"
+      }), (0,jsx_runtime_namespaceObject.jsx)("stop", {
+        offset: "1",
+        stopColor: "#2E69EF"
+      })]
+    }), (0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
+      id: "paint10_linear_175_25229",
+      x1: "31.7218",
+      y1: "16.2168",
+      x2: "47.7475",
+      y2: "35.1262",
+      gradientUnits: "userSpaceOnUse",
+      children: [(0,jsx_runtime_namespaceObject.jsx)("stop", {
+        stopColor: "#559AFF"
+      }), (0,jsx_runtime_namespaceObject.jsx)("stop", {
+        offset: "1",
+        stopColor: "#2E69EF"
+      })]
+    }), (0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
+      id: "paint11_linear_175_25229",
+      x1: "31.7216",
+      y1: "16.2169",
+      x2: "47.7473",
+      y2: "35.1262",
+      gradientUnits: "userSpaceOnUse",
+      children: [(0,jsx_runtime_namespaceObject.jsx)("stop", {
+        stopColor: "#559AFF"
+      }), (0,jsx_runtime_namespaceObject.jsx)("stop", {
+        offset: "1",
+        stopColor: "#2E69EF"
+      })]
+    }), (0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
+      id: "paint12_linear_175_25229",
+      x1: "31.7217",
+      y1: "16.2168",
+      x2: "47.7474",
+      y2: "35.1261",
+      gradientUnits: "userSpaceOnUse",
+      children: [(0,jsx_runtime_namespaceObject.jsx)("stop", {
+        stopColor: "#559AFF"
+      }), (0,jsx_runtime_namespaceObject.jsx)("stop", {
+        offset: "1",
+        stopColor: "#2E69EF"
+      })]
+    }), (0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
+      id: "paint13_linear_175_25229",
+      x1: "31.7219",
+      y1: "16.2168",
+      x2: "47.7477",
+      y2: "35.1262",
+      gradientUnits: "userSpaceOnUse",
+      children: [(0,jsx_runtime_namespaceObject.jsx)("stop", {
+        stopColor: "#559AFF"
+      }), (0,jsx_runtime_namespaceObject.jsx)("stop", {
+        offset: "1",
+        stopColor: "#2E69EF"
+      })]
+    }), (0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
+      id: "paint14_linear_175_25229",
+      x1: "31.7217",
+      y1: "16.2168",
+      x2: "47.7474",
+      y2: "35.1262",
+      gradientUnits: "userSpaceOnUse",
+      children: [(0,jsx_runtime_namespaceObject.jsx)("stop", {
+        stopColor: "#559AFF"
+      }), (0,jsx_runtime_namespaceObject.jsx)("stop", {
+        offset: "1",
+        stopColor: "#2E69EF"
+      })]
+    }), (0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
+      id: "paint15_linear_175_25229",
+      x1: "31.7216",
+      y1: "16.2168",
+      x2: "47.7474",
+      y2: "35.1261",
+      gradientUnits: "userSpaceOnUse",
+      children: [(0,jsx_runtime_namespaceObject.jsx)("stop", {
+        stopColor: "#559AFF"
+      }), (0,jsx_runtime_namespaceObject.jsx)("stop", {
+        offset: "1",
+        stopColor: "#2E69EF"
+      })]
+    }), (0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
+      id: "paint16_linear_175_25229",
+      x1: "31.7219",
+      y1: "16.2168",
+      x2: "47.7476",
+      y2: "35.1262",
+      gradientUnits: "userSpaceOnUse",
+      children: [(0,jsx_runtime_namespaceObject.jsx)("stop", {
+        stopColor: "#559AFF"
+      }), (0,jsx_runtime_namespaceObject.jsx)("stop", {
+        offset: "1",
+        stopColor: "#2E69EF"
+      })]
+    }), (0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
+      id: "paint17_linear_175_25229",
+      x1: "39.7993",
+      y1: "14.4098",
+      x2: "45.239",
+      y2: "14.4098",
+      gradientUnits: "userSpaceOnUse",
+      children: [(0,jsx_runtime_namespaceObject.jsx)("stop", {
+        stopColor: "#E9F3FC"
+      }), (0,jsx_runtime_namespaceObject.jsx)("stop", {
+        offset: "1",
+        stopColor: "#CADCF0"
+      })]
+    }), (0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
+      id: "paint18_linear_175_25229",
+      x1: "39.7993",
+      y1: "19.2848",
+      x2: "45.239",
+      y2: "19.2848",
+      gradientUnits: "userSpaceOnUse",
+      children: [(0,jsx_runtime_namespaceObject.jsx)("stop", {
+        stopColor: "#E9F3FC"
+      }), (0,jsx_runtime_namespaceObject.jsx)("stop", {
+        offset: "1",
+        stopColor: "#CADCF0"
+      })]
+    }), (0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
+      id: "paint19_linear_175_25229",
+      x1: "31.7218",
+      y1: "16.2168",
+      x2: "47.7476",
+      y2: "35.1262",
+      gradientUnits: "userSpaceOnUse",
+      children: [(0,jsx_runtime_namespaceObject.jsx)("stop", {
+        stopColor: "#559AFF"
+      }), (0,jsx_runtime_namespaceObject.jsx)("stop", {
+        offset: "1",
+        stopColor: "#2E69EF"
+      })]
+    })]
+  })]
+});
+;// ./src/components/DashboardError/DashboardError.tsx
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+var _ref =  true ? {
+  name: "67cb9k",
+  styles: "justify-content:center;height:100%"
+} : 0;
+var _ref2 =  true ? {
+  name: "1kdycl6",
+  styles: "margin-top:12px;text-align:center"
+} : 0;
+const DashboardError = ({
+  children
+}) => (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Wrapper, {
+  direction: "column",
+  css: _ref,
+  children: [(0,jsx_runtime_namespaceObject.jsx)(ErrorIcon, {}), (0,jsx_runtime_namespaceObject.jsx)("div", {
+    css: _ref2,
+    children: children ?? 'An error occurred while loading the dashboard'
+  })]
+});
+;// external "@emotion/css"
+const css_namespaceObject = require("@emotion/css");
+;// external "@emotion/react"
+const react_namespaceObject = require("@emotion/react");
+;// ./src/components/LoadingDashboard/LoadingDashboard.tsx
+function LoadingDashboard_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+
+var LoadingDashboard_ref =  true ? {
+  name: "67cb9k",
+  styles: "justify-content:center;height:100%"
+} : 0;
+var LoadingDashboard_ref2 =  true ? {
+  name: "1kdycl6",
+  styles: "margin-top:12px;text-align:center"
+} : 0;
+const LoadingDashboard = ({
+  children
+}) => {
+  const theme = (0,react_namespaceObject.useTheme)();
+  return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Wrapper, {
+    direction: "column",
+    css: LoadingDashboard_ref,
+    children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.ProgressCircle, {
+      classnames: {
+        inner: /*#__PURE__*/(0,css_namespaceObject.css)(`
+            background: none !important;
+          `,  true ? "" : 0,  true ? "" : 0),
+        outer: /*#__PURE__*/(0,css_namespaceObject.css)(`
+            background: none !important;
+            border: 12px solid ${theme.colors.greyLighter};
+          `,  true ? "" : 0,  true ? "" : 0)
+      },
+      currentValue: 3,
+      max: 10,
+      size: 120,
+      color: "blue",
+      mode: "infinite"
+    }), children && (0,jsx_runtime_namespaceObject.jsx)("div", {
+      css: LoadingDashboard_ref2,
+      children: children
+    })]
+  });
+};
+;// external "react"
+const external_react_namespaceObject = require("react");
+;// ./src/shared/query/key.ts
+const hashKey = queryKey => {
+  return JSON.stringify(queryKey);
+};
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function partialMatchKey(a, b) {
+  if (a === b) {
+    return true;
+  }
+  if (typeof a !== typeof b) {
+    return false;
+  }
+  if (a && b && typeof a === 'object' && typeof b === 'object') {
+    return Object.keys(b).every(key => partialMatchKey(a[key], b[key]));
+  }
+  return false;
+}
+;// external "@ssa-ui-kit/hooks"
+const hooks_namespaceObject = require("@ssa-ui-kit/hooks");
+;// ./src/shared/context.ts
+
+const [InfraDashInternalProvider, useInfraDashContext] = (0,hooks_namespaceObject.createSafeContext)('useInfraDashContext must be used within a InfraDashProvider');
+;// ./src/shared/query/useQuery.ts
+
+
+
+const useQueryClient = () => {
+  const {
+    queryClient
+  } = useInfraDashContext();
+  return queryClient;
+};
+const useQuery = (key, fetcher, options) => {
+  const queryClient = useQueryClient();
+  const keyHash = (0,external_react_namespaceObject.useMemo)(() => hashKey(key), [key]);
+  const entry = (0,external_react_namespaceObject.useMemo)(() => queryClient.fetchQuery(key, fetcher, options), [keyHash]);
+  entry.updateEntity(fetcher, options);
+  const subscribe = (0,external_react_namespaceObject.useCallback)(onStoreChange => {
+    return entry.subscribe(() => {
+      onStoreChange();
+    });
+  }, [entry]);
+  const getSnapshot = () => {
+    return entry.state;
+  };
+  const getServerSnapshot = getSnapshot;
+  const state = (0,external_react_namespaceObject.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
+  return {
+    ...state,
+    refetch: () => queryClient.invalidateQueries({
+      key,
+      exact: true
+    })
+  };
+};
+;// ./src/shared/query/useMutation.ts
+
+
+
+const useMutationClient = () => {
+  const {
+    mutationClient
+  } = useInfraDashContext();
+  return mutationClient;
+};
+const useMutation = (key, mutationFn, options) => {
+  const mutationClient = useMutationClient();
+  const keyHash = (0,external_react_namespaceObject.useMemo)(() => hashKey(key), [key]);
+  const entry = (0,external_react_namespaceObject.useMemo)(() => mutationClient.fetchMutation(key, mutationFn, options), [keyHash]);
+  entry.updateEntity(mutationFn, options);
+  const subscribe = (0,external_react_namespaceObject.useCallback)(onStoreChange => {
+    return entry.subscribe(() => {
+      onStoreChange();
+    });
+  }, [entry]);
+  const getSnapshot = () => {
+    return entry.state;
+  };
+  const getServerSnapshot = getSnapshot;
+  const state = (0,external_react_namespaceObject.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
+  const mutate = (0,external_react_namespaceObject.useCallback)((...args) => {
+    return entry.mutate(...args);
+  }, [entry]);
+  const reset = (0,external_react_namespaceObject.useCallback)(() => {
+    entry.reset();
+  }, [entry]);
+  const cancel = (0,external_react_namespaceObject.useCallback)(() => {
+    entry.cancel();
+  }, [entry]);
+  return {
+    mutate,
+    data: state.data,
+    error: state.error,
+    isLoading: state.isLoading,
+    reset,
+    cancel
+  };
+};
+;// ./src/shared/transport/useTransport.ts
+
+const useTransport = transport => {
+  const {
+    transport: contextTransport
+  } = useInfraDashContext();
+  return transport ?? contextTransport;
+};
+;// ./src/entities/dashboard/index.ts
+
+
+const useDashboards = options => {
+  const {
+    transport,
+    ...queryOptions
+  } = options || {};
+  const _transport = useTransport(transport);
+  const result = useQuery(['dashboards'], async signal => {
+    return await _transport.getDashboards(signal);
+  }, queryOptions);
+  return result;
+};
+const useDashboard = (dashboardId, options) => {
+  const {
+    transport,
+    ...queryOptions
+  } = options || {};
+  const _transport = useTransport(transport);
+  const result = useQuery(['dashboards', dashboardId], async signal => {
+    return await _transport.getDashboard(dashboardId, signal);
+  }, queryOptions);
+  return result;
+};
+const useCreateDashboard = options => {
+  const {
+    transport,
+    ...mutationOptions
+  } = options || {};
+  const _transport = useTransport(transport);
+  const result = useMutation(['create-dashboard'], async (payload, signal) => {
+    const panels = payload.panels.map(panel => ({
+      ...panel,
+      id: panel.panelDefinition.source.panelId
+    }));
+    const dashboardsUid = new Set(panels.map(panel => panel.panelDefinition.source.dashboardUid));
+    if (!dashboardsUid.size) {
+      throw new Error('At least one panel must be provided');
+    }
+    return await _transport.createDashboard({
+      ...payload,
+      dashboardUid: dashboardsUid.values().next().value,
+      panels
+    }, signal);
+  }, mutationOptions);
+  return result;
+};
+const useUpdateDashboard = (dashboardId, options) => {
+  const {
+    transport,
+    ...mutationOptions
+  } = options || {};
+  const _transport = useTransport(transport);
+  const result = useMutation(['update-dashboard', dashboardId], async (payload, signal) => {
+    const panels = payload.panels.map(panel => ({
+      ...panel,
+      id: panel.panelDefinition.source.panelId
+    }));
+    const dashboardsUid = new Set(panels.map(panel => panel.panelDefinition.source.dashboardUid));
+    if (!dashboardsUid.size) {
+      throw new Error('At least one panel must be provided');
+    }
+    return await _transport.updateDashboard({
+      ...payload,
+      panels,
+      dashboardId
+    }, signal);
+  }, mutationOptions);
+  return result;
+};
+const useDeleteDashboard = (dashboardId, options) => {
+  const {
+    transport,
+    ...mutationOptions
+  } = options || {};
+  const _transport = useTransport(transport);
+  const result = useMutation(['delete-dashboard', dashboardId], async (_, signal) => {
+    return await _transport.deleteDashboard(dashboardId, signal);
+  }, mutationOptions);
+  return result;
+};
+;// external "react-grid-layout"
+const external_react_grid_layout_namespaceObject = require("react-grid-layout");
+var external_react_grid_layout_default = /*#__PURE__*/__webpack_require__.n(external_react_grid_layout_namespaceObject);
+;// ./src/components/BasePanel/BasePanel.tsx
+function BasePanel_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+var BasePanel_ref =  true ? {
+  name: "3ytxc3",
+  styles: "height:100%;overflow:hidden"
+} : 0;
+const BasePanel = ({
+  children
+}) => (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Wrapper, {
+  alignItems: "center",
+  direction: "column",
+  css: BasePanel_ref,
+  children: children
+});
+;// ./src/components/ErrorPanel/ErrorPanel.tsx
+function ErrorPanel_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+
+var ErrorPanel_ref =  true ? {
+  name: "1kdycl6",
+  styles: "margin-top:12px;text-align:center"
+} : 0;
+const ErrorPanel = ({
+  title,
+  children
+}) => {
+  return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.WidgetCard, {
+    title: title,
+    contentClassName: /*#__PURE__*/(0,css_namespaceObject.css)( true ? {
+      name: "1wgy75t",
+      styles: "align-items:center!important;justify-content:center!important"
+    } : 0),
+    children: [(0,jsx_runtime_namespaceObject.jsx)(ErrorIcon, {}), (0,jsx_runtime_namespaceObject.jsx)("div", {
+      css: ErrorPanel_ref,
+      children: children ?? 'An error occurred while loading the panel'
+    })]
+  });
+};
+;// external "react-grid-layout/css/styles.css"
+const styles_css_namespaceObject = require("react-grid-layout/css/styles.css");
+;// external "react-resizable/css/styles.css"
+const external_react_resizable_css_styles_css_namespaceObject = require("react-resizable/css/styles.css");
+;// ./src/features/DashboardPanelGrid.tsx
+function DashboardPanelGrid_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+
+
+
+
+
+
+
+
+var DashboardPanelGrid_ref2 =  true ? {
+  name: "52s4fb",
+  styles: "width:100%;.react-grid-item.cssTransforms{transition-property:none;}.react-grid-layout{transition:none;}"
+} : 0;
+var _ref3 =  true ? {
+  name: "k9eird",
+  styles: "position:absolute;z-index:100;right:0"
+} : 0;
+const DashboardPanelGrid = ({
+  dashboard,
+  header,
+  cols = 24,
+  rowHeight = 30,
+  draggable = false,
+  resizable = false,
+  refetchIntervalMs = 60000,
+  // 60 seconds
+  onLayoutChange,
+  onDragStart,
+  onResizeStart,
+  renderPanelControl,
+  ...divProps
+}) => {
+  const {
+    ref,
+    width
+  } = (0,hooks_namespaceObject.useElementSize)();
+  const isMinMD = (0,hooks_namespaceObject.useMinMDMediaQuery)();
+  const {
+    panelRegistry,
+    queryClient
+  } = useInfraDashContext();
+  (0,external_react_namespaceObject.useEffect)(() => {
+    if (refetchIntervalMs) {
+      queryClient.invalidateQueries({
+        key: ['panel-data']
+      });
+      const intervalId = setInterval(() => {
+        queryClient.invalidateQueries({
+          key: ['panel-data']
+        });
+      }, refetchIntervalMs);
+      return () => clearInterval(intervalId);
+    }
+  }, [refetchIntervalMs]);
+
+  // sort panels by their grid position
+  // for mobile view it will ensure they are stacked vertically in the right order
+  const sortedPanels = [...dashboard.panels].sort((a, b) => {
+    const aPos = a.panelDefinition.gridPos;
+    const bPos = b.panelDefinition.gridPos;
+    if (aPos.y !== bPos.y) {
+      return aPos.y - bPos.y; // top to bottom
+    }
+    return aPos.x - bPos.x; // left to right within the same row
+  });
+  const layout = sortedPanels.map(({
+    id,
+    panelDefinition: {
+      gridPos
+    }
+  }, index) => {
+    if (!isMinMD) {
+      // single column layout for mobile
+      return {
+        i: id.toString(),
+        x: 0,
+        y: index * gridPos.h,
+        w: cols,
+        h: gridPos.h
+      };
+    }
+    return {
+      i: id.toString(),
+      ...gridPos
+    };
+  });
+  const renderPanel = panel => {
+    const panelConfig = panelRegistry.getPanelConfig(panel.panelDefinition.component.id);
+    if (panelConfig) {
+      return (0,jsx_runtime_namespaceObject.jsx)(external_react_error_boundary_namespaceObject.ErrorBoundary, {
+        fallback: (0,jsx_runtime_namespaceObject.jsx)(ErrorPanel, {}),
+        children: (0,jsx_runtime_namespaceObject.jsx)(BasePanel, {
+          children: (0,jsx_runtime_namespaceObject.jsx)(panelConfig.Component, {
+            panel: panel,
+            ...panel.panelDefinition.component.props
+          })
+        })
+      });
+    }
+    return (0,jsx_runtime_namespaceObject.jsxs)(BasePanel, {
+      children: ["Unsupported panel type: ", panel.panelSchema.type]
+    });
+  };
+  const _header = typeof header === 'function' ? header(dashboard) : header;
+  return (0,jsx_runtime_namespaceObject.jsxs)("div", {
+    ref: ref,
+    css: DashboardPanelGrid_ref2,
+    ...divProps,
+    children: [_header, (0,jsx_runtime_namespaceObject.jsx)((external_react_grid_layout_default()), {
+      autoSize: true,
+      layout: layout,
+      cols: cols,
+      rowHeight: rowHeight,
+      containerPadding: [0, 0],
+      margin: [8, 8],
+      width: width
+      // disable interaction for mobile view
+      ,
+      isDraggable: isMinMD && draggable,
+      isResizable: isMinMD && resizable,
+      onLayoutChange: isMinMD ? onLayoutChange : undefined,
+      onDragStart: onDragStart,
+      onResizeStart: onResizeStart,
+      children: dashboard.panels.map(panel => (0,jsx_runtime_namespaceObject.jsxs)(GridItem, {
+        children: [renderPanelControl &&
+        // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+        (0,jsx_runtime_namespaceObject.jsx)("div", {
+          css: _ref3,
+          onMouseDown: e => e.stopPropagation(),
+          children: renderPanelControl(panel)
+        }), renderPanel(panel)]
+      }, panel.id.toString()))
+    })]
+  });
+};
+var DashboardPanelGrid_ref =  true ? {
+  name: "p3gkp4",
+  styles: ".react-resizable-handle-se{z-index:1;}"
+} : 0;
+const GridItem = /*#__PURE__*/(0,external_react_namespaceObject.forwardRef)(function GridItem({
+  children,
+  ...props
+}, ref) {
+  return (0,jsx_runtime_namespaceObject.jsx)("div", {
+    ref: ref,
+    css: DashboardPanelGrid_ref,
+    ...props,
+    children: children
+  });
+});
+;// ./src/widgets/DashboardViewer/DashboardViewer.tsx
+
+
+
+
+
+
+const DashboardViewer = ({
+  dashboard,
+  dashboardId,
+  ...props
+}) => {
+  const dashboardById = useDashboard(dashboardId ?? -1, {
+    enabled: !!dashboardId && !dashboard
+  });
+  if (dashboard) {
+    return (0,jsx_runtime_namespaceObject.jsx)(external_react_error_boundary_namespaceObject.ErrorBoundary, {
+      fallback: (0,jsx_runtime_namespaceObject.jsx)(DashboardError, {
+        children: "Something went wrong"
+      }),
+      children: (0,jsx_runtime_namespaceObject.jsx)(DashboardPanelGrid, {
+        ...props,
+        dashboard: dashboard
+      })
+    });
+  }
+  if (!dashboardById.isLoaded) {
+    return (0,jsx_runtime_namespaceObject.jsx)(LoadingDashboard, {});
+  }
+  if (dashboardById.error) {
+    return (0,jsx_runtime_namespaceObject.jsx)(DashboardError, {});
+  }
+  return (0,jsx_runtime_namespaceObject.jsx)(external_react_error_boundary_namespaceObject.ErrorBoundary, {
+    fallback: (0,jsx_runtime_namespaceObject.jsx)(DashboardError, {
+      children: "Something went wrong"
+    }),
+    children: (0,jsx_runtime_namespaceObject.jsx)(DashboardPanelGrid, {
+      ...props,
+      dashboard: dashboardById.data
+    })
+  });
+};
+;// ./src/widgets/DashboardViewer/index.ts
+
+;// ./src/shared/icons/DashboardIcon.tsx
+
+const DashboardIcon = ({
+  fill = '#2B2D31',
+  size = 18,
+  tooltip = 'Dashboard',
+  ...props
+}) => (0,jsx_runtime_namespaceObject.jsxs)("svg", {
+  width: `${size}px`,
+  height: `${size}px`,
+  viewBox: "0 0 18 18",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props,
+  children: [(0,jsx_runtime_namespaceObject.jsx)("title", {
+    children: tooltip
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    d: "M6.4541 11.2607C7.46278 11.363 8.25 12.2143 8.25 13.25V13.75L8.23926 13.9541C8.1438 14.8957 7.39565 15.6438 6.4541 15.7393L6.25 15.75H4.25L4.0459 15.7393C3.10435 15.6438 2.3562 14.8957 2.26074 13.9541L2.25 13.75V13.25C2.25 12.2143 3.03722 11.363 4.0459 11.2607L4.25 11.25H6.25L6.4541 11.2607ZM13.9541 8.26074C14.9628 8.363 15.75 9.21435 15.75 10.25V13.75L15.7393 13.9541C15.6438 14.8957 14.8957 15.6438 13.9541 15.7393L13.75 15.75H11.75L11.5459 15.7393C10.6043 15.6438 9.8562 14.8957 9.76074 13.9541L9.75 13.75V10.25C9.75 9.21435 10.5372 8.363 11.5459 8.26074L11.75 8.25H13.75L13.9541 8.26074ZM11.75 9.65039C11.4186 9.65039 11.1504 9.91863 11.1504 10.25V13.75C11.1504 14.0814 11.4186 14.3496 11.75 14.3496H13.75C14.0814 14.3496 14.3496 14.0814 14.3496 13.75V10.25C14.3496 9.91863 14.0814 9.65039 13.75 9.65039H11.75ZM4.25 12.6504C3.91863 12.6504 3.65039 12.9186 3.65039 13.25V13.75C3.65039 14.0814 3.91863 14.3496 4.25 14.3496H6.25C6.58137 14.3496 6.84961 14.0814 6.84961 13.75V13.25C6.84961 12.9186 6.58137 12.6504 6.25 12.6504H4.25ZM6.4541 2.26074C7.46278 2.363 8.25 3.21435 8.25 4.25V7.75L8.23926 7.9541C8.1438 8.89565 7.39565 9.6438 6.4541 9.73926L6.25 9.75H4.25L4.0459 9.73926C3.10435 9.6438 2.3562 8.89565 2.26074 7.9541L2.25 7.75V4.25C2.25 3.21435 3.03722 2.363 4.0459 2.26074L4.25 2.25H6.25L6.4541 2.26074ZM4.25 3.65039C3.91863 3.65039 3.65039 3.91863 3.65039 4.25V7.75C3.65039 8.08137 3.91863 8.34961 4.25 8.34961H6.25C6.58137 8.34961 6.84961 8.08137 6.84961 7.75V4.25C6.84961 3.91863 6.58137 3.65039 6.25 3.65039H4.25ZM13.9541 2.26074C14.9628 2.363 15.75 3.21435 15.75 4.25V4.75L15.7393 4.9541C15.6438 5.89565 14.8957 6.6438 13.9541 6.73926L13.75 6.75H11.75L11.5459 6.73926C10.6043 6.6438 9.8562 5.89565 9.76074 4.9541L9.75 4.75V4.25C9.75 3.21435 10.5372 2.363 11.5459 2.26074L11.75 2.25H13.75L13.9541 2.26074ZM11.75 3.65039C11.4186 3.65039 11.1504 3.91863 11.1504 4.25V4.75C11.1504 5.08137 11.4186 5.34961 11.75 5.34961H13.75C14.0814 5.34961 14.3496 5.08137 14.3496 4.75V4.25C14.3496 3.91863 14.0814 3.65039 13.75 3.65039H11.75Z",
+    fill: fill
+  })]
+});
+;// ./src/shared/panel.ts
+/**
+ * Defines the configuration and positioning information for a dashboard panel.
+ * Contains both the component configuration and grid layout positioning.
+ */
+
+/**
+ * Represents a complete dashboard panel with its metadata, schema, and definition.
+ * Combines panel identity, display information, data schema, and component configuration.
+ */
+
+/**
+ * Optional schema defining the structure of props this component expects.
+ * Used for validation and form generation in configuration UIs.
+ */
+
+/**
+ * Configuration object for registering a panel component type.
+ * Defines how a specific component should be rendered and what panel types it supports.
+ */
+
+/**
+ * Constant object defining available panel data sources.
+ * Currently only supports Grafana as a data source.
+ */
+const PANEL_DATA_SOURCE = {
+  GRAFANA: 'grafana'
+};
+/**
+ * Pattern matching utility function for handling different panel data sources.
+ * Provides type-safe way to handle operations based on the data source type.
+ *
+ * @param source - The panel data source to match against
+ * @param handlers - Object containing handler functions for each data source type
+ */
+const matchPanelDataSource = (source, handlers) => {
+  switch (source) {
+    case PANEL_DATA_SOURCE.GRAFANA:
+      return handlers.grafana();
+    default:
+      {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const _ = source;
+        throw new Error(`Unsupported panel data source: ${source}`);
+      }
+  }
+};
+
+/**
+ * Represents panel data with its source and associated data.
+ * Currently only supports Grafana as a data source.
+ */
+;// ./src/widgets/DashboardEditor/components/DashboardSelectorDrawer.tsx
+function DashboardSelectorDrawer_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+
+var DashboardSelectorDrawer_ref =  true ? {
+  name: "1gk49vx",
+  styles: "width:400px;padding:24px 32px"
+} : 0;
+var DashboardSelectorDrawer_ref2 =  true ? {
+  name: "13udsys",
+  styles: "height:100%"
+} : 0;
+var DashboardSelectorDrawer_ref3 =  true ? {
+  name: "1d3w5wq",
+  styles: "width:100%"
+} : 0;
+const DashboardSelectorDrawer = ({
+  drawer,
+  children
+}) => {
+  const theme = (0,react_namespaceObject.useTheme)();
+  return (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Drawer.Root, {
+    store: drawer,
+    children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Drawer.Content, {
+      css: DashboardSelectorDrawer_ref,
+      children: (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Wrapper, {
+        direction: "column",
+        alignItems: "start",
+        css: DashboardSelectorDrawer_ref2,
+        children: [(0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Drawer.Header, {
+          css: DashboardSelectorDrawer_ref3,
+          children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Drawer.Title, {
+            children: "Dashboard Selector"
+          }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Button, {
+            variant: "secondary",
+            css: /*#__PURE__*/(0,react_namespaceObject.css)({
+              ':hover': {
+                background: theme.colors.greyDropdownFocused
+              },
+              width: '36px',
+              height: '36px',
+              padding: '8px',
+              background: theme.colors.greyDropdownFocused
+            },  true ? "" : 0,  true ? "" : 0),
+            onClick: () => drawer.toggle(false),
+            children: (0,jsx_runtime_namespaceObject.jsx)(DashboardIcon, {
+              fill: theme.colors.white
+            })
+          })]
+        }), children]
+      })
+    })
+  });
+};
+;// ./src/shared/icons/SidebarIcon.tsx
+
+const SidebarIcon = ({
+  fill = '#2B2D31',
+  size = 18,
+  tooltip = 'Sidebar',
+  ...props
+}) => (0,jsx_runtime_namespaceObject.jsxs)("svg", {
+  width: `${size}px`,
+  height: `${size}px`,
+  viewBox: "0 0 18 18",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props,
+  children: [(0,jsx_runtime_namespaceObject.jsx)("title", {
+    children: tooltip
+  }), (0,jsx_runtime_namespaceObject.jsx)("path", {
+    d: "M12.7061 2.25488C14.8194 2.36211 16.5 4.10996 16.5 6.25V11.75L16.4951 11.9561C16.3913 14.0012 14.7512 15.6413 12.7061 15.7451L12.5 15.75H5.5L5.29395 15.7451C3.2488 15.6413 1.60865 14.0012 1.50488 11.9561L1.5 11.75V6.25C1.5 4.10996 3.18056 2.36211 5.29395 2.25488L5.5 2.25H12.5L12.7061 2.25488ZM5.5 3.65039C4.06406 3.65039 2.90039 4.81406 2.90039 6.25V11.75C2.90039 13.1859 4.06406 14.3496 5.5 14.3496H10.9248V3.65039H5.5ZM12.3252 14.3496H12.5C13.9359 14.3496 15.0996 13.1859 15.0996 11.75V6.25C15.0996 4.81406 13.9359 3.65039 12.5 3.65039H12.3252V14.3496Z",
+    fill: fill
+  })]
+});
+;// ./src/widgets/DashboardEditor/components/PanelSettingsDrawer.tsx
+function PanelSettingsDrawer_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+
+var PanelSettingsDrawer_ref =  true ? {
+  name: "1c73qam",
+  styles: "max-width:400px;padding:24px 32px"
+} : 0;
+var PanelSettingsDrawer_ref2 =  true ? {
+  name: "1d3w5wq",
+  styles: "width:100%"
+} : 0;
+const PanelSettingsDrawer = ({
+  drawer,
+  children
+}) => {
+  const theme = (0,react_namespaceObject.useTheme)();
+  return (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Drawer.Root, {
+    store: drawer,
+    children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Drawer.Overlay, {
+      children: (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Drawer.Content, {
+        css: PanelSettingsDrawer_ref,
+        children: [(0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Drawer.Header, {
+          css: PanelSettingsDrawer_ref2,
+          children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Drawer.Title, {
+            children: "Panel Settings"
+          }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Button, {
+            variant: "secondary",
+            css: /*#__PURE__*/(0,react_namespaceObject.css)({
+              ':hover': {
+                background: theme.colors.greyDropdownFocused
+              },
+              width: '36px',
+              height: '36px',
+              padding: '8px',
+              background: theme.colors.greyDropdownFocused
+            },  true ? "" : 0,  true ? "" : 0),
+            onClick: () => drawer.toggle(false),
+            children: (0,jsx_runtime_namespaceObject.jsx)(SidebarIcon, {
+              fill: theme.colors.white
+            })
+          })]
+        }), children]
+      })
+    })
+  });
+};
+;// ./src/entities/grafana-dashboard/index.ts
+
+
+const useGrafanaDashboards = options => {
+  const {
+    transport,
+    ...queryOptions
+  } = options || {};
+  const _transport = useTransport(transport);
+  const result = useQuery(['grafana-dashboards'], async signal => {
+    return await _transport.getGrafanaDashboards(signal);
+  }, queryOptions);
+  return result;
+};
+;// ./src/entities/grafana-panel/index.ts
+
+
+const useGrafanaPanels = (grafanaDashboardUid, options) => {
+  const {
+    transport,
+    ...queryOptions
+  } = options || {};
+  const _transport = useTransport(transport);
+  const result = useQuery(['grafana-panels', grafanaDashboardUid], async signal => {
+    const panels = await _transport.getGrafanaPanels(grafanaDashboardUid, signal);
+    return panels.flatMap(panel => {
+      if (!panel.panelSchema || panel.panelSchema.type === 'row') {
+        return panel.subPanels || [];
+      }
+      return panel;
+    });
+  }, queryOptions);
+  return result;
+};
+;// ./src/widgets/DashboardEditor/components/ExternalDashboardsList.tsx
+
+function ExternalDashboardsList_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+
+
+
+
+
+var ExternalDashboardsList_ref =  true ? {
+  name: "tc4e7",
+  styles: "justify-content:center;height:100%;padding:8px"
+} : 0;
+var ExternalDashboardsList_ref2 =  true ? {
+  name: "67cb9k",
+  styles: "justify-content:center;height:100%"
+} : 0;
+var ExternalDashboardsList_ref3 =  true ? {
+  name: "67cb9k",
+  styles: "justify-content:center;height:100%"
+} : 0;
+const ExternalPanelList = ({
+  dashboard,
+  onPanelClick
+}) => {
+  const theme = (0,react_namespaceObject.useTheme)();
+  const {
+    panelRegistry
+  } = useInfraDashContext();
+  const externalPanels = useGrafanaPanels(dashboard.id);
+  if (!externalPanels.isLoaded) {
+    return (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Wrapper, {
+      direction: "column",
+      css: ExternalDashboardsList_ref,
+      children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.ProgressCircle, {
+        classnames: {
+          inner: /*#__PURE__*/(0,css_namespaceObject.css)(`
+            background: none !important;
+          `,  true ? "" : 0,  true ? "" : 0),
+          outer: /*#__PURE__*/(0,css_namespaceObject.css)(`
+            background: none !important;
+            border: 12px solid ${theme.colors.greyLighter};
+          `,  true ? "" : 0,  true ? "" : 0)
+        },
+        currentValue: 3,
+        max: 10,
+        size: 20,
+        color: "blue",
+        mode: "infinite"
+      })
+    });
+  }
+  if (externalPanels.error) {
+    return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Wrapper, {
+      direction: "column",
+      css: ExternalDashboardsList_ref2,
+      children: [(0,jsx_runtime_namespaceObject.jsx)(ErrorIcon, {}), (0,jsx_runtime_namespaceObject.jsxs)("p", {
+        children: ["Failed to load panels for ", dashboard.title]
+      })]
+    });
+  }
+  if (!externalPanels.data.length) {
+    return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Wrapper, {
+      direction: "column",
+      css: ExternalDashboardsList_ref3,
+      children: [(0,jsx_runtime_namespaceObject.jsx)(ErrorIcon, {}), (0,jsx_runtime_namespaceObject.jsxs)("p", {
+        children: ["No panels found for ", dashboard.title]
+      })]
+    });
+  }
+  const availablePanels = externalPanels.data.filter(panel => {
+    if (!panel.panelSchema?.type) {
+      return false;
+    }
+    const availableComponents = panelRegistry.findPanelConfigsByType(panel.panelSchema.type);
+    return availableComponents.length > 0;
+  });
+  return (0,jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {
+    children: availablePanels.map(panel => (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Button, {
+      variant: "tertiary",
+      className: /*#__PURE__*/(0,css_namespaceObject.css)("width:100%;min-height:34px;gap:8px;padding:8px 14px 8px 34px!important;justify-content:space-between;text-align:left;& svg{& path{stroke:", theme.colors.greyDarker, ";stroke-width:1.4px;}}" + ( true ? "" : 0),  true ? "" : 0),
+      onClick: () => onPanelClick?.(dashboard, panel),
+      children: [panel.title, (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Icon, {
+        name: "plus",
+        size: 12
+      })]
+    }, panel.id))
+  });
+};
+var _ref4 =  true ? {
+  name: "67cb9k",
+  styles: "justify-content:center;height:100%"
+} : 0;
+var _ref5 =  true ? {
+  name: "67cb9k",
+  styles: "justify-content:center;height:100%"
+} : 0;
+var _ref6 =  true ? {
+  name: "67cb9k",
+  styles: "justify-content:center;height:100%"
+} : 0;
+var _ref7 =  true ? {
+  name: "1qmr6ab",
+  styles: "overflow:auto"
+} : 0;
+const ExternalDashboardsList = ({
+  onPanelClick,
+  ...divProps
+}) => {
+  const theme = (0,react_namespaceObject.useTheme)();
+  const dashboardsQuery = useGrafanaDashboards();
+  if (!dashboardsQuery.isLoaded) {
+    return (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Wrapper, {
+      direction: "column",
+      css: _ref4,
+      ...divProps,
+      children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.ProgressCircle, {
+        classnames: {
+          inner: /*#__PURE__*/(0,css_namespaceObject.css)(`
+            background: none !important;
+          `,  true ? "" : 0,  true ? "" : 0),
+          outer: /*#__PURE__*/(0,css_namespaceObject.css)(`
+            background: none !important;
+            border: 12px solid ${theme.colors.greyLighter};
+          `,  true ? "" : 0,  true ? "" : 0)
+        },
+        currentValue: 3,
+        max: 10,
+        size: 64,
+        color: "blue",
+        mode: "infinite"
+      })
+    });
+  }
+  if (dashboardsQuery.error) {
+    return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Wrapper, {
+      direction: "column",
+      css: _ref5,
+      ...divProps,
+      children: [(0,jsx_runtime_namespaceObject.jsx)(ErrorIcon, {}), (0,jsx_runtime_namespaceObject.jsx)("p", {
+        children: "Failed to load external dashboards"
+      })]
+    });
+  }
+  if (!dashboardsQuery.data.length) {
+    return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Wrapper, {
+      direction: "column",
+      css: _ref6,
+      ...divProps,
+      children: [(0,jsx_runtime_namespaceObject.jsx)(ErrorIcon, {}), (0,jsx_runtime_namespaceObject.jsx)("p", {
+        children: "No external dashboards found"
+      })]
+    });
+  }
+  return (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.AccordionGroupContextProvider, {
+    children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.AccordionGroup, {
+      size: "small",
+      css: _ref7,
+      ...divProps,
+      children: dashboardsQuery.data.map(dashboard => (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Accordion, {
+        id: dashboard.id,
+        title: dashboard.title,
+        className: /*#__PURE__*/(0,css_namespaceObject.css)( true ? {
+          name: "2zzvc7",
+          styles: "padding:0!important;align-items:start!important"
+        } : 0),
+        renderTitle: ({
+          title,
+          isOpened,
+          onClick
+        }) => (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Button, {
+          onClick: onClick,
+          variant: "tertiary",
+          className: /*#__PURE__*/(0,css_namespaceObject.css)("width:100%;min-height:34px;gap:8px;padding:8px 14px!important;text-align:left;& svg{& path{stroke:", theme.colors.greyDarker, ";stroke-width:1.4px;}}" + ( true ? "" : 0),  true ? "" : 0),
+          startIcon: isOpened ? (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Icon, {
+            name: "carrot-down",
+            size: 12
+          }) : (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Icon, {
+            name: "carrot-right",
+            size: 12
+          }),
+          children: title
+        }),
+        renderContent: ({
+          isOpened
+        }) => (0,jsx_runtime_namespaceObject.jsx)("div", {
+          css: /*#__PURE__*/(0,react_namespaceObject.css)({
+            width: '100%',
+            display: isOpened ? 'block' : 'none',
+            fontWeight: 500,
+            fontSize: '14px'
+          },  true ? "" : 0,  true ? "" : 0),
+          children: (0,jsx_runtime_namespaceObject.jsx)(ExternalPanelList, {
+            dashboard: dashboard,
+            onPanelClick: onPanelClick
+          })
+        })
+      }, dashboard.id))
+    })
+  });
+};
+;// ./src/widgets/DashboardEditor/helpers.ts
+
+const appendPanel = params => {
+  const {
+    dashboard,
+    panelRegistry,
+    source
+  } = params;
+  const nextY = dashboard.panels.reduce((maxY, {
+    panelDefinition: {
+      gridPos
+    }
+  }) => Math.max(maxY, gridPos.y + gridPos.h), 0);
+  const newPanel = matchPanelDataSource(source.type, {
+    grafana: () => {
+      const {
+        grafanaDashboard,
+        grafanaPanel
+      } = source;
+      if (!grafanaPanel.panelSchema) {
+        return; // no schema, cannot append panel
+      }
+      const [defaultComponentConfig] = panelRegistry.findPanelConfigsByType(grafanaPanel.panelSchema.type);
+      const newPanel = {
+        id: -Date.now(),
+        // use a negative ID to indicate a new panel
+        panelDefinition: {
+          version: 1,
+          source: {
+            type: 'grafana',
+            dashboardUid: grafanaDashboard.id,
+            panelId: grafanaPanel.id
+          },
+          component: {
+            id: defaultComponentConfig.componentId,
+            props: {}
+          },
+          gridPos: {
+            x: 0,
+            y: nextY,
+            w: 12,
+            h: 6
+          }
+        },
+        panelSchema: grafanaPanel.panelSchema,
+        title: grafanaPanel.title
+      };
+      return newPanel;
+    }
+  });
+  if (!newPanel) {
+    return dashboard; // no new panel created, return original dashboard
+  }
+  return {
+    ...dashboard,
+    panels: [...(dashboard.panels || []), newPanel]
+  };
+};
+const updatePanel = ({
+  dashboard,
+  panel
+}) => {
+  const newPanels = dashboard.panels.map(p => p.id === panel.id ? {
+    ...p,
+    ...panel
+  } : p);
+  return {
+    ...dashboard,
+    panels: newPanels
+  };
+};
+const removePanel = ({
+  dashboard,
+  panel
+}) => {
+  const newPanels = dashboard.panels.filter(p => p.id !== panel.id);
+  return {
+    ...dashboard,
+    panels: newPanels
+  };
+};
+const applyNewLayout = ({
+  dashboard,
+  newLayout
+}) => {
+  const newLayoutMap = newLayout.reduce((map, {
+    i,
+    ...layout
+  }) => ({
+    ...map,
+    [i]: layout
+  }), {});
+  dashboard.panels.forEach(panel => {
+    const newGridPos = newLayoutMap[panel.id.toString()];
+    if (!newGridPos) {
+      throw new Error(`New position for the ${panel.id} not fount`);
+    }
+    panel.panelDefinition.gridPos = newGridPos;
+    return panel;
+  });
+  return dashboard;
+};
+;// ./src/widgets/DashboardEditor/components/PanelControl.tsx
+function PanelControl_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+var PanelControl_ref =  true ? {
+  name: "88ft23",
+  styles: "gap:5px;width:100%"
+} : 0;
+var PanelControl_ref2 =  true ? {
+  name: "88ft23",
+  styles: "gap:5px;width:100%"
+} : 0;
+const PanelControlContent = ({
+  panel,
+  onEdit,
+  onRemove
+}) => {
+  const theme = (0,react_namespaceObject.useTheme)();
+  const popover = (0,core_namespaceObject.usePopoverContext)();
+  const handleClose = () => {
+    popover.setOpen(false);
+  };
+  return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.PopoverContent, {
+    css: /*#__PURE__*/(0,react_namespaceObject.css)({
+      gap: 15,
+      alignItems: 'start',
+      border: `2px solid ${theme.colors.greyLighter}`,
+      backgroundColor: theme.colors.white,
+      borderRadius: 15,
+      padding: 15
+    },  true ? "" : 0,  true ? "" : 0),
+    children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Button, {
+      variant: "tertiary",
+      css: PanelControl_ref,
+      onClick: () => {
+        onEdit?.(panel);
+        handleClose();
+      },
+      startIcon: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Icon, {
+        name: "edit",
+        size: 14
+      }),
+      children: "Edit"
+    }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Button, {
+      variant: "tertiary",
+      css: PanelControl_ref2,
+      onClick: () => {
+        onRemove?.(panel);
+        handleClose();
+      },
+      startIcon: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Icon, {
+        name: "bin",
+        size: 14
+      }),
+      children: "Remove"
+    })]
+  });
+};
+const PanelControl = props => {
+  return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Popover, {
+    children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.PopoverTrigger, {
+      variant: "tertiary",
+      children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Icon, {
+        name: "more-vertical",
+        size: 14
+      })
+    }), (0,jsx_runtime_namespaceObject.jsx)(PanelControlContent, {
+      ...props
+    })]
+  });
+};
+;// external "@rjsf/validator-ajv8"
+const validator_ajv8_namespaceObject = require("@rjsf/validator-ajv8");
+var validator_ajv8_default = /*#__PURE__*/__webpack_require__.n(validator_ajv8_namespaceObject);
+;// ./src/widgets/DashboardEditor/components/PanelSettings.tsx
+function PanelSettings_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+
+
+
+var PanelSettings_ref =  true ? {
+  name: "iqoq9n",
+  styles: "margin-top:20px"
+} : 0;
+var PanelSettings_ref2 =  true ? {
+  name: "iqoq9n",
+  styles: "margin-top:20px"
+} : 0;
+const PanelSettings = ({
+  panel,
+  onChange,
+  onSave
+}) => {
+  const {
+    panelRegistry
+  } = useInfraDashContext();
+  const [originalPanel, setOriginalPanel] = (0,external_react_namespaceObject.useState)(panel);
+  const savedRef = (0,external_react_namespaceObject.useRef)(false);
+  if (panel.id !== originalPanel.id) {
+    setOriginalPanel(panel);
+  }
+
+  // cleanup function to reset the original panel when the component unmounts or panel changes
+  (0,external_react_namespaceObject.useEffect)(() => {
+    return () => {
+      if (savedRef.current) {
+        savedRef.current = false;
+        return;
+      }
+      onChange?.(originalPanel);
+    };
+  }, [originalPanel]);
+  const panelComponent = panel.panelDefinition.component;
+  const {
+    propsSchema,
+    uiSchema
+  } = panelRegistry.getPanelConfig(panelComponent.id);
+  const availableComponents = panelRegistry.findPanelConfigsByType(panel.panelSchema.type);
+  const handleComponentChange = componentId => {
+    const originalComponent = originalPanel.panelDefinition.component;
+    const props = originalComponent.id === componentId ? originalComponent.props : {};
+    const newPanel = {
+      ...panel,
+      panelDefinition: {
+        ...panel.panelDefinition,
+        component: {
+          id: componentId,
+          props
+        }
+      }
+    };
+    onChange?.(newPanel);
+  };
+  const handlePropsChange = props => {
+    const newPanel = {
+      ...panel,
+      panelDefinition: {
+        ...panel.panelDefinition,
+        component: {
+          ...panelComponent,
+          props: props
+        }
+      }
+    };
+    onChange?.(newPanel);
+  };
+  const handlePanelSave = () => {
+    savedRef.current = true;
+    setOriginalPanel(panel);
+    onSave?.();
+  };
+  return (0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+    children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Typeahead, {
+      label: "Panel Component",
+      wrapperClassName: /*#__PURE__*/(0,css_namespaceObject.css)( true ? {
+        name: "101yl78",
+        styles: "margin-top:20px;width:100%!important"
+      } : 0),
+      filterOptions: false,
+      selectedItems: [panelComponent.id],
+      onChange: componentId => handleComponentChange(componentId),
+      children: availableComponents.map(component => (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.TypeaheadOption, {
+        value: component.componentId,
+        label: component.name,
+        children: component.name
+      }, component.componentId))
+    }), propsSchema && (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.JsonSchema.Form, {
+      idPrefix: "infra-dash-panel-settings",
+      onChange: ({
+        formData
+      }) => handlePropsChange(formData),
+      css: PanelSettings_ref,
+      formData: panelComponent.props,
+      schema: propsSchema,
+      uiSchema: {
+        'ui:submitButtonOptions': {
+          norender: true
+        },
+        ...uiSchema
+      },
+      validator: (validator_ajv8_default())
+    }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Button, {
+      css: PanelSettings_ref2,
+      variant: "info",
+      onClick: handlePanelSave,
+      children: "Save"
+    })]
+  });
+};
+;// ./src/widgets/DashboardEditor/DashboardEditor.tsx
+function DashboardEditor_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var DashboardEditor_ref =  true ? {
+  name: "1st9kbp",
+  styles: "height:100%;position:relative"
+} : 0;
+var DashboardEditor_ref2 =  true ? {
+  name: "iqoq9n",
+  styles: "margin-top:20px"
+} : 0;
+var DashboardEditor_ref3 =  true ? {
+  name: "f7mf5j",
+  styles: "flex-grow:1;padding:24px 32px;height:100%"
+} : 0;
+var DashboardEditor_ref4 =  true ? {
+  name: "z5ygou",
+  styles: "gap:24px"
+} : 0;
+var DashboardEditor_ref5 =  true ? {
+  name: "hwdztk",
+  styles: "width:36px;height:36px;padding:8px"
+} : 0;
+var DashboardEditor_ref6 =  true ? {
+  name: "1hsfcap",
+  styles: "flex-shrink:0;font-weight:600;font-size:20px;text-align:center"
+} : 0;
+var DashboardEditor_ref7 =  true ? {
+  name: "1lsto0t",
+  styles: "max-width:250px"
+} : 0;
+var _ref8 =  true ? {
+  name: "1yxfaqj",
+  styles: "height:46px"
+} : 0;
+var _ref9 =  true ? {
+  name: "14lyq40",
+  styles: "margin-top:20px;overflow:auto;height:100%"
+} : 0;
+const DashboardEditorInternal = ({
+  dashboard: controlledDashboard,
+  defaultDashboard,
+  gridProps,
+  onChange,
+  onSaved,
+  onCreate,
+  onError,
+  ...divProps
+}) => {
+  const [selectedPanelId, setSelectedPanelId] = (0,external_react_namespaceObject.useState)(null);
+  const {
+    panelRegistry
+  } = useInfraDashContext();
+  const dashboardsSelectorDrawer = (0,core_namespaceObject.useDrawer)({});
+  const panelSettingsDrawer = (0,core_namespaceObject.useDrawer)({
+    position: 'right',
+    onOpenChange: open => {
+      if (!open && selectedPanelId !== null) {
+        setSelectedPanelId(null);
+      }
+    }
+  });
+  const [dashboard, setDashboard] = (0,hooks_namespaceObject.useUncontrolled)({
+    value: controlledDashboard,
+    defaultValue: defaultDashboard,
+    finalValue: {
+      dashboardDefinition: {
+        version: 1
+      },
+      id: -1,
+      panels: [],
+      title: 'New Dashboard'
+    },
+    onChange
+  });
+  (0,external_react_namespaceObject.useEffect)(() => {
+    // if the default dashboard changes, update the current dashboard
+    if (defaultDashboard && dashboard.id !== defaultDashboard.id) {
+      setDashboard(defaultDashboard);
+    }
+  }, [dashboard.id, defaultDashboard?.id]);
+  const {
+    mutate: updateDashboard,
+    isLoading: isUpdating
+  } = useUpdateDashboard(dashboard.id);
+  const {
+    mutate: createDashboard,
+    isLoading: isCreating
+  } = useCreateDashboard();
+  const handleAddPanel = (grafanaDashboard, grafanaPanel) => {
+    const newDashboard = appendPanel({
+      dashboard,
+      panelRegistry,
+      source: {
+        type: PANEL_DATA_SOURCE.GRAFANA,
+        grafanaDashboard,
+        grafanaPanel
+      }
+    });
+    setDashboard(newDashboard);
+  };
+  const handleLayoutChange = newLayout => {
+    setDashboard(applyNewLayout({
+      dashboard,
+      newLayout
+    }));
+  };
+  const handlePanelEdit = panel => {
+    setSelectedPanelId(panel.id);
+    panelSettingsDrawer.toggle(true);
+  };
+  const handlePanelUpdate = panel => {
+    setDashboard(updatePanel({
+      dashboard,
+      panel
+    }));
+  };
+  const handlePanelRemove = panel => {
+    setDashboard(removePanel({
+      dashboard,
+      panel
+    }));
+  };
+  const handlePersistDashboard = () => {
+    if (dashboard.id > 0) {
+      updateDashboard(dashboard).then(() => onSaved?.(dashboard)).catch(error => onError?.(error));
+    } else {
+      createDashboard({
+        panels: dashboard.panels,
+        dashboardDefinition: dashboard.dashboardDefinition,
+        title: dashboard.title,
+        dashboardUid: dashboard.id.toString()
+      }).then(() => onCreate?.()).catch(error => onError?.(error));
+    }
+  };
+  const selectedPanel = selectedPanelId !== null ? dashboard.panels.find(p => p.id === selectedPanelId) : null;
+  const cannotPersist = isCreating || isUpdating || !dashboard.panels.length;
+  return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Wrapper, {
+    alignItems: "start",
+    css: DashboardEditor_ref,
+    ...divProps,
+    children: [(0,jsx_runtime_namespaceObject.jsx)(DashboardSelectorDrawer, {
+      drawer: dashboardsSelectorDrawer,
+      children: (0,jsx_runtime_namespaceObject.jsx)(ExternalDashboardsList, {
+        css: DashboardEditor_ref2,
+        onPanelClick: handleAddPanel
+      })
+    }), (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Wrapper, {
+      direction: "column",
+      alignItems: "start",
+      css: DashboardEditor_ref3,
+      children: [(0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Wrapper, {
+        css: DashboardEditor_ref4,
+        children: [!dashboardsSelectorDrawer.opened && !dashboardsSelectorDrawer.transition.isMounted && (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Button, {
+          variant: "secondary",
+          css: DashboardEditor_ref5,
+          onClick: () => dashboardsSelectorDrawer.toggle(true),
+          children: (0,jsx_runtime_namespaceObject.jsx)(DashboardIcon, {})
+        }), (0,jsx_runtime_namespaceObject.jsx)("h2", {
+          css: DashboardEditor_ref6,
+          children: "Dashboard Editor"
+        }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Input, {
+          name: "dashboard-name",
+          placeholder: "Dashboard Name",
+          inputProps: {
+            value: dashboard.title,
+            onChange: e => setDashboard({
+              ...dashboard,
+              title: e.target.value
+            })
+          },
+          css: DashboardEditor_ref7
+        }), (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Button, {
+          variant: "info",
+          css: _ref8,
+          isDisabled: cannotPersist,
+          onClick: handlePersistDashboard,
+          children: dashboard.id > 0 ? 'Save' : 'Create'
+        })]
+      }), (0,jsx_runtime_namespaceObject.jsx)(DashboardPanelGrid, {
+        resizable: true,
+        draggable: true,
+        dashboard: dashboard,
+        css: _ref9,
+        onLayoutChange: handleLayoutChange,
+        onDragStart: () => panelSettingsDrawer.toggle(false),
+        onResizeStart: () => panelSettingsDrawer.toggle(false),
+        renderPanelControl: panel => (0,jsx_runtime_namespaceObject.jsx)(PanelControl, {
+          panel: panel,
+          onEdit: () => handlePanelEdit(panel),
+          onRemove: () => handlePanelRemove(panel)
+        }),
+        ...gridProps
+      })]
+    }), (0,jsx_runtime_namespaceObject.jsx)(PanelSettingsDrawer, {
+      drawer: panelSettingsDrawer,
+      children: selectedPanel && (0,jsx_runtime_namespaceObject.jsx)(PanelSettings, {
+        panel: selectedPanel,
+        onChange: handlePanelUpdate,
+        onSave: () => panelSettingsDrawer.toggle(false)
+      })
+    })]
+  });
+};
+const DashboardEditor = ({
+  dashboardId,
+  ...props
+}) => {
+  const {
+    dashboard,
+    defaultDashboard
+  } = props;
+  const dashboardById = useDashboard(dashboardId ?? -1, {
+    enabled: !!dashboardId && !dashboard && !defaultDashboard
+  });
+  if (!dashboardId) {
+    return (0,jsx_runtime_namespaceObject.jsx)(external_react_error_boundary_namespaceObject.ErrorBoundary, {
+      fallback: (0,jsx_runtime_namespaceObject.jsx)(DashboardError, {
+        children: "Something went wrong"
+      }),
+      children: (0,jsx_runtime_namespaceObject.jsx)(DashboardEditorInternal, {
+        ...props
+      })
+    });
+  }
+  if (!dashboardById.isLoaded) {
+    return (0,jsx_runtime_namespaceObject.jsx)(LoadingDashboard, {});
+  }
+  if (dashboardById.error) {
+    return (0,jsx_runtime_namespaceObject.jsx)(DashboardError, {});
+  }
+  return (0,jsx_runtime_namespaceObject.jsx)(external_react_error_boundary_namespaceObject.ErrorBoundary, {
+    fallback: (0,jsx_runtime_namespaceObject.jsx)(DashboardError, {
+      children: "Something went wrong"
+    }),
+    children: (0,jsx_runtime_namespaceObject.jsx)(DashboardEditorInternal, {
+      ...props,
+      defaultDashboard: dashboardById.data
+    })
+  });
+};
+;// ./src/widgets/DashboardEditor/index.ts
+
+;// ./src/shared/exception.ts
+const tryCatch = async promise => {
+  try {
+    const data = await promise;
+    return [null, data];
+  } catch (error) {
+    return [error, null];
+  }
+};
+;// ./src/shared/transport/restTransport.ts
+
+class RestInfraDashTransport {
+  constructor({
+    baseUrl,
+    authMiddleware,
+    unwrapResponse
+  }) {
+    if (!baseUrl) {
+      throw new Error('Base URL is required for RestInfraDashTransport');
+    }
+    this.baseUrl = baseUrl;
+    this.authMiddleware = authMiddleware;
+    this.unwrapResponse = unwrapResponse;
+  }
+  getUrl(path) {
+    return `${this.baseUrl}${path}`;
+  }
+  async applyMiddlewares(request) {
+    if (this.authMiddleware) {
+      return await this.authMiddleware(request);
+    }
+    return request;
+  }
+
+  // TODO: add validation schema support
+  async makeRequest(request, parseResponse = true) {
+    const finalizedRequest = await this.applyMiddlewares(request);
+    const [error, response] = await tryCatch(fetch(finalizedRequest));
+    if (error || !response.ok) {
+      throw new Error(`Request ${finalizedRequest.url} failed: ${error?.message ?? response?.statusText}`);
+    }
+    if (!parseResponse) {
+      return response;
+    }
+    const json = await response.json();
+    let result = json;
+    if (this.unwrapResponse) {
+      result = await this.unwrapResponse(json);
+    }
+    return result;
+  }
+  async getGrafanaDashboards(signal) {
+    const request = new Request(this.getUrl('/grafana/dashboards'), {
+      method: 'GET',
+      signal
+    });
+    return await this.makeRequest(request);
+  }
+  async getGrafanaPanels(grafanaDashboardUid, signal) {
+    const request = new Request(this.getUrl(`/grafana/dashboards/${grafanaDashboardUid}`), {
+      method: 'GET',
+      signal
+    });
+    return await this.makeRequest(request);
+  }
+  async getGrafanaPanelData({
+    dashboardUid,
+    panelId
+  }, signal) {
+    const request = new Request(this.getUrl(`/grafana/dashboards/${dashboardUid}/panel/${panelId}`), {
+      method: 'POST',
+      signal
+    });
+    return await this.makeRequest(request);
+  }
+  async getPanelData(panelId, signal) {
+    const request = new Request(this.getUrl(`/dashboards/panels/${panelId}`), {
+      method: 'POST',
+      signal
+    });
+    return await this.makeRequest(request);
+  }
+  async getDashboards(signal) {
+    const request = new Request(this.getUrl(`/dashboards`), {
+      method: 'GET',
+      signal
+    });
+    return await this.makeRequest(request);
+  }
+  async getDashboard(dashboardUid, signal) {
+    const request = new Request(this.getUrl(`/dashboards/${dashboardUid}`), {
+      method: 'GET',
+      signal
+    });
+    return await this.makeRequest(request);
+  }
+  async createDashboard(payload, signal) {
+    const request = new Request(this.getUrl(`/dashboards`), {
+      method: 'POST',
+      body: JSON.stringify(payload),
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      signal
+    });
+    return await this.makeRequest(request, false);
+  }
+  async updateDashboard(payload, signal) {
+    const {
+      dashboardId,
+      ...body
+    } = payload;
+    const request = new Request(this.getUrl(`/dashboards/${dashboardId}`), {
+      method: 'POST',
+      body: JSON.stringify(body),
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      signal
+    });
+    return await this.makeRequest(request, false);
+  }
+  async deleteDashboard(dashboardId, signal) {
+    const request = new Request(this.getUrl(`/dashboards/${dashboardId}`), {
+      method: 'DELETE',
+      signal
+    });
+    return await this.makeRequest(request, false);
+  }
+}
+;// ./src/shared/transport/index.ts
+
+
+
+;// ./src/shared/query/query.ts
+
+class QueryEntry {
+  state = {
+    data: undefined,
+    error: null,
+    isLoaded: false,
+    isFetching: false
+  };
+  promise = null;
+  subscribers = new Set();
+  controller = null;
+  constructor(key, fetcher, options) {
+    this.key = key;
+    this.fetcher = fetcher;
+    this.options = {
+      enabled: options?.enabled ?? true
+    };
+  }
+  notify() {
+    // ensure subscribers are notified after the current call stack
+    queueMicrotask(() => {
+      for (const sub of this.subscribers) {
+        sub(this.state);
+      }
+    });
+  }
+  updateEntity(fetcher, options) {
+    this.fetcher = fetcher;
+    this.options = {
+      ...this.options,
+      ...options
+    };
+    this.fetch(); // re-trigger fetch with new fetcher
+    return this;
+  }
+  fetch() {
+    if (!this.options.enabled) {
+      if (this.state.isLoaded || this.state.isFetching) {
+        this.state = {
+          ...this.state,
+          data: undefined,
+          error: null,
+          isLoaded: false,
+          isFetching: false
+        };
+        this.cancel();
+        this.notify();
+      }
+      return Promise.resolve(this.state.data);
+    }
+
+    // dedupe in-flight fetches
+    if (this.promise && !this.controller?.signal.aborted) {
+      return this.promise;
+    }
+    if (this.state.isLoaded && !this.state.isFetching) {
+      return Promise.resolve(this.state.data);
+    }
+    this.state = {
+      ...this.state,
+      isFetching: true
+    };
+    this.notify();
+    this.controller = new AbortController();
+    const signal = this.controller.signal;
+    this.promise = this.fetcher(signal).then(data => {
+      this.state = {
+        data,
+        error: null,
+        isLoaded: true,
+        isFetching: false
+      };
+      return data;
+    }).catch(error => {
+      if (signal.aborted) {
+        return undefined;
+      }
+      this.state = {
+        data: undefined,
+        error,
+        isLoaded: true,
+        isFetching: false
+      };
+      return undefined;
+    }).finally(() => {
+      this.promise = null;
+      this.notify();
+    });
+    return this.promise;
+  }
+  subscribe(sub) {
+    this.subscribers.add(sub);
+    sub(this.state);
+    return () => {
+      this.subscribers.delete(sub);
+      setTimeout(() => {
+        if (!this.subscribers.size) {
+          this.cancel();
+        }
+      });
+    };
+  }
+  setData(data) {
+    this.state = {
+      ...this.state,
+      isLoaded: true,
+      isFetching: false,
+      error: null,
+      data
+    };
+    this.notify();
+  }
+  invalidate(reset = false) {
+    if (reset) {
+      // if reset is true, we reset the state to initial
+      this.state = {
+        data: undefined,
+        error: null,
+        isLoaded: false,
+        isFetching: false
+      };
+    }
+    // kick off a new fetch
+    this.state.isFetching = true;
+    this.cancel();
+    this.fetch();
+  }
+  cancel() {
+    if (this.controller) {
+      this.controller.abort('Query cancelled');
+      this.controller = null;
+    }
+  }
+}
+class QueryClient {
+  cache = new Map();
+  get(key) {
+    return this.cache.get(hashKey(key));
+  }
+  fetchQuery(key, fetcher, options) {
+    const keyHash = hashKey(key);
+    let entry = this.cache.get(keyHash);
+    if (!entry) {
+      entry = new QueryEntry(key, fetcher, options);
+      this.cache.set(keyHash, entry);
+    }
+    entry.fetch(); // trigger network (or return cached in-flight promise)
+    return entry;
+  }
+  invalidateQueries({
+    key,
+    exact,
+    reset
+  }) {
+    const matchingEntries = [];
+    for (const [hash, entry] of this.cache.entries()) {
+      if (exact) {
+        if (hash === hashKey(key)) {
+          matchingEntries.push(entry);
+        }
+      } else {
+        if (partialMatchKey(entry.key, key)) {
+          matchingEntries.push(entry);
+        }
+      }
+    }
+    for (const entry of matchingEntries) {
+      entry.invalidate(reset);
+    }
+  }
+  setQueryData(key, data) {
+    const keyHash = hashKey(key);
+    const existing = this.cache.get(keyHash);
+    if (existing) {
+      existing.setData(data);
+    } else {
+      const newEntry = new QueryEntry(key, () => Promise.resolve(data));
+      newEntry.setData(data);
+      this.cache.set(keyHash, newEntry);
+    }
+  }
+}
+const queryClient = new QueryClient();
+;// ./src/shared/query/mutation.ts
+
+class MutationEntry {
+  state = {
+    data: undefined,
+    error: undefined,
+    isLoading: false
+  };
+  promise = null;
+  subscribers = new Set();
+  controller = null;
+  constructor(key, mutationFn, options) {
+    this.key = key;
+    this.mutationFn = mutationFn;
+    this.options = options;
+  }
+  notify() {
+    for (const sub of this.subscribers) {
+      sub(this.state);
+    }
+  }
+  updateEntity(mutationFn, options) {
+    this.mutationFn = mutationFn;
+    if (options !== undefined) {
+      this.options = options;
+    }
+  }
+  mutate(...args) {
+    const variables = args[0];
+
+    // abort any existing in-flight mutation
+    if (this.controller) {
+      this.controller.abort();
+    }
+    this.controller = new AbortController();
+    const signal = this.controller.signal;
+    this.state = {
+      ...this.state,
+      isLoading: true
+    };
+    this.notify();
+    const {
+      onSuccess,
+      onError,
+      onSettled
+    } = this.options || {};
+    this.promise = this.mutationFn(variables, signal).then(data => {
+      this.state = {
+        data,
+        error: undefined,
+        isLoading: false
+      };
+      this.notify();
+      if (onSuccess) {
+        try {
+          onSuccess(data, variables);
+        } catch (err) {
+          console.error('Error in onSuccess callback:', err);
+        }
+      }
+      if (onSettled) {
+        try {
+          onSettled(undefined, data, variables);
+        } catch (err) {
+          console.error('Error in onSettled callback (success):', err);
+        }
+      }
+      return data;
+    }).catch(error => {
+      if (signal.aborted) {
+        return undefined;
+      }
+      this.state = {
+        data: undefined,
+        error,
+        isLoading: false
+      };
+      this.notify();
+      if (onError) {
+        try {
+          onError(error, variables);
+        } catch (err) {
+          console.error('Error in onError callback:', err);
+        }
+      }
+      if (onSettled) {
+        try {
+          onSettled(error, undefined, variables);
+        } catch (err) {
+          console.error('Error in onSettled callback (error):', err);
+        }
+      }
+      throw error;
+    }).finally(() => {
+      this.promise = null;
+    });
+    return this.promise;
+  }
+  subscribe(sub) {
+    this.subscribers.add(sub);
+    sub(this.state);
+    return () => {
+      this.subscribers.delete(sub);
+    };
+  }
+  cancel() {
+    if (this.controller) {
+      this.controller.abort();
+    }
+  }
+  reset() {
+    this.state = {
+      data: undefined,
+      error: undefined,
+      isLoading: false
+    };
+    this.notify();
+    this.cancel();
+  }
+}
+class MutationClient {
+  cache = new Map();
+  fetchMutation(key, mutationFn, options) {
+    const keyHash = hashKey(key);
+    let entry = this.cache.get(keyHash);
+    if (!entry) {
+      entry = new MutationEntry(key, mutationFn, options);
+      this.cache.set(keyHash, entry);
+    }
+    return entry;
+  }
+}
+const mutationClient = new MutationClient();
+;// ./src/shared/panelRegistry.ts
+class PanelRegistry {
+  panels = new Map();
+  registerPanel(panelConfig) {
+    if (this.panels.has(panelConfig.componentId)) {
+      throw new Error(`Panel with id ${panelConfig.componentId} is already registered.`);
+    }
+    this.panels.set(panelConfig.componentId, panelConfig);
+  }
+  getPanelConfig(componentId) {
+    const panel = this.panels.get(componentId);
+    if (!panel) {
+      throw new Error(`Panel with id ${componentId} is not registered.`);
+    }
+    return panel;
+  }
+  findPanelConfigsByType(type) {
+    return Array.from(this.panels.values()).filter(panel => panel.supportedTypes.includes(type));
+  }
+}
+;// ./src/components/LoadingPanel/LoadingPanel.tsx
+function LoadingPanel_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+var LoadingPanel_ref =  true ? {
+  name: "1kdycl6",
+  styles: "margin-top:12px;text-align:center"
+} : 0;
+const LoadingPanel = ({
+  title,
+  children
+}) => {
+  return (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.WidgetCard, {
+    title: title,
+    contentClassName: /*#__PURE__*/(0,css_namespaceObject.css)( true ? {
+      name: "1wgy75t",
+      styles: "align-items:center!important;justify-content:center!important"
+    } : 0),
+    children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.ProgressCircle, {
+      currentValue: 3,
+      max: 10,
+      size: 64,
+      color: "blue",
+      mode: "infinite"
+    }), children && (0,jsx_runtime_namespaceObject.jsx)("div", {
+      css: LoadingPanel_ref,
+      children: children
+    })]
+  });
+};
+;// ./src/entities/panel/usePanelData.ts
+
+
+
+const usePanelData = (panel, options = {}) => {
+  const _transport = useTransport(options?.transport);
+  const panelSource = panel.panelDefinition.source;
+  const result = useQuery(['panel-data', panelSource], async signal => {
+    if (panelSource.type === PANEL_DATA_SOURCE.GRAFANA) {
+      const {
+        dashboardUid,
+        panelId
+      } = panelSource;
+      const data = await _transport.getGrafanaPanelData({
+        dashboardUid,
+        panelId
+      }, signal);
+      return {
+        source: PANEL_DATA_SOURCE.GRAFANA,
+        data
+      };
+    }
+    throw new Error(`Unsupported panel data source: ${panelSource}`);
+  }, options);
+  return result;
+};
+;// ./src/entities/panel/withPanelData.tsx
+
+
+
+
+
+function withPanelData(Wrapped, {
+  LoadingComponent,
+  ErrorComponent
+} = {}) {
+  const Enhanced = ({
+    panel,
+    title: providedTitle,
+    ...rest
+  }) => {
+    const title = providedTitle ?? panel.title;
+    const query = usePanelData(panel);
+    if (!query.isLoaded) {
+      return LoadingComponent ? (0,jsx_runtime_namespaceObject.jsx)(LoadingComponent, {
+        title: title
+      }) : (0,jsx_runtime_namespaceObject.jsx)(LoadingPanel, {
+        title: title
+      });
+    }
+    if (query.error) {
+      return ErrorComponent ? (0,jsx_runtime_namespaceObject.jsx)(ErrorComponent, {
+        title: title
+      }) : (0,jsx_runtime_namespaceObject.jsx)(ErrorPanel, {
+        title: title
+      });
+    }
+    const injectedProps = {
+      ...rest,
+      panel,
+      title,
+      panelData: query.data
+    };
+    return (0,jsx_runtime_namespaceObject.jsx)(Wrapped, {
+      ...injectedProps
+    });
+  };
+  return Enhanced;
+}
+;// external "@grafana/data"
+const data_namespaceObject = require("@grafana/data");
+;// ./src/panels/TimeseriesPanel/data-adapters/grafana.tsx
+
+const grafanaDataAdapter = ({
+  panel,
+  data
+}) => {
+  const {
+    results
+  } = data.data;
+  const xIndex = 0;
+  const yIndex = 1;
+  const frames = Object.values(results).flatMap(result => result.frames);
+  const defaultFieldConfig = panel.panelSchema?.fieldConfig?.defaults;
+  const unit = frames[0]?.schema?.fields?.[yIndex]?.config?.unit ?? defaultFieldConfig?.unit;
+  const formattedValue = (0,data_namespaceObject.getValueFormat)(unit)(0);
+  const series = frames.map(frame => {
+    const values = frame?.data?.values ?? [];
+    const x = values[xIndex] ?? [];
+    const y = values[yIndex] ?? [];
+    const yField = frame.schema?.fields?.[yIndex];
+    const color = defaultFieldConfig?.color?.fixedColor;
+    const name = yField?.config?.displayName ?? yField?.config?.displayNameFromDS ?? yField?.name ?? frame.schema?.refId;
+    return {
+      x: x,
+      y: y,
+      name,
+      marker: {
+        color: color
+      },
+      selected: true,
+      showlegend: true,
+      type: 'scatter',
+      hovertemplate: `${name}: ${formattedValue.prefix ?? ''}%{y:}${formattedValue.suffix ?? ''}<extra></extra>`
+    };
+  });
+  return {
+    series,
+    valuePrefix: formattedValue.prefix,
+    valueSuffix: formattedValue.suffix
+  };
+};
+;// ./src/panels/TimeseriesPanel/TimeseriesPanel.tsx
+
+
+
+
+
+
+const TimeseriesPanel = ({
+  panel,
+  panelData,
+  title: providedTitle
+}) => {
+  const {
+    ref,
+    width
+  } = (0,hooks_namespaceObject.useElementSize)();
+  const title = providedTitle ?? panel.title;
+  const {
+    series,
+    valuePrefix,
+    valueSuffix
+  } = matchPanelDataSource(panelData.source, {
+    grafana: () => grafanaDataAdapter({
+      panel,
+      data: panelData.data
+    })
+  });
+  return (0,jsx_runtime_namespaceObject.jsx)("div", {
+    ref: ref,
+    style: {
+      width: '100%',
+      height: '100%'
+    },
+    children: (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.BarLineComplexChart, {
+      width: "100%",
+      height: "100%",
+      features: ['header'],
+      systemModeBarButtons: [],
+      cardProps: {
+        title
+      },
+      layout: {
+        autosize: true,
+        width: width,
+        margin: {
+          r: 50
+        },
+        xaxis: {
+          tickmode: 'auto'
+        },
+        yaxis2: {
+          ticksuffix: valueSuffix,
+          tickprefix: valuePrefix,
+          tickmode: 'auto'
+        }
+      },
+      data: series
+    })
+  });
+};
+const panelConfig = {
+  componentId: 'timeseries-default',
+  name: 'Timeseries Panel',
+  Component: withPanelData(TimeseriesPanel),
+  supportedTypes: ['timeseries', 'bargauge'],
+  propsSchema: {
+    type: 'object',
+    properties: {
+      title: {
+        type: 'string',
+        title: 'Panel Title'
+      }
+    }
+  },
+  uiSchema: {
+    title: {
+      'ui:help': 'Override the default panel title',
+      'ui:placeholder': 'Panel Title'
+    }
+  }
+};
+;// ./src/panels/GaugePanel/data-adapters/grafana.tsx
+
+const inferMinMax = (values, unit) => {
+  if (unit === 'percent') {
+    return {
+      min: 0,
+      max: 100
+    };
+  }
+  if (unit === 'percentunit') {
+    return {
+      min: 0,
+      max: 1
+    };
+  }
+  if (!values.length) {
+    return {
+      min: 0,
+      max: 100
+    };
+  }
+  return {
+    min: Math.min(...values),
+    max: Math.max(...values)
+  };
+};
+const grafana_grafanaDataAdapter = ({
+  panel,
+  data
+}) => {
+  const {
+    results
+  } = data.data;
+  const yIndex = 1;
+  const frames = Object.values(results).flatMap(result => result.frames);
+  const defaultFieldConfig = panel.panelSchema?.fieldConfig?.defaults;
+  if (frames.length > 1) {
+    throw new Error(`Expected a single frame for gauge panel, but found ${frames.length} frames.`);
+  }
+  const dataFrame = frames[0];
+  const values = dataFrame?.data?.values?.[yIndex] ?? [];
+  const value = values?.at(-1) ?? 0;
+  const unit = dataFrame?.schema?.fields?.[yIndex]?.config?.unit ?? defaultFieldConfig?.unit;
+  const formattedValue = (0,data_namespaceObject.getValueFormat)(unit)(value);
+  const {
+    min,
+    max
+  } = inferMinMax(values, unit);
+  const thresholds = defaultFieldConfig?.thresholds?.steps?.map(({
+    color,
+    value
+  }) => ({
+    color,
+    value: value ?? 0
+  })) ?? [];
+  const segments = thresholds.map((threshold, index) => ({
+    color: threshold.color,
+    value: thresholds[index + 1]?.value ?? 100 // use next threshold value or default to 100
+  }));
+  return {
+    min,
+    max,
+    thresholds,
+    segments,
+    value,
+    valueSuffix: formattedValue.suffix,
+    valuePrefix: formattedValue.prefix
+  };
+};
+;// ./src/panels/GaugePanel/GaugePanel.tsx
+function GaugePanel_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+
+
+
+const GaugePanel = ({
+  panel,
+  panelData,
+  title: providedTitle
+}) => {
+  const title = providedTitle ?? panel.title;
+  const {
+    min,
+    max,
+    value,
+    valuePrefix,
+    valueSuffix,
+    segments
+  } = matchPanelDataSource(panelData.source, {
+    grafana: () => grafana_grafanaDataAdapter({
+      panel,
+      data: panelData.data
+    })
+  });
+  return (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.GaugeChart, {
+    features: ['header'],
+    containerProps: {
+      className: /*#__PURE__*/(0,css_namespaceObject.css)( true ? {
+        name: "w1atjl",
+        styles: "width:100%;height:100%"
+      } : 0)
+    },
+    title: title,
+    unitLabel: valueSuffix,
+    maxValue: max,
+    minValue: min,
+    minLabel: `${valuePrefix ?? ''}${min}${valueSuffix ?? ''}`,
+    maxLabel: `${valuePrefix ?? ''}${max}${valueSuffix ?? ''}`,
+    value: value,
+    segments: segments
+  });
+};
+const GaugePanel_panelConfig = {
+  componentId: 'gauge-default',
+  name: 'Gauge Panel',
+  Component: withPanelData(GaugePanel),
+  supportedTypes: ['gauge'],
+  propsSchema: {
+    type: 'object',
+    properties: {
+      title: {
+        type: 'string',
+        title: 'Panel Title'
+      }
+    }
+  },
+  uiSchema: {
+    title: {
+      'ui:help': 'Override the default panel title',
+      'ui:placeholder': 'Panel Title'
+    }
+  }
+};
+;// ./src/panels/BarGaugePanel/data-adapters/grafana.tsx
+
+function grafana_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+var grafana_ref =  true ? {
+  name: "mmdt3g",
+  styles: "font-size:14px"
+} : 0;
+var grafana_ref2 =  true ? {
+  name: "mmdt3g",
+  styles: "font-size:14px"
+} : 0;
+const data_adapters_grafana_grafanaDataAdapter = ({
+  panel,
+  data,
+  labelWidth
+}) => {
+  const panelData = data.data;
+  const yIndex = 1;
+  const defaultFieldConfig = panel.panelSchema?.fieldConfig?.defaults;
+  const thresholds = defaultFieldConfig?.thresholds?.steps?.map(({
+    color,
+    value
+  }) => ({
+    color,
+    value: value ?? 0
+  })) ?? [];
+  const frames = Object.values(panelData.results).flatMap(result => result.frames);
+  const unit = frames[0]?.schema?.fields?.[yIndex]?.config?.unit ?? defaultFieldConfig?.unit;
+  const valueFormat = (0,data_namespaceObject.getValueFormat)(unit);
+  const valueFormatter = (v, color) => {
+    const formattedValue = valueFormat(v);
+    return (0,jsx_runtime_namespaceObject.jsxs)("div", {
+      css: /*#__PURE__*/(0,react_namespaceObject.css)({
+        color,
+        textAlign: 'right'
+      },  true ? "" : 0,  true ? "" : 0),
+      style: {
+        width: `${labelWidth}px`
+      },
+      children: [formattedValue.prefix && (0,jsx_runtime_namespaceObject.jsx)("span", {
+        css: grafana_ref,
+        children: formattedValue.prefix
+      }), formattedValue.text, ' ', formattedValue.suffix && (0,jsx_runtime_namespaceObject.jsx)("span", {
+        css: grafana_ref2,
+        children: formattedValue.suffix
+      })]
+    });
+  };
+  const bars = frames.map(frame => {
+    const y = frame.data?.values?.[yIndex] ?? [];
+    const value = y.at(-1) ?? 0;
+    const yField = frame.schema?.fields?.[yIndex];
+    return {
+      title: yField?.config?.displayName ?? yField?.config?.displayNameFromDS ?? yField?.name ?? frame.schema?.refId,
+      value: Number(value.toFixed(2)),
+      valueFormatter,
+      thresholds
+    };
+  }).filter(bar => bar.value !== undefined);
+  return {
+    bars
+  };
+};
+;// ./src/panels/BarGaugePanel/BarGaugePanel.tsx
+function BarGaugePanel_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+
+
+
+const GrafanaBarGaugePanel = ({
+  panel,
+  panelData,
+  title: providedTitle,
+  labelWidth = 80
+}) => {
+  const title = providedTitle ?? panel.title;
+  const {
+    bars
+  } = matchPanelDataSource(panelData.source, {
+    grafana: () => data_adapters_grafana_grafanaDataAdapter({
+      panel,
+      data: panelData.data,
+      labelWidth
+    })
+  });
+  return (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.BarGaugeChart, {
+    features: ['header'],
+    title: title,
+    bars: bars,
+    widgetCardProps: {
+      contentClassName: /*#__PURE__*/(0,css_namespaceObject.css)( true ? {
+        name: "1qmr6ab",
+        styles: "overflow:auto"
+      } : 0)
+    },
+    wrapperProps: {
+      className: /*#__PURE__*/(0,css_namespaceObject.css)( true ? {
+        name: "9d39k0",
+        styles: "gap:2px !important"
+      } : 0)
+    }
+  });
+};
+const BarGaugePanel_panelConfig = {
+  componentId: 'bargauge-default',
+  name: 'Bar Gauge Panel',
+  Component: withPanelData(GrafanaBarGaugePanel),
+  supportedTypes: ['bargauge', 'gauge'],
+  propsSchema: {
+    type: 'object',
+    properties: {
+      title: {
+        type: 'string',
+        title: 'Panel Title'
+      },
+      labelWidth: {
+        type: 'number',
+        title: 'Label Width',
+        default: 80,
+        description: 'Width of the label in pixels'
+      }
+    }
+  },
+  uiSchema: {
+    title: {
+      'ui:help': 'Override the default panel title',
+      'ui:placeholder': 'Panel Title'
+    },
+    labelWidth: {
+      'ui:help': 'Set the width of the label in pixels',
+      'ui:placeholder': 'Label Width'
+    }
+  }
+};
+;// ./src/panels/index.ts
+
+
+
+
+const panelRegistry = new PanelRegistry();
+panelRegistry.registerPanel(panelConfig);
+panelRegistry.registerPanel(GaugePanel_panelConfig);
+panelRegistry.registerPanel(BarGaugePanel_panelConfig);
+
+;// ./src/provider.tsx
+
+
+
+
+const InfraDashProvider = ({
+  children,
+  transport,
+  queryClient: providedQueryClient,
+  mutationClient: providedMutationClient,
+  panelRegistry: providedPanelRegistry
+}) => {
+  return (0,jsx_runtime_namespaceObject.jsx)(InfraDashInternalProvider, {
+    value: {
+      transport,
+      queryClient: providedQueryClient ?? queryClient,
+      mutationClient: providedMutationClient ?? mutationClient,
+      panelRegistry: providedPanelRegistry ?? panelRegistry
+    },
+    children: children
+  });
+};
+;// ./src/index.ts
+
+
+
+
+
+
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});
+//# sourceMappingURL=index.js.map