@datawheel/bespoke 0.1.39 → 0.2.1

package/dist/index.js

@@ -1,5 +1,4 @@
 import axios from 'axios';
-import yn4 from 'yn';
 import * as d3Array from 'd3-array';
 import * as d3Collection from 'd3-collection';
 import * as d3Format from 'd3-format';
@@ -8,19 +7,20 @@ import { formatAbbreviate } from 'd3plus-format';
 import { date } from 'd3plus-axis';
 import { assign, closest, merge, isObject } from 'd3plus-common';
 import { strip, titleCase } from 'd3plus-text';
+import yn3 from 'yn';
 import toposort from 'toposort';
 import { schema, normalize } from 'normalizr';
 import { createSlice, configureStore } from '@reduxjs/toolkit';
 import { HYDRATE, createWrapper } from 'next-redux-wrapper';
 import { Notifications, notifications } from '@mantine/notifications';
-import React, { forwardRef, useMemo, useState, useCallback, useContext, useEffect, createContext, useRef, Fragment as Fragment$1, createElement } from 'react';
+import React, { forwardRef, useMemo, useState, useCallback, useContext, useEffect, createContext, memo, useRef, Fragment as Fragment$1, createElement } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useDispatch, useSelector } from 'react-redux';
-import { Stack, Text, Badge, Group, useMantineTheme, Flex, packSx, Title, Tooltip, ActionIcon, Center, Modal, Button, SegmentedControl, Select, MultiSelect, TextInput, Switch, Box, List, Menu, Anchor, MantineProvider, Divider, Burger, Navbar, ScrollArea, Avatar, AppShell, UnstyledButton, ThemeIcon, LoadingOverlay, Skeleton, Container, Loader, Alert, Collapse, Card, Space, Code, Textarea, rem, Paper, Grid, Input, Popover, Checkbox, Radio, Drawer, Overlay, SimpleGrid, Autocomplete, Tabs, Header, px, Image, FileInput, Accordion, HoverCard, CopyButton, NumberInput, Col } from '@mantine/core';
+import { Stack, Text, Badge, Group, useMantineTheme, Flex, packSx, Tooltip, ActionIcon, Modal, Button, SegmentedControl, Select, MultiSelect, Center, Grid, Card, Image, Title, Radio, NumberInput, TextInput, Switch, Box, List, Menu, Anchor, MantineProvider, Divider, Burger, Navbar, ScrollArea, Avatar, AppShell, UnstyledButton, ThemeIcon, LoadingOverlay, Skeleton, Container, Loader, Alert, Collapse, Space, Code, Textarea, rem, Paper, Input, Popover, Checkbox, Drawer, Overlay, SimpleGrid, Autocomplete, Tabs, Header, px, FileInput, Accordion, HoverCard, CopyButton, Col } from '@mantine/core';
 import { dataConcat } from 'd3plus-viz';
 import * as d3plus from 'd3plus-react';
 import Router, { useRouter } from 'next/router';
-import { IconInfoCircle, IconRefresh, IconSearch, IconAlignLeft, IconAlignCenter, IconAlignRight, IconBoxMargin, IconTable, IconMathFunction, IconUsers, IconLogout, IconTrash, IconUserCircle, IconEdit, IconDatabase, IconServer, IconPencil, IconAlertCircle, IconCircleCheck, IconPlayerPlay, IconAlarmFilled, IconBox, IconLink, IconCircleX, IconFlag, IconCirclePlus, IconFileAnalytics, IconPlus, IconX, IconChevronDown, IconCamera, IconShare, IconCircleDashed, IconListSearch, IconExternalLink, IconSettings, IconFileOff, IconFilesOff, IconHierarchy3, IconMenu, IconApi, IconPolaroid, IconCircleMinus, IconEyeOff, IconChevronLeft, IconChevronRight, IconLogin, IconWorld, IconLock, IconVariable, IconArrowRightCircle, IconDownload, IconTemplate, IconChartBar, IconCode, IconUpload, IconCodePlus, IconClipboardCheck, IconClipboardCopy, IconPalette, IconEye, IconMinimize, IconMaximize, IconRss, IconGlobe, IconLinkOff } from '@tabler/icons-react';
+import { IconInfoCircle, IconRefresh, IconSearch, IconAlignLeft, IconAlignCenter, IconAlignRight, IconBoxMargin, IconTable, IconMathFunction, IconUsers, IconLogout, IconTrash, IconUserCircle, IconEdit, IconDatabase, IconServer, IconPencil, IconAlertCircle, IconCircleCheck, IconPlayerPlay, IconAlarmFilled, IconBox, IconLink, IconCircleX, IconFlag, IconCirclePlus, IconFileAnalytics, IconPlus, IconHome, IconX, IconChevronDown, IconCamera, IconShare, IconCircleDashed, IconListSearch, IconExternalLink, IconSettings, IconFileOff, IconFilesOff, IconHierarchy3, IconMenu, IconApi, IconPolaroid, IconCircleMinus, IconEyeOff, IconPhoto, IconChevronLeft, IconChevronRight, IconLogin, IconWorld, IconLock, IconVariable, IconArrowRightCircle, IconDownload, IconTemplate, IconChartBar, IconCode, IconUpload, IconCodePlus, IconClipboardCheck, IconClipboardCopy, IconPalette, IconEye, IconMinimize, IconMaximize, IconRss, IconGlobe, IconLinkOff } from '@tabler/icons-react';
 import { useMediaQuery, useDisclosure, useDebouncedValue, useHotkeys, useFullscreen, getHotkeyHandler } from '@mantine/hooks';
 import dynamic from 'next/dynamic';
 import Link from 'next/link';
@@ -205,6 +205,9 @@ var init_http = __esm({
         ).join(",");
         return { ...params, slugs };
       }
+      if (params.mode === "related") {
+        return { ...params };
+      }
       return { ...params, [params.mode]: params[params.mode].join(",") };
     };
   }
@@ -360,6 +363,7 @@ var init_cms = __esm({
     };
     BLOCK_LOGIC_TYPES = {
       GENERATOR: "generator",
+      RELATED: "related",
       VIZ: "visualization"
     };
     BLOCK_LOGIC_LOCALE = "logic";
@@ -469,13 +473,6 @@ var init_cms = __esm({
     };
   }
 });
-var getLogging_default;
-var init_getLogging = __esm({
-  "libs/configs/getLogging.ts"() {
-    init_esm_shims();
-    getLogging_default = (env = process.env) => yn4(env.REPORTS_LOGGING);
-  }
-});
 
 // libs/stats.js
 function logGamma(Z) {
@@ -741,7 +738,7 @@ var init_mortarEval = __esm({
     init_esm_shims();
     init_block();
     init_libs();
-    verbose = yn4(process.env.REPORTS_LOGGING);
+    verbose = yn3(process.env.REPORTS_LOGGING);
     mortarEval_default = mortarEval;
   }
 });
@@ -1021,12 +1018,14 @@ var init_consts = __esm({
 function isResult(response) {
   return response.ok !== void 0;
 }
+function ApiFetchException(message) {
+  this.message = message;
+  this.name = "ApiFetchException";
+}
 async function apiFetch(url, settings, readMemberFn, locale = "en") {
   const start = Date.now();
   let finalUrl = url;
   let finalData;
-  if (verbose2)
-    console.log("apiFetch", url);
   const parsedUrl = new URL(url);
   const parsedQuery = parsedUrl.searchParams;
   if (parsedQuery.has("bespoke_slugs")) {
@@ -1035,11 +1034,26 @@ async function apiFetch(url, settings, readMemberFn, locale = "en") {
   }
   const useProxy = settings && settings.useProxy && settings.useProxy === "true" ? true : false;
   if (typeof window === "object" && useProxy) {
-    const result = await urlProxy({ url: finalUrl });
-    finalData = result.ok === true ? result.data : result.error;
+    const result = await urlProxy({ url: finalUrl, timeout: apiFetchTimeout });
+    if (result.ok === true) {
+      finalData = result.data;
+    } else {
+      throw new ApiFetchException(result?.error);
+    }
   } else {
-    const response = await axios({ url: finalUrl });
-    finalData = response.data;
+    try {
+      const response = await axios({
+        url: finalUrl,
+        timeout: apiFetchTimeout
+      });
+      if (response.status === 200) {
+        finalData = response.data;
+      } else {
+        throw new ApiFetchException("No response");
+      }
+    } catch (e) {
+      throw new ApiFetchException(e.message);
+    }
   }
   if (parsedQuery.has("bespoke_slugs")) {
     const slugStrings = parsedQuery.get("bespoke_slugs");
@@ -1093,6 +1107,10 @@ async function apiFetch(url, settings, readMemberFn, locale = "en") {
     requestDuration: Date.now() - start
   };
 }
+function BlockException(message) {
+  this.name = "BlockException";
+  this.message = message;
+}
 async function runSingleBlock(block, formatterFunctions, blockContext, readMemberFn) {
   const { locale, variables, query } = parseBlockContext(blockContext);
   const allowed = isBlockAllowed(block, blockContext, variables, formatterFunctions);
@@ -1124,18 +1142,30 @@ async function runSingleBlock(block, formatterFunctions, blockContext, readMembe
           block.settings,
           readMemberFn,
           locale
-        ).then((result) => {
-          if (verbose2)
-            console.log("Variable loaded:", apiUrl, "response time: ", result.requestDuration);
-          return result;
-        }, (e) => {
-          if (verbose2)
-            console.error(`Error fetching ${apiUrl} block ${block.id}: ${e.message}`);
-          return { data: {}, requestDuration: 0 };
-        })
+        ).catch(
+          (e) => {
+            throw new BlockException(` Excecution of ${block.type}-${block.id} in section ${block.section_id} in report ${variables.report_name} (${variables.report_id}) failed.
+  Error fetching ${apiUrl}.
+  Message: ${e.message}.
+          `);
+          }
+        )
       );
     }
-    const apiResponses = await Promise.all(apiPromisesList);
+    const apiResponses = await Promise.all(apiPromisesList).catch((e) => {
+      return e.message;
+    });
+    if (typeof apiResponses === "string") {
+      if (apiResponses) {
+        return {
+          outputVariables: {},
+          renderVariables: {},
+          status: {
+            error: apiResponses
+          }
+        };
+      }
+    }
     resp = apiResponses.length === 1 ? apiResponses[0].data : apiResponses.map((r) => r.data);
     responseSize = apiResponses.reduce((acc, r) => acc + JSON.stringify(r.data).length / 1024, 0);
     duration = Math.max(...apiResponses.map((ar) => ar.requestDuration));
@@ -1168,6 +1198,80 @@ async function runSingleBlock(block, formatterFunctions, blockContext, readMembe
       }
     };
   }
+  if (block.type === BLOCK_TYPES.RELATED) {
+    const relatedCompare = block.contentByLocale?.logic?.content?.simple?.compare || "variant";
+    const relatedLimit = block.contentByLocale?.logic?.content?.simple?.limit || 4;
+    const reportIds = Object.keys(variables).filter((key) => key.startsWith("report_id")).map((key) => variables[key]);
+    const dimensionIds = Object.keys(variables).filter((key) => key.startsWith("dimension_id")).map((key) => variables[key]);
+    const variantIds = Object.keys(variables).filter((key) => key.startsWith("variant_id")).map((key) => variables[key]);
+    const memberIds = Object.keys(variables).filter((key) => key.startsWith("id")).map((key) => variables[key]);
+    if (!memberIds.length)
+      return {
+        outputVariables: { related_reports: [] },
+        renderVariables: {},
+        status: {
+          log: [],
+          allowed: false
+        }
+      };
+    const membersContentIds = await readMemberFn({
+      mode: "ids",
+      locale,
+      ids: memberIds,
+      output: "lite"
+    }).then((response) => {
+      let data = [];
+      if (isResult(response)) {
+        if (response.ok) {
+          data = response.data.results;
+        }
+      } else {
+        data = response.results;
+      }
+      return data && Array.isArray(data) ? data : [];
+    }).catch((err) => {
+      console.log("Error getting related members", err);
+      return [];
+    });
+    const current_ids = membersContentIds.map((member) => member.content_id);
+    const memberParams = {
+      mode: "related",
+      locale,
+      related: relatedLimit ?? 4,
+      current_ids,
+      output: "full"
+    };
+    if (relatedCompare) {
+      if (relatedCompare === "report")
+        memberParams.report_ids = reportIds;
+      else if (relatedCompare === "dimension")
+        memberParams.dimension_ids = dimensionIds;
+      else
+        memberParams.variant_ids = variantIds;
+    }
+    const bespokeMembers = await readMemberFn(memberParams).then((response) => {
+      let data = [];
+      if (isResult(response)) {
+        if (response.ok) {
+          data = response.data.results;
+        }
+      } else {
+        data = response.results;
+      }
+      return data && Array.isArray(data) ? data : [];
+    }).catch((err) => {
+      console.log("Error getting related members", err);
+      return [];
+    });
+    return {
+      outputVariables: { related_reports: bespokeMembers },
+      renderVariables: {},
+      status: {
+        log: [],
+        allowed: bespokeMembers.length > 0
+      }
+    };
+  }
   const { logic } = getBlockContent(block, locale);
   const swappedLogic = varSwap_default(logic, formatterFunctions, blockContext);
   const evalResults = mortarEval_default("resp", resp || {}, swappedLogic, formatterFunctions, variables, blockContext);
@@ -1202,14 +1306,13 @@ async function runSingleBlock(block, formatterFunctions, blockContext, readMembe
     }
   };
 }
-var verbose2, debug, ORIGIN, swapAPI, urlProxy, getDependencies, isBlockAllowed, runConsumersV2, getDurationColor, getSizeColor;
+var debug, ORIGIN, swapAPI, urlProxy, apiFetchTimeout, getDependencies, isBlockAllowed, runConsumersV2, getDurationColor, getSizeColor;
 var init_runConsumers = __esm({
   "libs/blocks/runConsumers.ts"() {
     init_esm_shims();
     init_api();
     init_block();
     init_cms();
-    init_getLogging();
     init_runSelector();
     init_selectorQueryToVariable();
     init_mortarEval();
@@ -1218,8 +1321,7 @@ var init_runConsumers = __esm({
     init_getRootBlocksForSection();
     init_arrayUtils();
     init_consts();
-    verbose2 = getLogging_default();
-    debug = yn4(process.env.NEXT_PUBLIC_REPORTS_DEBUG);
+    debug = yn3(process.env.NEXT_PUBLIC_REPORTS_DEBUG);
     ORIGIN = process.env.REPORTS_ORIGIN || "";
     axios.interceptors.request.use((config) => ({
       ...config,
@@ -1236,6 +1338,7 @@ var init_runConsumers = __esm({
       return url;
     };
     ({ urlProxy } = apiFactory("/api/cms"));
+    apiFetchTimeout = process.env.NEXT_PUBLIC_REPORTS_API_FETCH_TIMEOUT || 0;
     getDependencies = (bid, blocks, acc = [], crawlUp = true, crawlDown = true, withinSection = true, visited = []) => {
       if (visited.includes(bid))
         return [];
@@ -1343,9 +1446,19 @@ var init_runConsumers = __esm({
               },
               readMemberFn
             ).then(({ outputVariables, status }) => {
+              if (status.error) {
+                if (typeof window === "undefined") {
+                  throw new Error(`Run consumers failed with message: ${status.error}`);
+                } else {
+                  statusById[bid2] = {
+                    allowed: false,
+                    error: status.error
+                  };
+                }
+              }
               if (
                 // store output variables for block that:
-                (block.consumers.length > 0 || block.type === BLOCK_TYPES.GENERATOR) && status.allowed && Object.keys(outputVariables).length > 0
+                (block.consumers.length > 0 || [BLOCK_TYPES.GENERATOR, BLOCK_TYPES.RELATED].includes(block.type)) && status.allowed && Object.keys(outputVariables).length > 0
               )
                 variablesById[bid2] = outputVariables;
               if (mode === "report") {
@@ -2387,17 +2500,21 @@ function recalculateVariables(resource, params) {
     };
     const section = state.records.entities.section[sid];
     const readMemberFn = async (innerParams) => dispatch(readMember(innerParams));
-    const data = await runConsumersV2(
-      blocks,
-      section && [section],
-      bid,
-      formatterFunctions,
-      blockContext,
-      void 0,
-      readMemberFn
-    );
-    const { variables, status } = data;
-    dispatch(variablesActions.setVariableChange({ attributes, variables, status }));
+    try {
+      const data = await runConsumersV2(
+        blocks,
+        section && [section],
+        bid,
+        formatterFunctions,
+        blockContext,
+        void 0,
+        readMemberFn
+      );
+      const { variables, status } = data;
+      dispatch(variablesActions.setVariableChange({ attributes, variables, status }));
+    } catch (error) {
+      console.log("Error in runConsumers client side: recalculateVariables", error);
+    }
   };
 }
 function readMetadata(filters) {
@@ -2962,51 +3079,38 @@ function Viz(config) {
   const Visualization = vizTypes[fallbackType];
   const { _data, ...vizPropsConfig } = vizProps.config;
   const vizConfig = { locale, variables, ...vizPropsConfig, ...configOverride };
-  const { title } = vizConfig;
-  return /* @__PURE__ */ jsxs("div", { className: "bespoke-Viz", children: [
-    title && /* @__PURE__ */ jsx(
-      Title,
-      {
-        className: "bespoke-Viz-title",
-        order: 4,
-        size: "h6",
-        align: "center",
-        dangerouslySetInnerHTML: { __html: title }
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          display: "flex",
-          flex: "1 1 100%",
-          minHeight: 400
-        },
-        children: /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx("p", { children: "Error in d3plus viz config." }), children: /* @__PURE__ */ jsx(
-          Visualization,
-          {
-            style: { flex: 1 },
-            dataFormat: (resp) => {
-              vizProps.data && Array.isArray(vizProps.data) && vizProps.data.length > 1 && vizProps.data.some((d) => typeof d === "string");
-              let data;
-              try {
-                data = vizProps.dataFormat(resp);
-              } catch (e) {
-                console.log("Error in dataFormat: ", e);
-                data = [];
-              }
-              return data;
-            },
-            linksFormat: vizProps.linksFormat,
-            nodesFormat: vizProps.nodesFormat,
-            topojsonFormat: vizProps.topojsonFormat,
-            config: { ...defaultConfig_default, ...vizConfig, sectionVariables: sectionVariablesStr, title: void 0 }
+  return /* @__PURE__ */ jsx("div", { className: "bespoke-Viz", children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flex: "1 1 100%",
+        minHeight: 400
+      },
+      children: /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx("p", { children: "Error in d3plus viz config." }), children: /* @__PURE__ */ jsx(
+        Visualization,
+        {
+          style: { flex: 1 },
+          dataFormat: (resp) => {
+            vizProps.data && Array.isArray(vizProps.data) && vizProps.data.length > 1 && vizProps.data.some((d) => typeof d === "string");
+            let data;
+            try {
+              data = vizProps.dataFormat(resp);
+            } catch (e) {
+              console.log("Error in dataFormat: ", e);
+              data = [];
+            }
+            return data;
           },
-          "viz-key"
-        ) })
-      }
-    )
-  ] });
+          linksFormat: vizProps.linksFormat,
+          nodesFormat: vizProps.nodesFormat,
+          topojsonFormat: vizProps.topojsonFormat,
+          config: { ...defaultConfig_default, ...vizConfig, sectionVariables: sectionVariablesStr, title: void 0 }
+        },
+        "viz-key"
+      ) })
+    }
+  ) });
 }
 var vizTypes;
 var init_Viz = __esm({
@@ -3160,7 +3264,7 @@ var init_Table = __esm({
 // components/blocks/types/renderers/Viz.tsx
 var Viz_exports2 = {};
 __export(Viz_exports2, {
-  default: () => Viz2
+  default: () => Viz_default
 });
 function Viz2({
   block,
@@ -3191,7 +3295,7 @@ function Viz2({
       }
     };
     return d3plusPropify_default(transpiledLogic, formatterFunctions, variables, locale, block.id, {}, globals);
-  }, [block, active, variables, sectionVariables]);
+  }, [content?.logic, active, variables, sectionVariables]);
   useMemo(() => {
     if (!active || !content?.logic)
       return {};
@@ -3247,7 +3351,7 @@ function Viz2({
     }
   );
 }
-var useAppContext, CustomVizzes, vizTypes2;
+var useAppContext, CustomVizzes, vizTypes2, Viz_default;
 var init_Viz2 = __esm({
   "components/blocks/types/renderers/Viz.tsx"() {
     init_esm_shims();
@@ -3270,6 +3374,9 @@ var init_Viz2 = __esm({
       ...d3plus,
       ...CustomVizzes
     };
+    Viz_default = memo(Viz2, (prevProps, nextProps) => {
+      return prevProps.block.contentByLocale.logic.content === nextProps.block.contentByLocale.logic.content && prevProps.active === nextProps.active && prevProps.locale === nextProps.locale && JSON.stringify(prevProps.variables) === JSON.stringify(nextProps.variables) && JSON.stringify(prevProps.configOverride) === JSON.stringify(nextProps.configOverride);
+    });
   }
 });
 
@@ -4276,9 +4383,11 @@ function useContentOutline(min = 1, max = 6, headings = []) {
           blocks.sort((a, b) => orderSort(a, b, "blockrow"))
         );
       });
+      if (!Object.keys(status).length)
+        return [];
       return titleBlocksNormalized.filter((title) => {
         const currentOrder = parseInt(title.settings.order || "1", 10);
-        return currentOrder >= min && currentOrder <= max && titleStatus[title.id] ? titleStatus[title.id].allowed : true;
+        return currentOrder >= min && currentOrder <= max && titleStatus[title.id]?.allowed && !titleStatus[title.id]?.hiddenByCascade;
       });
     }
   }, [headings, sectionList, titleBlocks, titleStatus]);
@@ -4399,6 +4508,54 @@ function NavView({ headings, settings }) {
   return smallerThanMd ? /* @__PURE__ */ jsx(MobileNav, { contentOutline }) : /* @__PURE__ */ jsx(DesktopNav, { contentOutline });
 }
 
+// frontend/components/report/blocks/Related.tsx
+init_esm_shims();
+init_store2();
+init_hooks();
+function RelatedView(props) {
+  const { related_reports } = props;
+  const currentLocale = useAppSelector((state) => state.status.currentLocale);
+  const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
+  const profilePrefix = useProfilePrefix();
+  const router = useRouter();
+  if (!related_reports?.length)
+    return;
+  const localePrefix = currentLocale === localeDefault9 ? "" : `/${currentLocale}`;
+  const onItemSubmit = (innerUrl) => {
+    router.push(`${innerUrl}`);
+  };
+  return /* @__PURE__ */ jsx(Grid, { children: related_reports.map((report) => {
+    const url = `${localePrefix}${profilePrefix}/${report.variant_slug}/${report.slug}`;
+    return /* @__PURE__ */ jsx(Grid.Col, { xs: 12, sm: 6, md: 4, lg: 4, xl: 3, children: /* @__PURE__ */ jsxs(Card, { shadow: "sm", p: "lg", radius: "md", withBorder: true, children: [
+      /* @__PURE__ */ jsx(Card.Section, { children: /* @__PURE__ */ jsx(Group, { grow: true, spacing: 0, children: /* @__PURE__ */ jsx(
+        Image,
+        {
+          src: `/api/cms/member/image.png?member=${report.content_id}&size=thumb`,
+          height: 160,
+          imageProps: { loading: "lazy" },
+          alt: report.name
+        },
+        report.content_id
+      ) }) }),
+      /* @__PURE__ */ jsx(Group, { position: "apart", mt: "md", mb: "xs", children: /* @__PURE__ */ jsxs(Stack, { children: [
+        /* @__PURE__ */ jsx(Text, { weight: 500, children: report.name }),
+        /* @__PURE__ */ jsx(Badge, { color: "green", variant: "light", children: report.variant_name })
+      ] }, report.content_id) }),
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: url,
+          onClick: (evt) => {
+            evt.preventDefault();
+            onItemSubmit(url);
+          },
+          children: /* @__PURE__ */ jsx(Button, { variant: "light", color: "blue", fullWidth: true, mt: "md", radius: "md", children: `See ${report.name} Report` })
+        }
+      )
+    ] }) }, report.content_id);
+  }) });
+}
+
 // frontend/components/report/blocks/ResetButton.tsx
 init_esm_shims();
 init_hooks();
@@ -4438,6 +4595,7 @@ var TypeRenderers = {
   [BLOCK_TYPES.GENERATOR]: Generator,
   [BLOCK_TYPES.IMAGE]: ImageView,
   [BLOCK_TYPES.NAV]: NavView,
+  [BLOCK_TYPES.RELATED]: RelatedView,
   [BLOCK_TYPES.RESET_BUTTON]: ResetButtonView
 };
 var blocks_default = TypeRenderers;
@@ -4870,6 +5028,46 @@ function NavUI() {
   return /* @__PURE__ */ jsx(Title, { order: 4, children: "Nav UI" });
 }
 
+// components/blocks/types/simpleEditors/RelatedUI.tsx
+init_esm_shims();
+function RelatedUI({ executeButton, onChange, simpleState }) {
+  const [compare, setCompare] = useState(simpleState?.compare ?? "variant");
+  const [limit, setLimit] = useState(simpleState?.limit ?? 4);
+  useEffect(() => {
+    const simpleState2 = {
+      compare,
+      limit
+    };
+    onChange(simpleState2);
+  }, [compare, limit]);
+  return /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(
+      Radio.Group,
+      {
+        label: "Compare with members of",
+        onChange: setCompare,
+        value: compare,
+        children: /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Radio, { label: "Same report", value: "report" }),
+          /* @__PURE__ */ jsx(Radio, { label: "Same dimension", value: "dimension" }),
+          /* @__PURE__ */ jsx(Radio, { label: "Same variant", value: "variant" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      NumberInput,
+      {
+        label: "Related reports limit",
+        min: 1,
+        onChange: (value) => setLimit(value),
+        type: "number",
+        value: limit
+      }
+    ),
+    executeButton
+  ] });
+}
+
 // components/blocks/types/simpleEditors/ResetButtonUI.tsx
 init_esm_shims();
 function ResetButtonUI({ id, locale, executeButton, onChange, simpleState }) {
@@ -4930,6 +5128,7 @@ function ResetButtonUI({ id, locale, executeButton, onChange, simpleState }) {
 var simpleEditors_default = {
   [BLOCK_TYPES.SELECTOR]: SelectorUI_default,
   [BLOCK_TYPES.NAV]: NavUI,
+  [BLOCK_TYPES.RELATED]: RelatedUI,
   [BLOCK_TYPES.RESET_BUTTON]: ResetButtonUI
 };
 
@@ -5438,6 +5637,15 @@ function NavPreview({ headings, settings }) {
   ] });
 }
 
+// components/blocks/types/renderers/Related.tsx
+init_esm_shims();
+function RelatedPreview(props) {
+  const { related_reports } = props;
+  if (!related_reports?.length)
+    return /* @__PURE__ */ jsx(Text, { children: "There are no available members related to your current selection and report." });
+  return /* @__PURE__ */ jsx(List, { children: related_reports.map((report) => /* @__PURE__ */ jsx(List.Item, { children: report.name }, report.content_id)) });
+}
+
 // components/blocks/types/renderers/ResetButton.tsx
 init_esm_shims();
 init_hooks();
@@ -5478,6 +5686,7 @@ var renderersMap = {
   [BLOCK_TYPES.GENERATOR]: Generator_default,
   [BLOCK_TYPES.IMAGE]: ImagePreview,
   [BLOCK_TYPES.NAV]: NavPreview,
+  [BLOCK_TYPES.RELATED]: RelatedPreview,
   [BLOCK_TYPES.RESET_BUTTON]: ResetButtonPreview
 };
 var renderers_default = renderersMap;
@@ -5506,6 +5715,12 @@ var allBlocks = {
     renderPreviewOnEdit: true,
     evalWhenNonActive: true
   },
+  [BLOCK_TYPES.RELATED]: {
+    type: BLOCK_TYPES.RELATED,
+    renderer: renderers_default[BLOCK_TYPES.RELATED],
+    renderPreviewOnEdit: false,
+    evalWhenNonActive: true
+  },
   [BLOCK_TYPES.SELECTOR]: {
     type: BLOCK_TYPES.SELECTOR,
     renderer: renderers_default[BLOCK_TYPES.SELECTOR],
@@ -5633,6 +5848,11 @@ function Block({ blockId, active = true }) {
         });
         return;
       }
+      if (block.type === BLOCK_TYPES.RELATED) {
+        const { related_reports } = generatorVariables;
+        setContent({ related_reports });
+        return;
+      }
       if (block.type === BLOCK_TYPES.RESET_BUTTON) {
         setContent({ id: block.id, ...blockContent.simple });
         return;
@@ -7183,6 +7403,7 @@ function Section({ section }) {
   };
   const state = useAppSelector((state2) => state2);
   const status = useAppSelector((state2) => state2.variables.status);
+  const previews = useAppSelector((state2) => state2.status.previews);
   const sectionStyles = useBespokeStyles()["Section"];
   const blockRecords = selectBlockRecords(state);
   const sectionBlocks = Object.values(blockRecords || {}).filter((d) => d.section_id === id);
@@ -7206,6 +7427,7 @@ function Section({ section }) {
   const colsQty = Object.keys(columns).length;
   if (!displaySection)
     return null;
+  const showCredits = sectionSettings2.memberImageBg && previews.some(({ image }) => image && (image.url || image.author));
   return /* @__PURE__ */ jsxs(
     PositionWrapper,
     {
@@ -7227,53 +7449,82 @@ function Section({ section }) {
                 /* @__PURE__ */ jsx(SectionResetButton, { id: section.id }),
                 sectionSettings2.optionsMenu && /* @__PURE__ */ jsx(Options, { sectionId: section.id })
               ] }),
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsxs(
                 StyleWrapper,
                 {
                   className: `bespoke-Section-${id} bespoke-Section-container`,
                   settings: sectionSettings2,
                   styles: sectionStyles?.content,
-                  children: /* @__PURE__ */ jsx(ColumnsWrapper, { children: Object.keys(columns).sort((a, b) => orderSort(a, b, "blockcol")).map((columnIndex) => {
-                    const column = columns[columnIndex];
-                    const columnSettings = settings.columnSettings ? settings.columnSettings[columnIndex] : {};
-                    const columnBlocks = Object.values(column).sort((a, b) => orderSort(a, b, "blockrow"));
-                    if (!columnBlocks.some((block) => status[block.id].allowed))
-                      return null;
-                    return /* @__PURE__ */ jsx(
-                      SectionColumn,
-                      {
-                        column,
-                        columnSettings,
-                        sx: { flexBasis: `${100 / colsQty}%` },
-                        children: columnBlocks.map((item) => {
-                          if (!item.id || !status[item.id]?.allowed && item.type !== BLOCK_TYPES.NAV)
-                            return null;
-                          const { settings: settings2, type } = blockRecords[item.id];
-                          const blockWidth = settings2.width && !settings2.width.stretch && settings2.width.unit ? formatters[settings2.width.unit](settings2.width.value) : settings2.display === "inline" ? "auto" : "100%";
-                          const blockStyles = {
-                            alignSelf: type === "visualization" ? "stretch" : "flex-start",
-                            flexGrow: 0,
-                            margin: "0",
-                            textAlign: settings2.align || blockSettings.align.defaultValue,
-                            width: blockWidth,
-                            minWidth: 300
-                          };
-                          return /* @__PURE__ */ jsx(
-                            Box,
-                            {
-                              className: "bespoke-Block-wrapper",
-                              id: `bespoke-Block-${item.id}`,
-                              sx: blockStyles,
-                              py: site_default.block.padding,
-                              children: /* @__PURE__ */ jsx(Block, { blockId: item.id }, item.id)
-                            },
-                            item.id
-                          );
-                        })
-                      },
-                      columnIndex
-                    );
-                  }) })
+                  children: [
+                    /* @__PURE__ */ jsx(ColumnsWrapper, { children: Object.keys(columns).sort((a, b) => orderSort(a, b, "blockcol")).map((columnIndex) => {
+                      const column = columns[columnIndex];
+                      const columnSettings = settings.columnSettings ? settings.columnSettings[columnIndex] : {};
+                      const columnBlocks = Object.values(column).sort((a, b) => orderSort(a, b, "blockrow"));
+                      if (!columnBlocks.some(
+                        (block) => status[block.id].allowed || block.type === BLOCK_TYPES.NAV
+                      ))
+                        return null;
+                      return /* @__PURE__ */ jsx(
+                        SectionColumn,
+                        {
+                          column,
+                          columnSettings,
+                          sx: { flexBasis: `${100 / colsQty}%` },
+                          children: columnBlocks.map((item) => {
+                            if (!item.id || !status[item.id]?.allowed && item.type !== BLOCK_TYPES.NAV)
+                              return null;
+                            const { settings: settings2, type } = blockRecords[item.id];
+                            const blockWidth = settings2.width && !settings2.width.stretch && settings2.width.unit ? formatters[settings2.width.unit](settings2.width.value) : settings2.display === "inline" ? "auto" : "100%";
+                            const blockStyles = {
+                              alignSelf: type === "visualization" ? "stretch" : "flex-start",
+                              flexGrow: 0,
+                              margin: "0",
+                              textAlign: settings2.align || blockSettings.align.defaultValue,
+                              width: blockWidth,
+                              minWidth: 300
+                            };
+                            return /* @__PURE__ */ jsx(
+                              Box,
+                              {
+                                className: "bespoke-Block-wrapper",
+                                id: `bespoke-Block-${item.id}`,
+                                sx: blockStyles,
+                                py: site_default.block.padding,
+                                children: /* @__PURE__ */ jsx(Block, { blockId: item.id }, item.id)
+                              },
+                              item.id
+                            );
+                          })
+                        },
+                        columnIndex
+                      );
+                    }) }),
+                    showCredits && /* @__PURE__ */ jsxs(Popover, { position: "right", children: [
+                      /* @__PURE__ */ jsx(Popover.Target, { children: /* @__PURE__ */ jsx(ActionIcon, { variant: "light", radius: "xl", children: /* @__PURE__ */ jsx(IconPhoto, { size: 20 }) }) }),
+                      /* @__PURE__ */ jsx(Popover.Dropdown, { children: previews.map(
+                        ({ image, name }, idx) => (image.author || image.url) && /* @__PURE__ */ jsxs("div", { children: [
+                          image.author && /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
+                            name,
+                            " image by ",
+                            /* @__PURE__ */ jsx("strong", { children: image.author })
+                          ] }),
+                          image.url && /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
+                            "URL: ",
+                            " ",
+                            /* @__PURE__ */ jsx(
+                              Anchor,
+                              {
+                                href: image.url,
+                                target: "_blank",
+                                children: image.url
+                              }
+                            )
+                          ] }),
+                          idx + 1 < previews.length && /* @__PURE__ */ jsx(Divider, {})
+                        ] }, image.image_id)
+                      ) })
+                    ] })
+                  ]
                 }
               )
             ]
@@ -7404,14 +7655,14 @@ init_esm_shims();
 function withPageRoleAuthRequired(params) {
   const { SuccessComponent, FailureComponent, options } = params;
   const allowedRoles = new Set(params.allowedRoles);
-  return withPageAuthRequired(({ user }) => {
+  return withPageAuthRequired(({ user, ...props }) => {
     return useMemo(() => {
       const userRoles = user.bespoke_roles || [];
       if (allowedRoles.size === 0 || userRoles.some((role) => allowedRoles.has(role))) {
-        return /* @__PURE__ */ jsx(SuccessComponent, { user });
+        return /* @__PURE__ */ jsx(SuccessComponent, { user, ...props });
       }
-      return /* @__PURE__ */ jsx(FailureComponent, {});
-    }, [user]);
+      return /* @__PURE__ */ jsx(FailureComponent, { ...props });
+    }, [user, props]);
   }, options);
 }
 
@@ -7538,10 +7789,11 @@ function normalizeList(value) {
 var { localeDefault: localeDefault8 } = getLocales_default();
 function parseReadMemberParams(query) {
   const locale = normalizeList(query.locale)[0] || localeDefault8 || "en";
-  const all = locale === "all" || yn4(query.all);
+  const all = locale === "all" || yn3(query.all);
   const mode = normalizeList(query.mode)[0];
   const outputParam = normalizeList(query.output)[0] || "full";
   const output = outputParam === "lite" ? "lite" : "full";
+  const relatedLimit = parseInt(normalizeList(query.related)[0], 10) || 5;
   let variant = normalizeList(query.variant).map(parseFiniteNumber);
   if (variant.length === 0) {
     variant = normalizeList(query["variant[]"]).map(parseFiniteNumber);
@@ -7579,6 +7831,19 @@ function parseReadMemberParams(query) {
       })
     };
   }
+  if (mode === "related") {
+    return {
+      all,
+      mode,
+      locale: all ? localeDefault8 : stripHTML(locale),
+      related: relatedLimit,
+      current_ids: normalizeList(query.current_ids || query["current_ids[]"]).map(parseFiniteNumber),
+      report_ids: normalizeList(query.report_ids || query["report_ids[]"]).map(parseFiniteNumber),
+      dimension_ids: normalizeList(query.dimension_ids || query["dimension_ids[]"]).map(parseFiniteNumber),
+      variant_ids: normalizeList(query.variant_ids || query["variant_ids[]"]).map(parseFiniteNumber),
+      output
+    };
+  }
   throw new BackendError(400, `Invalid mode: '${mode}'`);
 }
 function parseSearchMemberParams(query) {
@@ -7603,9 +7868,9 @@ function parseSearchMemberParams(query) {
     locale: localeIsAll ? localeDefault8 : locale,
     limit: normalizeList(query.limit).map(parseFiniteNumber)[0] ?? 5,
     format: formatIsNested ? "nested" : "plain",
-    includes: yn4(query.includes, { default: true }),
-    visible: yn4(query.visible, { default: true }),
-    noImage: yn4(query.noImage, { default: false }),
+    includes: yn3(query.includes, { default: true }),
+    visible: yn3(query.visible, { default: true }),
+    noImage: yn3(query.noImage, { default: false }),
     variant,
     dimension,
     report,
@@ -9189,8 +9454,8 @@ function BlockPreview(props) {
   const variables = useInputVariablesFlat(block.id);
   const formatterFunctions = useFormatterFunctionsForLocale();
   const blockContext = useBlockContext(block.id, locale);
-  const generatorVariables = useAppSelector((state) => state.variables.variables[block.id] || {});
-  const generatorStatus = useAppSelector((state) => state.variables.status[block.id] || {});
+  const blockVariables = useAppSelector((state) => state.variables.variables[block.id] || {});
+  const blockStatus = useAppSelector((state) => state.variables.status[block.id] || {});
   const blockContent = types_default[block.type].renderPreviewOnEdit && blockStateContent ? blockStateContent : getBlockContent(block, locale);
   const [content, setContent] = useState(null);
   const [status, setStatus2] = useState(emptyStatus);
@@ -9219,8 +9484,8 @@ function BlockPreview(props) {
       }
       if (block.type === BLOCK_TYPES.GENERATOR) {
         const hasAPI = Boolean(block.contentByLocale?.logic?.content?.api);
-        setContent({ outputVariables: generatorVariables, hasAPI });
-        setStatus2(generatorStatus);
+        setContent({ outputVariables: blockVariables, hasAPI });
+        setStatus2(blockStatus);
         return;
       }
       if (block.type === BLOCK_TYPES.SELECTOR) {
@@ -9234,6 +9499,12 @@ function BlockPreview(props) {
         setContent({ headings: block.inputs, settings: block.settings });
         return;
       }
+      if (block.type === BLOCK_TYPES.RELATED) {
+        const { outputVariables } = await runSingleBlock(block, formatterFunctions, blockContext, readMemberFn);
+        const { related_reports } = outputVariables;
+        setContent({ related_reports });
+        return;
+      }
       if (block.type === BLOCK_TYPES.RESET_BUTTON) {
         setContent(blockContent.simple);
         return;
@@ -9253,6 +9524,17 @@ function BlockPreview(props) {
     };
     fetch();
   }, [blockContent, variables]);
+  useEffect(() => {
+    if (blockStatus && blockStatus.error && blockStatus.error !== "") {
+      notifications.show({
+        autoClose: 1e4,
+        color: "red",
+        id: "block-error",
+        message: blockStatus.error,
+        title: `Block error ID: ${block.id}`
+      });
+    }
+  }, [blockStatus.error]);
   const Renderer = renderers_default[block.type];
   const overlayStyle = {
     width: "100%",
@@ -9459,6 +9741,16 @@ function BlockSettings({ id, setBlockSettings, setBlockContent }) {
       [BLOCK_SETTINGS.ALLOWED_LOGIC]: allowedLogic
     });
   };
+  const blocks = useAppSelector((state) => state.records.entities.block);
+  const consumers = block.consumers.filter((cid) => blocks[cid].section_id !== block.section_id);
+  const isShared = Boolean(consumers.length);
+  const consumersP = consumers.slice(0, 3).map(
+    (cid, i) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      i === consumers.length - 1 && consumers.length > 1 ? "and " : "",
+      /* @__PURE__ */ jsx("strong", { children: `${blocks[cid].type} ${cid} [Section ${blocks[cid].section_id}]` }, cid),
+      i < consumers.length - 1 && consumers.length > 1 ? ", " : ""
+    ] })
+  );
   return /* @__PURE__ */ jsxs(Group, { grow: true, align: "flex-start", children: [
     /* @__PURE__ */ jsxs(Stack, { justify: "flex-start", children: [
       /* @__PURE__ */ jsx(Title, { order: 4, children: "Allowed" }),
@@ -9480,10 +9772,20 @@ function BlockSettings({ id, setBlockSettings, setBlockContent }) {
         }
       ),
       /* @__PURE__ */ jsx(Title, { order: 4, children: "Sharing" }),
+      isShared && block.shared && /* @__PURE__ */ jsxs(Text, { size: "xs", color: "red.4", sx: { display: "flex", alignItems: "flex-start", gap: "0.4rem" }, children: [
+        /* @__PURE__ */ jsx(IconAlertCircle, { size: "1.2rem" }),
+        /* @__PURE__ */ jsxs(Text, { color: "black", span: true, inherit: true, children: [
+          "This block is being consumed by ",
+          consumersP,
+          consumers.length > 3 && " and others",
+          ". Please, make sure you remove this block dependencies before changing this setting."
+        ] })
+      ] }),
       /* @__PURE__ */ jsx(
         SegmentedControl,
         {
           defaultValue: String(block.shared),
+          disabled: isShared && block.shared,
           onChange: (e) => handleChange("shared", e === "true"),
           data: shared
         }
@@ -9513,6 +9815,8 @@ var Icons = {
 function InputMenu({ id }) {
   const dispatch = useAppDispatch();
   const resource = useContext(ResourceContext);
+  const [searchTerm, setSearchTerm] = useState("");
+  const [debouncedSearchTerm] = useDebouncedValue(searchTerm, 200);
   const blocks = useAppSelector((state) => {
     if (state.records.reports && state.records.reports[0]) {
       const reportId = state.records.reports[0];
@@ -9541,8 +9845,11 @@ function InputMenu({ id }) {
     () => blocks.filter((d) => d.id !== block.id && (d.section_id === block.section_id || d.shared)).sort(inputMenuSort),
     [blocks]
   );
-  if (!block)
-    return null;
+  const filteredBlocks = useMemo(() => availableBlocks.filter((block2) => {
+    const matchId = String(block2.id).includes(debouncedSearchTerm.trim());
+    const matchVariables = Object.keys(variables[block2.id] || {}).some((varName) => varName.includes(debouncedSearchTerm.trim()));
+    return matchId || matchVariables;
+  }), [availableBlocks, debouncedSearchTerm, variables]);
   const handleClick = (blockId) => {
     const operation = inputBlocks[blockId] ? "delete" : "create";
     dispatch(actions_exports.updateEntity("block", {
@@ -9558,6 +9865,8 @@ function InputMenu({ id }) {
       dispatch(recalculateVariables(resource));
     });
   };
+  if (!block)
+    return null;
   const determineIcon = (blockId) => {
     if (block.consumers.includes(blockId))
       return Icons.Consumer;
@@ -9579,23 +9888,41 @@ function InputMenu({ id }) {
             children: "Add New Input"
           }
         ) }),
-        /* @__PURE__ */ jsx(Menu.Dropdown, { children: availableBlocks.map(({ id: id2, shared }) => /* @__PURE__ */ jsx(
-          Menu.Item,
-          {
-            disabled: block.consumers.includes(id2),
-            onClick: () => handleClick(id2),
-            icon: determineIcon(id2),
-            rightSection: shared ? /* @__PURE__ */ jsx(ThemeIcon, { size: "xs", radius: "xl", children: /* @__PURE__ */ jsx(IconGlobe, {}) }) : null,
-            children: /* @__PURE__ */ jsx(Box, { style: { maxWidth: "400px" }, children: /* @__PURE__ */ jsx(
-              InputMenuItem_default,
-              {
-                id: id2,
-                variables: variables[id2]
-              }
-            ) })
-          },
-          id2
-        )) })
+        /* @__PURE__ */ jsxs(Menu.Dropdown, { children: [
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              placeholder: "Search by variable name or block id.",
+              size: "xs",
+              value: searchTerm,
+              onChange: (e) => setSearchTerm(e.target.value)
+            }
+          ),
+          filteredBlocks.map(({ id: id2, shared }) => /* @__PURE__ */ jsx(
+            Menu.Item,
+            {
+              disabled: block.consumers.includes(id2),
+              onClick: () => handleClick(id2),
+              icon: determineIcon(id2),
+              rightSection: /* @__PURE__ */ jsxs(Stack, { ml: "xs", spacing: "xs", align: "flex-end", children: [
+                /* @__PURE__ */ jsxs(Text, { size: "xs", color: "gray.6", children: [
+                  "[",
+                  id2,
+                  "]"
+                ] }),
+                shared ? /* @__PURE__ */ jsx(ThemeIcon, { size: "xs", radius: "xl", children: /* @__PURE__ */ jsx(IconGlobe, {}) }) : null
+              ] }),
+              children: /* @__PURE__ */ jsx(Box, { style: { maxWidth: "400px" }, children: /* @__PURE__ */ jsx(
+                InputMenuItem_default,
+                {
+                  id: id2,
+                  variables: variables[id2]
+                }
+              ) })
+            },
+            id2
+          ))
+        ] })
       ]
     }
   );
@@ -9911,7 +10238,7 @@ function BlockEditor({
       monacoOptions: {
         onChange: (logic) => onChangeCode(logic, locale),
         value: blockContent?.logic || "",
-        height: fullscreen ? "85vh" : "70vh",
+        height: fullscreen ? "85vh" : "61vh",
         width: "100%"
       },
       variables
@@ -9931,6 +10258,7 @@ function BlockEditor({
     }
   );
   const isVizOrGenerator = [BLOCK_TYPES.GENERATOR, BLOCK_TYPES.VIZ].includes(blockType);
+  const isLogicType = Object.values(BLOCK_LOGIC_TYPES).includes(blockType);
   return /* @__PURE__ */ jsxs(Grid, { children: [
     /* @__PURE__ */ jsxs(
       Col,
@@ -10001,10 +10329,17 @@ function BlockEditor({
           height: "100%"
         },
         children: [
-          isVizOrGenerator && /* @__PURE__ */ jsxs(Alert, { icon: /* @__PURE__ */ jsx(IconFlag, {}), children: [
-            "You are editing the ",
-            /* @__PURE__ */ jsx(Code, { children: locale.toUpperCase() }),
-            " version of the block."
+          /* @__PURE__ */ jsxs(Alert, { icon: /* @__PURE__ */ jsx(IconFlag, {}), children: [
+            !isLogicType && /* @__PURE__ */ jsxs(Fragment, { children: [
+              "You are editing the ",
+              /* @__PURE__ */ jsx(Code, { children: locale.toUpperCase() }),
+              " version of the block."
+            ] }),
+            isLogicType && /* @__PURE__ */ jsxs(Fragment, { children: [
+              "You are editing a ",
+              /* @__PURE__ */ jsx(Code, { children: "logic" }),
+              " type of block. You have to handle all the languages inside it."
+            ] })
           ] }),
           /* @__PURE__ */ jsxs(
             Tabs,
@@ -10447,7 +10782,8 @@ function BlockElement({
                 right: px(theme.spacing.xs) / 2,
                 top: px(theme.spacing.xs) / 2,
                 backgroundColor: theme.colors.gray[2],
-                borderRadius: theme.radius.sm
+                borderRadius: theme.radius.sm,
+                zIndex: 2
               },
               children: [
                 isInput || isConsumer ? /* @__PURE__ */ jsx(ActionIcon, { children: isInput ? /* @__PURE__ */ jsx(IconLogout, { size: 20, color: theme.colors.red[5] }) : /* @__PURE__ */ jsx(IconLogin, { size: 20, color: theme.colors.green[5] }) }, "globe") : null,
@@ -10931,7 +11267,7 @@ function BuilderEditor(props) {
       {
         report: reportRef.data,
         locale: props.locale,
-        isLoading: reportRef.isFetching
+        isLoading: false
       }
     );
   }, [reportRef.status, reportRef.data?.sections]);
@@ -11316,6 +11652,7 @@ function FormatterForm({ formatterId, onEditEnd }) {
                 {
                   monacoOptions: {
                     onChange: (newLogic) => onContentValueChange("logic", newLogic),
+                    height: "30vh",
                     value: formatter.content.logic
                   }
                 },
@@ -12545,6 +12882,7 @@ function MetadataEditor() {
 init_esm_shims();
 function NotFoundView() {
   const { user } = useUser();
+  const textStyle = { color: "#000" };
   return /* @__PURE__ */ jsxs(
     Flex,
     {
@@ -12554,14 +12892,15 @@ function NotFoundView() {
       align: "center",
       direction: "column",
       wrap: "wrap",
+      style: { background: "white" },
       children: [
-        /* @__PURE__ */ jsx(Title, { children: "Not found." }),
-        /* @__PURE__ */ jsxs(Title, { order: 2, children: [
+        /* @__PURE__ */ jsx(Title, { style: textStyle, children: "Not found." }),
+        /* @__PURE__ */ jsxs(Title, { order: 2, style: textStyle, children: [
           "Sorry, ",
           user?.name,
           "!"
         ] }),
-        /* @__PURE__ */ jsx(Text, { children: "The page you are looking for is not here." }),
+        /* @__PURE__ */ jsx(Text, { style: textStyle, children: "The page you are looking for is not here." }),
         /* @__PURE__ */ jsx(Button, { component: "a", href: "/", children: "Back to homepage" })
       ]
     }
@@ -12675,6 +13014,7 @@ function ReportPicker() {
 init_esm_shims();
 function UnauthorizeView() {
   const { user } = useUser();
+  const textStyle = { color: "#000" };
   return /* @__PURE__ */ jsxs(
     Flex,
     {
@@ -12684,15 +13024,39 @@ function UnauthorizeView() {
       align: "center",
       direction: "column",
       wrap: "wrap",
+      style: { background: "white" },
       children: [
-        /* @__PURE__ */ jsx(Title, { children: "Unauthorize or forbidden access." }),
-        /* @__PURE__ */ jsxs(Title, { order: 2, children: [
+        /* @__PURE__ */ jsx(Title, { style: textStyle, children: "Unauthorize or forbidden access." }),
+        /* @__PURE__ */ jsxs(Title, { style: textStyle, order: 2, children: [
           "Sorry, ",
           user?.name,
           "!"
         ] }),
-        /* @__PURE__ */ jsx(Text, { children: "Your session or your user's roles doesn't satisfy the needs of the requested view. Please, ask your administrator to allow you." }),
-        /* @__PURE__ */ jsx(Button, { component: "a", href: "/", children: "Back to homepage" })
+        /* @__PURE__ */ jsx(Text, { style: textStyle, children: "Your session or your user's roles doesn't satisfy the needs of the requested view. Please, ask your administrator to allow you." }),
+        /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              component: "a",
+              href: "/",
+              leftIcon: /* @__PURE__ */ jsx(IconHome, { size: 14 }),
+              variant: "outline",
+              color: "dark",
+              children: "Back to homepage"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              component: "a",
+              href: "/api/auth/logout",
+              leftIcon: /* @__PURE__ */ jsx(IconLogout, { size: 14 }),
+              variant: "outline",
+              color: "dark",
+              children: "Disconnect"
+            }
+          )
+        ] })
       ]
     }
   );
@@ -13299,7 +13663,7 @@ function BespokeManager(options) {
     locale = localeDefault4,
     profilePrefix = "/profilePathManager"
   } = options;
-  const notifications4 = {
+  const notifications5 = {
     position: "bottom-center",
     ...options.notifications
   };
@@ -13312,7 +13676,7 @@ function BespokeManager(options) {
     return /* @__PURE__ */ jsxs(ResourceProvider, { pathSegment, profilePrefix, children: [
       /* @__PURE__ */ jsx(Head, { children: /* @__PURE__ */ jsx("title", { children: title }) }),
       /* @__PURE__ */ jsxs(MantineProvider, { inherit: false, children: [
-        /* @__PURE__ */ jsx(Notifications, { ...notifications4 }),
+        /* @__PURE__ */ jsx(Notifications, { ...notifications5 }),
         /* @__PURE__ */ jsx(DialogProvider, { children: /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx("p", { children: "Client side error in Bespoke. Check the console for details." }), children: /* @__PURE__ */ jsx(BespokeManagerShell, { locale }) }) })
       ] })
     ] });