@datawheel/bespoke 0.1.13 → 0.1.15

package/dist/index.js

@@ -1,3 +1,5 @@
+import axios from 'axios';
+import yn3 from 'yn';
 import * as d3Array from 'd3-array';
 import * as d3Collection from 'd3-collection';
 import * as d3Format from 'd3-format';
@@ -6,20 +8,18 @@ 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 axios from 'axios';
 import { schema, normalize } from 'normalizr';
 import { createSlice, configureStore } from '@reduxjs/toolkit';
 import { HYDRATE, createWrapper } from 'next-redux-wrapper';
 import { NotificationsProvider, showNotification } from '@mantine/notifications';
-import React, { forwardRef, useMemo, useState, useCallback, useContext, useEffect, createContext, useRef, createElement, Fragment as Fragment$1 } from 'react';
+import React, { forwardRef, useMemo, useState, useCallback, useContext, useEffect, createContext, 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, Tooltip, ActionIcon, Center, useMantineTheme, Modal, Button, Title, Select, MultiSelect, Skeleton, Container, TextInput, Loader, LoadingOverlay, Alert, Autocomplete, Chip, Menu, Avatar, Card, Space, Code, Divider, SegmentedControl, Overlay, Flex, MantineProvider, Burger, Navbar, ScrollArea, Box, AppShell, UnstyledButton, Popover, Checkbox, Radio, Switch, Drawer, Header, Input, Grid, ThemeIcon, Textarea, Tabs, Image, Accordion, NumberInput, SimpleGrid, FileInput, CopyButton, Col } from '@mantine/core';
-import { IconInfoCircle, IconSearch, IconTrash, IconUserCircle, IconLogout, IconDatabase, IconServer, IconPencil, IconAlertCircle, IconCircleCheck, IconPlayerPlay, IconCirclePlus, IconFileAnalytics, IconBoxMargin, IconTable, IconMathFunction, IconUsers, IconChevronLeft, IconSettings, IconAlignLeft, IconAlignCenter, IconAlignRight, IconPlus, IconMenu, IconCircleX, IconCircleDashed, IconLogin, IconWorld, IconEyeOff, IconCamera, IconShare, IconRefresh, IconPolaroid, IconCircleMinus, IconVariable, IconArrowRightCircle, IconPalette, IconCode, IconExternalLink, IconDownload, IconTemplate, IconChartBar, IconUpload, IconLink, IconClipboardCheck, IconClipboardCopy, IconEye, IconRss, IconGlobe } from '@tabler/icons';
+import { Stack, Text, Badge, Group, Tooltip, ActionIcon, Center, useMantineTheme, Modal, Button, Title, Select, MultiSelect, MantineProvider, Divider, Burger, Navbar, ScrollArea, Avatar, Box, AppShell, UnstyledButton, ThemeIcon, Skeleton, Container, TextInput, Loader, LoadingOverlay, Alert, Autocomplete, Chip, Menu, Card, Space, Code, SegmentedControl, Textarea, Overlay, Grid, Flex, Popover, Checkbox, Radio, Switch, Drawer, Input, Header, Tabs, FileInput, SimpleGrid, Image, Accordion, NumberInput, CopyButton, Col } from '@mantine/core';
+import { IconInfoCircle, IconBoxMargin, IconTable, IconMathFunction, IconUsers, IconLogout, IconSearch, IconTrash, IconUserCircle, IconDatabase, IconServer, IconPencil, IconAlertCircle, IconCircleCheck, IconPlayerPlay, IconCirclePlus, IconCircleX, IconFileAnalytics, IconPlus, IconCircleDashed, IconSettings, IconAlignLeft, IconAlignCenter, IconAlignRight, IconMenu, IconRefresh, IconPolaroid, IconCircleMinus, IconEyeOff, IconLogin, IconWorld, IconCamera, IconShare, IconVariable, IconArrowRightCircle, IconUpload, IconPalette, IconCode, IconExternalLink, IconDownload, IconTemplate, IconChartBar, IconLink, IconClipboardCheck, IconClipboardCopy, IconEye, IconRss, IconGlobe } from '@tabler/icons';
 import { dataConcat } from 'd3plus-viz';
 import * as d3plus from 'd3plus-react';
-import { useDebouncedValue, useMediaQuery, useDisclosure, useHotkeys, useUncontrolled, getHotkeyHandler } from '@mantine/hooks';
+import { useDisclosure, useDebouncedValue, useMediaQuery, useHotkeys, useUncontrolled, getHotkeyHandler } from '@mantine/hooks';
 import Link from 'next/link';
 import Router, { useRouter } from 'next/router';
 import { UserProvider, withPageAuthRequired, useUser } from '@auth0/nextjs-auth0/client';
@@ -56,328 +56,212 @@ var init_esm_shims = __esm({
   }
 });
 
-// models/report.ts
-var ID, MODEL_NAME;
-var init_report = __esm({
-  "models/report.ts"() {
+// api/http/lib.ts
+function http(axios6, config) {
+  return axios6.request(config).then((response) => {
+    const { status, data } = response;
+    return "error" in data ? { ok: false, status, error: data.error } : { ok: true, status, data: data.data };
+  }, (err) => {
+    if ("isAxiosError" in err) {
+      const { status, data } = err.response || { status: 500 };
+      return { ok: false, status, error: data?.error ?? err.message };
+    }
+    return { ok: false, status: 500, error: err.message };
+  });
+}
+function httpGET(axios6, request, transformParams) {
+  const config = typeof request === "string" ? { url: request } : request;
+  return (params) => http(axios6, {
+    ...config,
+    method: "GET",
+    params: transformParams ? transformParams(params) : params
+  });
+}
+function httpPOST(axios6, request, transformPayload) {
+  const config = typeof request === "string" ? { url: request } : request;
+  return (payload) => http(axios6, {
+    ...config,
+    method: "POST",
+    data: transformPayload ? transformPayload(payload) : payload
+  });
+}
+function httpDELETE(axios6, request, transformPayload) {
+  const config = typeof request === "string" ? { url: request } : request;
+  return (payload) => http(axios6, {
+    ...config,
+    method: "DELETE",
+    data: transformPayload ? transformPayload(payload) : payload
+  });
+}
+var init_lib = __esm({
+  "api/http/lib.ts"() {
     init_esm_shims();
-    ID = "report";
-    MODEL_NAME = "Report";
   }
 });
 
-// models/section.ts
-var ID2, MODEL_NAME2;
-var init_section = __esm({
-  "models/section.ts"() {
+// api/http/image/imageSave.ts
+function httpImageSaveFactory(axios6, provider) {
+  return (params) => http(axios6, {
+    method: "GET",
+    url: `search/images/${provider}`,
+    params: { prompt: params.prompt, provider }
+  });
+}
+var init_imageSave = __esm({
+  "api/http/image/imageSave.ts"() {
     init_esm_shims();
-    init_report();
-    ID2 = "section";
-    MODEL_NAME2 = "Section";
+    init_lib();
   }
 });
 
-// libs/configs/getLocales.ts
-var getLocales_default;
-var init_getLocales = __esm({
-  "libs/configs/getLocales.ts"() {
+// api/http/image/imageSearch.ts
+function httpImageSearchFactory(axios6, provider) {
+  return (params) => http(axios6, {
+    method: "GET",
+    url: `search/images/${provider}`,
+    params: { prompt: params.prompt, provider }
+  });
+}
+var init_imageSearch = __esm({
+  "api/http/image/imageSearch.ts"() {
     init_esm_shims();
-    getLocales_default = () => {
-      const localeDefault9 = process.env.NEXT_PUBLIC_REPORTS_LOCALE_DEFAULT || "en";
-      const locales3 = process.env.NEXT_PUBLIC_REPORTS_LOCALES?.split(",") || [localeDefault9];
-      if (!locales3.includes(localeDefault9))
-        locales3.push(localeDefault9);
-      return { localeDefault: localeDefault9, locales: locales3 };
-    };
+    init_lib();
   }
 });
-
-// models/block.ts
-function parseBlockContext(context) {
+function apiFactory(baseURL) {
+  const axios6 = axios.create({ baseURL });
   return {
-    variables: context.variables || {},
-    query: context.query || {},
-    locale: context.locale || localeDefault
+    createBlock: httpPOST(axios6, "create/block"),
+    createDimension: httpPOST(axios6, "create/dimension"),
+    createFormatter: httpPOST(axios6, "create/formatter"),
+    createReport: httpPOST(axios6, "create/report"),
+    createSection: httpPOST(axios6, "create/section"),
+    createVariant: httpPOST(axios6, "create/variant"),
+    deleteBlock: httpDELETE(axios6, "delete/block", transformDeletePayload),
+    deleteDimension: httpDELETE(axios6, "delete/dimension", transformDeletePayload),
+    deleteFormatter: httpDELETE(axios6, "delete/formatter", transformDeletePayload),
+    deleteReport: httpDELETE(axios6, "delete/report", transformDeletePayload),
+    deleteSection: httpDELETE(axios6, "delete/section", transformDeletePayload),
+    deleteVariant: httpDELETE(axios6, "delete/variant", transformDeletePayload),
+    readBlock: httpGET(axios6, "read/block"),
+    readDimension: httpGET(axios6, "read/dimension"),
+    readFormatter: httpGET(axios6, "read/formatter"),
+    readReport: httpGET(axios6, "read/report"),
+    readSection: httpGET(axios6, "read/section"),
+    readVariant: httpGET(axios6, "read/variant"),
+    updateBlock: httpPOST(axios6, "update/block"),
+    updateDimension: httpPOST(axios6, "update/dimension"),
+    updateFormatter: httpPOST(axios6, "update/formatter"),
+    updateReport: httpPOST(axios6, "update/report"),
+    updateSection: httpPOST(axios6, "update/section"),
+    updateVariant: httpPOST(axios6, "update/variant"),
+    searchReport: httpGET(axios6, "search/reports"),
+    validateVariantSlug: httpGET(axios6, "validate/variant"),
+    readMember: httpGET(axios6, "read/members", transformReadMembers),
+    readMemberImage: httpGET(axios6, {
+      url: "member/image.png",
+      responseType: "blob"
+    }),
+    searchMember: httpGET(axios6, "search/members"),
+    updateMember: httpGET(axios6, "update/members"),
+    imageLocalSearch: httpImageSearchFactory(axios6, "local"),
+    imageLocalSave: httpImageSaveFactory(axios6, "local"),
+    imageFlickrSearch: httpImageSearchFactory(axios6, "flickr"),
+    imageFlickrSave: httpImageSaveFactory(axios6, "flickr"),
+    imageUnsplashSearch: httpImageSearchFactory(axios6, "unsplash"),
+    imageUnsplashSave: httpImageSaveFactory(axios6, "unsplash"),
+    imageUploadSave: httpImageSaveFactory(axios6, "upload"),
+    readMetadata: httpGET(axios6, "read/metadata"),
+    regenerateSearch: httpPOST(axios6, "search/regenerate"),
+    urlProxy: httpGET(axios6, "url/proxy"),
+    searchRole: httpGET(axios6, "auth/search/roles"),
+    searchUser: httpGET(axios6, "auth/search/users"),
+    readUser: httpGET(axios6, "auth/read/user"),
+    updateUser: httpPOST(axios6, "auth/update/user"),
+    addNewReportToCurrentUser: httpPOST(axios6, "auth/update/me")
   };
 }
-var localeDefault, ID3, MODEL_NAME3;
-var init_block = __esm({
-  "models/block.ts"() {
+var transformDeletePayload, transformReadMembers;
+var init_http = __esm({
+  "api/http/index.ts"() {
     init_esm_shims();
-    init_section();
-    init_getLocales();
-    ({ localeDefault } = getLocales_default());
-    ID3 = "block";
-    MODEL_NAME3 = "Block";
+    init_imageSave();
+    init_imageSearch();
+    init_lib();
+    transformDeletePayload = (id) => ({ id });
+    transformReadMembers = (params) => {
+      if (params.mode === "slugs") {
+        const slugs = params.slugs.map(
+          (slug) => [slug.variantSlug, slug.memberSlug].join("/")
+        ).join(",");
+        return { ...params, slugs };
+      }
+      return { ...params, [params.mode]: params[params.mode].join(",") };
+    };
   }
 });
 
-// libs/stats.js
-function logGamma(Z) {
-  const S = 1 + 76.18009173 / Z - 86.50532033 / (Z + 1) + 24.01409822 / (Z + 2) - 1.231739516 / (Z + 3) + 0.00120858003 / (Z + 4) - 536382e-11 / (Z + 5);
-  return (Z - 0.5) * Math.log(Z + 4.5) - (Z + 4.5) + Math.log(S * 2.50662827465);
-}
-function betinc(X, A, B) {
-  let A0 = 0;
-  let B0 = 1;
-  let A1 = 1;
-  let B1 = 1;
-  let M9 = 0;
-  let A2 = 0;
-  let C9;
-  while (Math.abs((A1 - A2) / A1) > 1e-5) {
-    A2 = A1;
-    C9 = -(A + M9) * (A + B + M9) * X / (A + 2 * M9) / (A + 2 * M9 + 1);
-    A0 = A1 + C9 * A0;
-    B0 = B1 + C9 * B0;
-    M9 += 1;
-    C9 = M9 * (B - M9) * X / (A + 2 * M9 - 1) / (A + 2 * M9);
-    A1 = A0 + C9 * A1;
-    B1 = B0 + C9 * B1;
-    A0 /= B1;
-    B0 /= B1;
-    A1 /= B1;
-    B1 = 1;
-  }
-  return A1 / A;
-}
-function binomialCdf(X, N, P) {
-  let betacdf;
-  let bincdf;
-  if (X < 0)
-    bincdf = 0;
-  else if (X >= N)
-    bincdf = 1;
-  else {
-    X = Math.floor(X);
-    const Z = P;
-    const A = X + 1;
-    const B = N - X;
-    const S = A + B;
-    const BT = Math.exp(logGamma(S) - logGamma(B) - logGamma(A) + A * Math.log(Z) + B * Math.log(1 - Z));
-    if (Z < (A + 1) / (S + 2)) {
-      betacdf = BT * betinc(Z, A, B);
-    } else {
-      betacdf = 1 - BT * betinc(1 - Z, B, A);
-    }
-    bincdf = 1 - betacdf;
-  }
-  return Math.round(bincdf * 1e5) / 1e5;
-}
-function criticalValue(confLevel) {
-  const critMap = {
-    0.99999: 15.137,
-    0.99: 6.635,
-    0.95: 3.841,
-    0.9: 2.706
-  };
-  return critMap[confLevel];
-}
-function binP(N, p, x1, x2) {
-  const q = p / (1 - p);
-  let k = 0;
-  let v = 1;
-  let s = 0;
-  let tot = 0;
-  while (k <= N) {
-    tot += v;
-    if (k >= x1 & k <= x2) {
-      s += v;
-    }
-    if (tot > 1e30) {
-      s /= 1e30;
-      tot /= 1e30;
-      v /= 1e30;
-    }
-    k += 1;
-    v = v * q * (N + 1 - k) / k;
-  }
-  return s / tot;
-}
-function computeMidP(vx, vN, confLevel) {
-  const vP = vx / vN;
-  const prob = confLevel * 100;
-  const vTL = (100 - prob) / 2;
-  let T1;
-  let T2;
-  if (vx === 0) {
-    T1 = 0;
-  } else {
-    let v = vP / 2;
-    let vsL = 0;
-    let vsH = vP;
-    const p = vTL / 100;
-    while (vsH - vsL > 1e-5) {
-      if (binP(vN, v, vx, vx) * 0.5 + binP(vN, v, vx + 1, vN) > p) {
-        vsH = v;
-        v = (vsL + v) / 2;
-      } else {
-        vsL = v;
-        v = (vsH + v) / 2;
-      }
-    }
-    T1 = v;
-  }
-  if (vx === vN) {
-    T2 = 0;
-  } else {
-    let v = (1 + vP) / 2;
-    let vsL = vP;
-    let vsH = 1;
-    const p = vTL / 100;
-    while (vsH - vsL > 1e-5) {
-      if (binP(vN, v, vx, vx) * 0.5 + binP(vN, v, 0, vx - 1) < p) {
-        vsH = v;
-        v = (vsL + v) / 2;
-      } else {
-        vsL = v;
-        v = (vsH + v) / 2;
-      }
-    }
-    T2 = v;
-  }
-  return { lci: T1, uci: T2 };
-}
-function smr(observedVal, expectedVal) {
-  const vx = observedVal;
-  const vN = expectedVal;
-  const Obs = vx;
-  const Exp = vN;
-  const ci = 95;
-  let v = 0.5;
-  let dv = 0.5;
-  const vTL = (100 - ci) / 2;
-  let p = vTL / 100;
-  const vZ = Obs;
-  while (dv > 1e-5) {
-    dv /= 2;
-    if (poisP((1 + vZ) * v / (1 - v), vZ + 1, 1e10) + 0.5 * poisP((1 + vZ) * v / (1 - v), vZ, vZ) > p) {
-      v -= dv;
-    } else {
-      v += dv;
-    }
-  }
-  const QL = (1 + vZ) * v / (1 - v) / Exp;
-  v = 0.5;
-  dv = 0.5;
-  const vTU = (100 - ci) / 2;
-  p = vTU / 100;
-  while (dv > 1e-5) {
-    dv /= 2;
-    if (poisP((1 + vZ) * v / (1 - v), 0, vZ - 1) + 0.5 * poisP((1 + vZ) * v / (1 - v), vZ, vZ) < p) {
-      v -= dv;
-    } else {
-      v += dv;
-    }
-  }
-  const QU = (1 + vZ) * v / (1 - v) / Exp;
-  return { lci: QL, uci: QU };
-}
-function poisP(Z, x1, x2) {
-  let q = 1;
-  let tot = 0;
-  let s = 0;
-  let k = 0;
-  while (k < Z || q > tot * 1e-10) {
-    tot += q;
-    if (k >= x1 & k <= x2) {
-      s += q;
-    }
-    if (tot > 1e30) {
-      s /= 1e30;
-      tot /= 1e30;
-      q /= 1e30;
-    }
-    k += 1;
-    q = q * Z / k;
+// api/index.ts
+var init_api = __esm({
+  "api/index.ts"() {
+    init_esm_shims();
+    init_http();
   }
-  return s / tot;
-}
-var stats_default;
-var init_stats = __esm({
-  "libs/stats.js"() {
+});
+
+// models/report.ts
+var ID, MODEL_NAME;
+var init_report = __esm({
+  "models/report.ts"() {
     init_esm_shims();
-    stats_default = {
-      binomialCdf,
-      binP,
-      computeMidP,
-      criticalValue,
-      smr
-    };
+    ID = "report";
+    MODEL_NAME = "Report";
   }
 });
-var libraries;
-var init_libs = __esm({
-  "libs/libs.ts"() {
+
+// models/section.ts
+var ID2, MODEL_NAME2;
+var init_section = __esm({
+  "models/section.ts"() {
     init_esm_shims();
-    init_stats();
-    libraries = {
-      d3: {
-        ...d3Array,
-        ...d3Collection,
-        ...d3Format,
-        ...d3TimeFormat
-      },
-      d3plus: {
-        assign,
-        closest,
-        date,
-        formatAbbreviate,
-        merge,
-        strip,
-        titleCase
-      },
-      stats: stats_default
+    init_report();
+    ID2 = "section";
+    MODEL_NAME2 = "Section";
+  }
+});
+
+// libs/configs/getLocales.ts
+var getLocales_default;
+var init_getLocales = __esm({
+  "libs/configs/getLocales.ts"() {
+    init_esm_shims();
+    getLocales_default = () => {
+      const localeDefault9 = process.env.NEXT_PUBLIC_REPORTS_LOCALE_DEFAULT || "en";
+      const locales3 = process.env.NEXT_PUBLIC_REPORTS_LOCALES?.split(",") || [localeDefault9];
+      if (!locales3.includes(localeDefault9))
+        locales3.push(localeDefault9);
+      return { localeDefault: localeDefault9, locales: locales3 };
     };
   }
 });
-function mortarEval(varInnerName, varOuterValue, logic, formatterFunctions, attributes = void 0, blockContext) {
-  const vars = {};
-  const { locale } = parseBlockContext(blockContext);
-  try {
-    if (varOuterValue) {
-      const log = [];
-      const pConsole = new Proxy(console, {
-        get(target, prop) {
-          if (isInSet(prop, "log", "debug", "info", "warn", "error")) {
-            return (...args) => {
-              log.push(`${prop} ${Date.now()} - ${args.join(" ")}`);
-              if (verbose)
-                target[prop](...args);
-            };
-          }
-          return target[prop];
-        }
-      });
-      let output;
-      if (attributes) {
-        const fn = new Function(varInnerName, "console", "libs", "formatters", "locale", "variables", logic);
-        output = fn(varOuterValue, pConsole, libraries, formatterFunctions, locale, attributes);
-      } else {
-        const fn = new Function(varInnerName, "console", "libs", "formatters", "locale", logic);
-        output = fn(varOuterValue, pConsole, libraries, formatterFunctions, locale);
-      }
-      if (typeof output === "object" && Object.keys(output).length > 0) {
-        Object.assign(vars, output);
-      }
-      return { vars, error: null, log };
-    }
-    return { vars, error: "Invalid API Link" };
-  } catch (err) {
-    return { vars, error: err.message };
-  }
-}
-function isInSet(value, ...args) {
-  return args.includes(value);
+
+// models/block.ts
+function parseBlockContext(context) {
+  return {
+    variables: context.variables || {},
+    query: context.query || {},
+    locale: context.locale || localeDefault
+  };
 }
-var verbose, mortarEval_default;
-var init_mortarEval = __esm({
-  "libs/variables/mortarEval.ts"() {
+var localeDefault, ID3, MODEL_NAME3;
+var init_block = __esm({
+  "models/block.ts"() {
     init_esm_shims();
-    init_block();
-    init_libs();
-    verbose = yn3(process.env.REPORTS_LOGGING);
-    mortarEval_default = mortarEval;
+    init_section();
+    init_getLocales();
+    ({ localeDefault } = getLocales_default());
+    ID3 = "block";
+    MODEL_NAME3 = "Block";
   }
 });
 
@@ -444,12 +328,16 @@ var init_cms = __esm({
       ...ALLOWED
     });
     BLOCK_CONTENT_TYPES = {
+      // AUTHOR: "author",
+      // FOOTNOTE: "footnote",
       IMAGE: "image",
       PARAGRAPH: "paragraph",
       SELECTOR: "selector",
+      // todo1.0 - move to logic types
       STAT: "stat",
       SUBTITLE: "subtitle",
       TITLE: "title"
+      // todo1.0, how to put custom blocks in here?
     };
     BLOCK_LOGIC_TYPES = {
       GENERATOR: "generator",
@@ -491,6 +379,17 @@ var init_cms = __esm({
       BLOCK_FIELDS.SIMPLE_ENABLED
     ];
     BLOCK_MAP = {
+      /*
+      [BLOCK_TYPES.AUTHOR]: [
+        BLOCK_FIELDS.AUTHOR,
+        BLOCK_FIELDS.BIO,
+        BLOCK_FIELDS.IMAGE,
+        BLOCK_FIELDS.TITLE,
+      ],
+      [BLOCK_TYPES.FOOTNOTE]: [
+        BLOCK_FIELDS.FOOTNOTE,
+      ],
+      */
       [BLOCK_TYPES.IMAGE]: [
         BLOCK_FIELDS.SRC,
         BLOCK_FIELDS.ALT
@@ -542,14 +441,290 @@ var init_cms = __esm({
       OBJECT: "object",
       DATE: "date"
     };
-    FORMATTER_INPUT_TYPES_NAMES = {
-      [FORMATTER_INPUT_TYPES.STRING]: "String",
-      [FORMATTER_INPUT_TYPES.NUMBER]: "Number",
-      [FORMATTER_INPUT_TYPES.OBJECT]: "Object/Array",
-      [FORMATTER_INPUT_TYPES.DATE]: "Date"
+    FORMATTER_INPUT_TYPES_NAMES = {
+      [FORMATTER_INPUT_TYPES.STRING]: "String",
+      [FORMATTER_INPUT_TYPES.NUMBER]: "Number",
+      [FORMATTER_INPUT_TYPES.OBJECT]: "Object/Array",
+      [FORMATTER_INPUT_TYPES.DATE]: "Date"
+    };
+  }
+});
+var getLogging_default;
+var init_getLogging = __esm({
+  "libs/configs/getLogging.ts"() {
+    init_esm_shims();
+    getLogging_default = (env = process.env) => yn3(env.REPORTS_LOGGING);
+  }
+});
+
+// libs/stats.js
+function logGamma(Z) {
+  const S = 1 + 76.18009173 / Z - 86.50532033 / (Z + 1) + 24.01409822 / (Z + 2) - 1.231739516 / (Z + 3) + 0.00120858003 / (Z + 4) - 536382e-11 / (Z + 5);
+  return (Z - 0.5) * Math.log(Z + 4.5) - (Z + 4.5) + Math.log(S * 2.50662827465);
+}
+function betinc(X, A, B) {
+  let A0 = 0;
+  let B0 = 1;
+  let A1 = 1;
+  let B1 = 1;
+  let M9 = 0;
+  let A2 = 0;
+  let C9;
+  while (Math.abs((A1 - A2) / A1) > 1e-5) {
+    A2 = A1;
+    C9 = -(A + M9) * (A + B + M9) * X / (A + 2 * M9) / (A + 2 * M9 + 1);
+    A0 = A1 + C9 * A0;
+    B0 = B1 + C9 * B0;
+    M9 += 1;
+    C9 = M9 * (B - M9) * X / (A + 2 * M9 - 1) / (A + 2 * M9);
+    A1 = A0 + C9 * A1;
+    B1 = B0 + C9 * B1;
+    A0 /= B1;
+    B0 /= B1;
+    A1 /= B1;
+    B1 = 1;
+  }
+  return A1 / A;
+}
+function binomialCdf(X, N, P) {
+  let betacdf;
+  let bincdf;
+  if (X < 0)
+    bincdf = 0;
+  else if (X >= N)
+    bincdf = 1;
+  else {
+    X = Math.floor(X);
+    const Z = P;
+    const A = X + 1;
+    const B = N - X;
+    const S = A + B;
+    const BT = Math.exp(logGamma(S) - logGamma(B) - logGamma(A) + A * Math.log(Z) + B * Math.log(1 - Z));
+    if (Z < (A + 1) / (S + 2)) {
+      betacdf = BT * betinc(Z, A, B);
+    } else {
+      betacdf = 1 - BT * betinc(1 - Z, B, A);
+    }
+    bincdf = 1 - betacdf;
+  }
+  return Math.round(bincdf * 1e5) / 1e5;
+}
+function criticalValue(confLevel) {
+  const critMap = {
+    0.99999: 15.137,
+    0.99: 6.635,
+    0.95: 3.841,
+    0.9: 2.706
+  };
+  return critMap[confLevel];
+}
+function binP(N, p, x1, x2) {
+  const q = p / (1 - p);
+  let k = 0;
+  let v = 1;
+  let s = 0;
+  let tot = 0;
+  while (k <= N) {
+    tot += v;
+    if (k >= x1 & k <= x2) {
+      s += v;
+    }
+    if (tot > 1e30) {
+      s /= 1e30;
+      tot /= 1e30;
+      v /= 1e30;
+    }
+    k += 1;
+    v = v * q * (N + 1 - k) / k;
+  }
+  return s / tot;
+}
+function computeMidP(vx, vN, confLevel) {
+  const vP = vx / vN;
+  const prob = confLevel * 100;
+  const vTL = (100 - prob) / 2;
+  let T1;
+  let T2;
+  if (vx === 0) {
+    T1 = 0;
+  } else {
+    let v = vP / 2;
+    let vsL = 0;
+    let vsH = vP;
+    const p = vTL / 100;
+    while (vsH - vsL > 1e-5) {
+      if (binP(vN, v, vx, vx) * 0.5 + binP(vN, v, vx + 1, vN) > p) {
+        vsH = v;
+        v = (vsL + v) / 2;
+      } else {
+        vsL = v;
+        v = (vsH + v) / 2;
+      }
+    }
+    T1 = v;
+  }
+  if (vx === vN) {
+    T2 = 0;
+  } else {
+    let v = (1 + vP) / 2;
+    let vsL = vP;
+    let vsH = 1;
+    const p = vTL / 100;
+    while (vsH - vsL > 1e-5) {
+      if (binP(vN, v, vx, vx) * 0.5 + binP(vN, v, 0, vx - 1) < p) {
+        vsH = v;
+        v = (vsL + v) / 2;
+      } else {
+        vsL = v;
+        v = (vsH + v) / 2;
+      }
+    }
+    T2 = v;
+  }
+  return { lci: T1, uci: T2 };
+}
+function smr(observedVal, expectedVal) {
+  const vx = observedVal;
+  const vN = expectedVal;
+  const Obs = vx;
+  const Exp = vN;
+  const ci = 95;
+  let v = 0.5;
+  let dv = 0.5;
+  const vTL = (100 - ci) / 2;
+  let p = vTL / 100;
+  const vZ = Obs;
+  while (dv > 1e-5) {
+    dv /= 2;
+    if (poisP((1 + vZ) * v / (1 - v), vZ + 1, 1e10) + 0.5 * poisP((1 + vZ) * v / (1 - v), vZ, vZ) > p) {
+      v -= dv;
+    } else {
+      v += dv;
+    }
+  }
+  const QL = (1 + vZ) * v / (1 - v) / Exp;
+  v = 0.5;
+  dv = 0.5;
+  const vTU = (100 - ci) / 2;
+  p = vTU / 100;
+  while (dv > 1e-5) {
+    dv /= 2;
+    if (poisP((1 + vZ) * v / (1 - v), 0, vZ - 1) + 0.5 * poisP((1 + vZ) * v / (1 - v), vZ, vZ) < p) {
+      v -= dv;
+    } else {
+      v += dv;
+    }
+  }
+  const QU = (1 + vZ) * v / (1 - v) / Exp;
+  return { lci: QL, uci: QU };
+}
+function poisP(Z, x1, x2) {
+  let q = 1;
+  let tot = 0;
+  let s = 0;
+  let k = 0;
+  while (k < Z || q > tot * 1e-10) {
+    tot += q;
+    if (k >= x1 & k <= x2) {
+      s += q;
+    }
+    if (tot > 1e30) {
+      s /= 1e30;
+      tot /= 1e30;
+      q /= 1e30;
+    }
+    k += 1;
+    q = q * Z / k;
+  }
+  return s / tot;
+}
+var stats_default;
+var init_stats = __esm({
+  "libs/stats.js"() {
+    init_esm_shims();
+    stats_default = {
+      binomialCdf,
+      binP,
+      computeMidP,
+      criticalValue,
+      smr
+    };
+  }
+});
+var libraries;
+var init_libs = __esm({
+  "libs/libs.ts"() {
+    init_esm_shims();
+    init_stats();
+    libraries = {
+      d3: {
+        ...d3Array,
+        ...d3Collection,
+        ...d3Format,
+        ...d3TimeFormat
+      },
+      d3plus: {
+        assign,
+        closest,
+        date,
+        formatAbbreviate,
+        merge,
+        strip,
+        titleCase
+      },
+      stats: stats_default
     };
   }
 });
+function mortarEval(varInnerName, varOuterValue, logic, formatterFunctions, attributes = void 0, blockContext) {
+  const vars = {};
+  const log = [];
+  const { locale } = parseBlockContext(blockContext);
+  try {
+    if (varOuterValue) {
+      const pConsole = new Proxy(console, {
+        get(target, prop) {
+          if (isInSet(prop, "log", "debug", "info", "warn", "error")) {
+            return (...args) => {
+              log.push(`${prop} ${Date.now()} - ${args.join(" ")}`);
+              if (verbose)
+                target[prop](...args);
+            };
+          }
+          return target[prop];
+        }
+      });
+      let output;
+      if (attributes) {
+        const fn = new Function(varInnerName, "console", "libs", "formatters", "locale", "variables", logic);
+        output = fn(varOuterValue, pConsole, libraries, formatterFunctions, locale, attributes);
+      } else {
+        const fn = new Function(varInnerName, "console", "libs", "formatters", "locale", logic);
+        output = fn(varOuterValue, pConsole, libraries, formatterFunctions, locale);
+      }
+      if (typeof output === "object" && Object.keys(output).length > 0) {
+        Object.assign(vars, output);
+      }
+      return { vars, error: null, log };
+    }
+    return { vars, error: "Invalid API Link", log };
+  } catch (err) {
+    return { vars, error: err.message, log };
+  }
+}
+function isInSet(value, ...args) {
+  return args.includes(value);
+}
+var verbose, mortarEval_default;
+var init_mortarEval = __esm({
+  "libs/variables/mortarEval.ts"() {
+    init_esm_shims();
+    init_block();
+    init_libs();
+    verbose = yn3(process.env.REPORTS_LOGGING);
+    mortarEval_default = mortarEval;
+  }
+});
 
 // libs/js/list.ts
 function list(n) {
@@ -760,191 +935,143 @@ var init_getBlockContent = __esm({
       if (!block)
         return {};
       const locale = getLocaleDerived(block, _locale);
-      return block.contentByLocale?.[locale]?.content;
-    };
-  }
-});
-
-// libs/blocks/getRootBlocksForSection.ts
-function getRootBlocksForSection(sid, blocks) {
-  const blockList = Object.values(blocks);
-  const nonNativeBlocks = blockList.filter((block) => block.shared && block.section_id !== sid).map((block) => block.id);
-  return Object.fromEntries(
-    blockList.filter((block) => block.section_id === sid && (block.inputs.length === 0 || block.inputs.every((id) => nonNativeBlocks.includes(id)))).map((block) => [block.id, block])
-  );
-}
-var getRootBlocksForSection_default;
-var init_getRootBlocksForSection = __esm({
-  "libs/blocks/getRootBlocksForSection.ts"() {
-    init_esm_shims();
-    getRootBlocksForSection_default = getRootBlocksForSection;
-  }
-});
-var getLogging_default;
-var init_getLogging = __esm({
-  "libs/configs/getLogging.ts"() {
-    init_esm_shims();
-    getLogging_default = (env = process.env) => yn3(env.REPORTS_LOGGING);
-  }
-});
-
-// api/http/lib.ts
-function http(axios6, config) {
-  return axios6.request(config).then((response) => {
-    const { status, data } = response;
-    return "error" in data ? { ok: false, status, error: data.error } : { ok: true, status, data: data.data };
-  }, (err) => {
-    if ("isAxiosError" in err) {
-      const { status, data } = err.response || { status: 500 };
-      return { ok: false, status, error: data?.error ?? err.message };
-    }
-    return { ok: false, status: 500, error: err.message };
-  });
-}
-function httpGET(axios6, request, transformParams) {
-  const config = typeof request === "string" ? { url: request } : request;
-  return (params) => http(axios6, {
-    ...config,
-    method: "GET",
-    params: transformParams ? transformParams(params) : params
-  });
-}
-function httpPOST(axios6, request, transformPayload) {
-  const config = typeof request === "string" ? { url: request } : request;
-  return (payload) => http(axios6, {
-    ...config,
-    method: "POST",
-    data: transformPayload ? transformPayload(payload) : payload
-  });
-}
-function httpDELETE(axios6, request, transformPayload) {
-  const config = typeof request === "string" ? { url: request } : request;
-  return (payload) => http(axios6, {
-    ...config,
-    method: "DELETE",
-    data: transformPayload ? transformPayload(payload) : payload
-  });
-}
-var init_lib = __esm({
-  "api/http/lib.ts"() {
-    init_esm_shims();
-  }
-});
-
-// api/http/image/imageSave.ts
-function httpImageSaveFactory(axios6, provider) {
-  return (params) => http(axios6, {
-    method: "GET",
-    url: `search/images/${provider}`,
-    params: { prompt: params.prompt, provider }
-  });
-}
-var init_imageSave = __esm({
-  "api/http/image/imageSave.ts"() {
-    init_esm_shims();
-    init_lib();
-  }
-});
-
-// api/http/image/imageSearch.ts
-function httpImageSearchFactory(axios6, provider) {
-  return (params) => http(axios6, {
-    method: "GET",
-    url: `search/images/${provider}`,
-    params: { prompt: params.prompt, provider }
-  });
-}
-var init_imageSearch = __esm({
-  "api/http/image/imageSearch.ts"() {
-    init_esm_shims();
-    init_lib();
-  }
-});
-function apiFactory(baseURL) {
-  const axios6 = axios.create({ baseURL });
-  return {
-    createBlock: httpPOST(axios6, "create/block"),
-    createDimension: httpPOST(axios6, "create/dimension"),
-    createFormatter: httpPOST(axios6, "create/formatter"),
-    createReport: httpPOST(axios6, "create/report"),
-    createSection: httpPOST(axios6, "create/section"),
-    createVariant: httpPOST(axios6, "create/variant"),
-    deleteBlock: httpDELETE(axios6, "delete/block", transformDeletePayload),
-    deleteDimension: httpDELETE(axios6, "delete/dimension", transformDeletePayload),
-    deleteFormatter: httpDELETE(axios6, "delete/formatter", transformDeletePayload),
-    deleteReport: httpDELETE(axios6, "delete/report", transformDeletePayload),
-    deleteSection: httpDELETE(axios6, "delete/section", transformDeletePayload),
-    deleteVariant: httpDELETE(axios6, "delete/variant", transformDeletePayload),
-    readBlock: httpGET(axios6, "read/block"),
-    readDimension: httpGET(axios6, "read/dimension"),
-    readFormatter: httpGET(axios6, "read/formatter"),
-    readReport: httpGET(axios6, "read/report"),
-    readSection: httpGET(axios6, "read/section"),
-    readVariant: httpGET(axios6, "read/variant"),
-    updateBlock: httpPOST(axios6, "update/block"),
-    updateDimension: httpPOST(axios6, "update/dimension"),
-    updateFormatter: httpPOST(axios6, "update/formatter"),
-    updateReport: httpPOST(axios6, "update/report"),
-    updateSection: httpPOST(axios6, "update/section"),
-    updateVariant: httpPOST(axios6, "update/variant"),
-    searchReport: httpGET(axios6, "search/reports"),
-    validateVariantSlug: httpGET(axios6, "validate/variant"),
-    readMember: httpGET(axios6, "read/members"),
-    readMemberImage: httpGET(axios6, {
-      url: "member/image.png",
-      responseType: "blob"
-    }),
-    searchMember: httpGET(axios6, "search/members"),
-    updateMember: httpGET(axios6, "update/members"),
-    imageLocalSearch: httpImageSearchFactory(axios6, "local"),
-    imageLocalSave: httpImageSaveFactory(axios6, "local"),
-    imageFlickrSearch: httpImageSearchFactory(axios6, "flickr"),
-    imageFlickrSave: httpImageSaveFactory(axios6, "flickr"),
-    imageUnsplashSearch: httpImageSearchFactory(axios6, "unsplash"),
-    imageUnsplashSave: httpImageSaveFactory(axios6, "unsplash"),
-    imageUploadSave: httpImageSaveFactory(axios6, "upload"),
-    readMetadata: httpGET(axios6, "read/metadata"),
-    regenerateSearch: httpPOST(axios6, "search/regenerate"),
-    urlProxy: httpGET(axios6, "url/proxy"),
-    searchRole: httpGET(axios6, "auth/search/roles"),
-    searchUser: httpGET(axios6, "auth/search/users"),
-    readUser: httpGET(axios6, "auth/read/user"),
-    updateUser: httpPOST(axios6, "auth/update/user"),
-    addNewReportToCurrentUser: httpPOST(axios6, "auth/update/me")
-  };
-}
-var transformDeletePayload;
-var init_http = __esm({
-  "api/http/index.ts"() {
-    init_esm_shims();
-    init_imageSave();
-    init_imageSearch();
-    init_lib();
-    transformDeletePayload = (id) => ({ id });
+      return block.contentByLocale?.[locale]?.content;
+    };
   }
 });
 
-// api/index.ts
-var init_api = __esm({
-  "api/index.ts"() {
+// libs/blocks/getRootBlocksForSection.ts
+function getRootBlocksForSection(sid, blocks) {
+  const blockList = Object.values(blocks);
+  const nonNativeBlocks = blockList.filter((block) => block.shared && block.section_id !== sid).map((block) => block.id);
+  return Object.fromEntries(
+    blockList.filter((block) => block.section_id === sid && // leave blocks belonging to this section
+    // that don't depend on any other blocks OR
+    (block.inputs.length === 0 || // that depend only on blocks from other sections
+    block.inputs.every((id) => nonNativeBlocks.includes(id)))).map((block) => [block.id, block])
+    // then convert them to entries
+  );
+}
+var getRootBlocksForSection_default;
+var init_getRootBlocksForSection = __esm({
+  "libs/blocks/getRootBlocksForSection.ts"() {
     init_esm_shims();
-    init_http();
+    getRootBlocksForSection_default = getRootBlocksForSection;
   }
 });
-var verbose2, ORIGIN, swapAPI, urlProxy, apiFetch, runSingleBlock, runConsumers;
+async function apiFetch(url) {
+  const start = Date.now();
+  if (typeof window === "object") {
+    const result = await urlProxy({ url });
+    return {
+      data: result.ok === true ? result.data : result.error,
+      requestDuration: Date.now() - start
+    };
+  } else {
+    const response = await axios({ url });
+    return {
+      data: response.data,
+      requestDuration: Date.now() - start
+    };
+  }
+}
+async function runSingleBlock(block, formatterFunctions, blockContext) {
+  const { locale, variables, query } = parseBlockContext(blockContext);
+  let resp = null;
+  const unswappedAPI = block.contentByLocale?.logic?.content?.api;
+  let apiResponse;
+  let duration = null;
+  let api = null;
+  if (unswappedAPI) {
+    api = swapAPI(unswappedAPI, formatterFunctions, blockContext);
+    apiResponse = await apiFetch(api).then((result) => {
+      if (verbose2)
+        console.log("Variable loaded:", api);
+      return result;
+    }, (e) => {
+      if (verbose2)
+        console.error(`Error fetching ${api}: ${e.message}`);
+      return { data: {}, requestDuration: 0 };
+    });
+    resp = apiResponse.data;
+    duration = apiResponse.requestDuration;
+  }
+  if (block.type === BLOCK_TYPES.SELECTOR) {
+    const { config, log: log2, error: error2 } = runSelector_default(
+      block.contentByLocale[locale].content.logic,
+      formatterFunctions,
+      blockContext
+    );
+    return {
+      outputVariables: selectorQueryToVariable_default(block.id, query, config),
+      renderVariables: config,
+      status: {
+        api: null,
+        duration: null,
+        resp: null,
+        log: log2,
+        error: error2
+      }
+    };
+  }
+  if (block.type === BLOCK_TYPES.VIZ) {
+    return {
+      outputVariables: {},
+      // todo1.0 this will have to be materialized click-variables
+      renderVariables: block.contentByLocale.logic.content,
+      status: {
+        api: null,
+        duration: null,
+        resp: null,
+        log: [],
+        error: null
+      }
+    };
+  }
+  const { logic } = getBlockContent(block, locale);
+  const swappedLogic = varSwap_default(logic, formatterFunctions, blockContext);
+  const evalResults = mortarEval_default("resp", resp || {}, swappedLogic, formatterFunctions, variables, blockContext);
+  const { vars, error, log } = evalResults;
+  if (typeof vars !== "object") {
+    return {
+      outputVariables: {},
+      renderVariables: {},
+      status: {
+        error: "Configuration did not return an object",
+        log,
+        duration,
+        resp,
+        api
+      }
+    };
+  }
+  const nsVars = Object.keys(vars).reduce((acc, d) => ({ ...acc, [`${block.type}${block.id}${d}`]: vars[d] }), {});
+  return {
+    renderVariables: vars,
+    outputVariables: block.type === BLOCK_TYPES.GENERATOR ? vars : nsVars,
+    status: {
+      log,
+      error,
+      duration,
+      resp,
+      api
+    }
+  };
+}
+var verbose2, ORIGIN, swapAPI, urlProxy, runConsumers;
 var init_runConsumers = __esm({
   "libs/blocks/runConsumers.ts"() {
     init_esm_shims();
-    init_mortarEval();
+    init_api();
+    init_block();
     init_cms();
-    init_varSwap();
+    init_getLogging();
     init_runSelector();
     init_selectorQueryToVariable();
+    init_mortarEval();
+    init_varSwap();
     init_getBlockContent();
     init_getRootBlocksForSection();
-    init_getLogging();
-    init_block();
-    init_api();
     verbose2 = getLogging_default();
     ORIGIN = process.env.REPORTS_ORIGIN || "";
     axios.interceptors.request.use((config) => ({
@@ -953,7 +1080,7 @@ var init_runConsumers = __esm({
     }));
     axios.interceptors.response.use((d) => ({
       ...d,
-      requestDuration: new Date().getTime() - d.config.requestStart
+      requestDuration: (/* @__PURE__ */ new Date()).getTime() - d.config.requestStart
     }), (e) => Promise.reject(e));
     swapAPI = (api, formatterFunctions, blockContext) => {
       let url = varSwap_default(api, formatterFunctions, blockContext);
@@ -962,89 +1089,6 @@ var init_runConsumers = __esm({
       return url;
     };
     ({ urlProxy } = apiFactory("/api/cms"));
-    apiFetch = async (api) => {
-      const stub = { data: {}, requestDuration: 0 };
-      const resp = await urlProxy({ url: api }).catch((e) => {
-        if (verbose2)
-          console.log(`API Error for ${api}: ${e.message}`);
-        return stub;
-      });
-      if (resp) {
-        if (verbose2)
-          console.log(`Variable loaded: ${api}`);
-        return resp;
-      }
-      return stub;
-    };
-    runSingleBlock = async (block, formatterFunctions, blockContext) => {
-      const { locale, variables, query } = parseBlockContext(blockContext);
-      let resp;
-      const unswappedAPI = block.contentByLocale?.logic?.content?.api;
-      let apiResponse;
-      let duration;
-      let api;
-      if (unswappedAPI) {
-        api = swapAPI(unswappedAPI, formatterFunctions, blockContext);
-        apiResponse = await apiFetch(api).catch((e) => {
-          if (verbose2)
-            console.error(`Error fetching ${api}: ${e.message}`);
-          return { data: {}, requestDuration: 0 };
-        });
-        resp = apiResponse.data;
-        duration = apiResponse.requestDuration;
-      }
-      if (block.type === BLOCK_TYPES.SELECTOR) {
-        const { config, log: log2, error: error2 } = runSelector_default(
-          block.contentByLocale[locale].content.logic,
-          formatterFunctions,
-          blockContext
-        );
-        return {
-          outputVariables: selectorQueryToVariable_default(block.id, query, config),
-          renderVariables: config,
-          status: {
-            log: log2,
-            error: error2
-          }
-        };
-      }
-      if (block.type === BLOCK_TYPES.VIZ) {
-        return {
-          outputVariables: {},
-          renderVariables: block.contentByLocale.logic.content,
-          status: {}
-        };
-      }
-      const { logic } = getBlockContent(block, locale);
-      const swappedLogic = varSwap_default(logic, formatterFunctions, blockContext);
-      const evalResults = mortarEval_default("resp", resp || {}, swappedLogic, formatterFunctions, variables, blockContext);
-      const { vars, error, log } = evalResults;
-      if (typeof vars !== "object") {
-        return {
-          outputVariables: {},
-          renderVariables: {},
-          status: {
-            error: "Configuration did not return an object",
-            log,
-            duration,
-            resp,
-            api
-          }
-        };
-      }
-      const nsVars = Object.keys(vars).reduce((acc, d) => ({ ...acc, [`${block.type}${block.id}${d}`]: vars[d] }), {});
-      return {
-        renderVariables: vars,
-        outputVariables: block.type === BLOCK_TYPES.GENERATOR ? vars : nsVars,
-        status: {
-          log,
-          error,
-          duration,
-          resp,
-          api
-        }
-      };
-    };
     runConsumers = async (blocks, sid, bid, formatterFunctions, blockContext) => {
       const rootBlocks = bid ? { [bid]: blocks[bid] } : getRootBlocksForSection_default(sid, blocks);
       const parsedBlockContext = parseBlockContext(blockContext);
@@ -1145,24 +1189,25 @@ var init_runConsumers = __esm({
 });
 
 // libs/variables/previewsToAttributes.ts
-var previewsToAttributes, previewsToAttributes_default;
-var init_previewsToAttributes = __esm({
-  "libs/variables/previewsToAttributes.ts"() {
-    init_esm_shims();
-    previewsToAttributes = (previews = []) => {
-      const attributes = {};
-      previews.forEach((preview, index) => {
-        if (!preview)
-          return;
-        const i = index + 1;
-        attributes[`id${i}`] = preview.id;
-        attributes[`name${i}`] = preview.name;
+function previewsToAttributes(previews = []) {
+  return previews.reduce((attributes, preview, index) => {
+    if (preview) {
+      const i = index + 1;
+      attributes[`id${i}`] = preview.id;
+      attributes[`name${i}`] = preview.name;
+      if ("attributes" in preview) {
         Object.keys(preview.attributes).forEach((key) => {
           attributes[`attr_${key}${i}`] = preview.attributes[key];
         });
-      });
-      return attributes;
-    };
+      }
+    }
+    return attributes;
+  }, {});
+}
+var previewsToAttributes_default;
+var init_previewsToAttributes = __esm({
+  "libs/variables/previewsToAttributes.ts"() {
+    init_esm_shims();
     previewsToAttributes_default = previewsToAttributes;
   }
 });
@@ -1428,7 +1473,7 @@ var init_lib2 = __esm({
       }
       if (previews.length > 0) {
         activePreviews = previews;
-        statusPayload.previews = activePreviews;
+        statusPayload.previews = activePreviews.filter(Boolean);
       } else {
         activePreviews = status.previews;
       }
@@ -1449,6 +1494,81 @@ var init_lib2 = __esm({
     }, {});
   }
 });
+var initialState, statusSlice, statusActions;
+var init_statusSlice = __esm({
+  "store/statusSlice.ts"() {
+    init_esm_shims();
+    init_envvars();
+    initialState = {
+      localeDefault: localeDefault3,
+      locales,
+      showToolbar: false,
+      activeSection: null,
+      previews: [],
+      query: {}
+    };
+    statusSlice = createSlice({
+      name: "status",
+      initialState,
+      reducers: {
+        setStatus: (state, action) => {
+          Object.assign(state, action.payload);
+        },
+        setPreviews(state, action) {
+          state.previews = action.payload;
+        }
+      },
+      extraReducers: {
+        /**
+         * next-redux-wrapper implementation
+         * This reducer is in charge of merging the server and client's states.
+         * This is needed as some navigation operations will make requests to the
+         * server for data, and the server may try to involve the store to calculate
+         * properties for the client's components.
+         */
+        [HYDRATE]: (_state, _action) => initialState
+      }
+    });
+    statusActions = statusSlice.actions;
+  }
+});
+var initialState2, variablesSlice, variablesActions;
+var init_variablesSlice = __esm({
+  "store/variablesSlice.ts"() {
+    init_esm_shims();
+    initialState2 = {
+      attributes: {},
+      variables: {},
+      status: {}
+    };
+    variablesSlice = createSlice({
+      name: "variables",
+      initialState: initialState2,
+      reducers: {
+        setVariableChange: (state, action) => {
+          state.attributes = { ...state.attributes, ...action.payload.attributes };
+          state.variables = { ...state.variables, ...action.payload.variables };
+          state.status = { ...state.status, ...action.payload.status };
+        }
+      },
+      extraReducers: {
+        /**
+         * next-redux-wrapper implementation
+         * This reducer is in charge of merging the server and client's states.
+         * This is needed as some navigation operations will make requests to the
+         * server for data, and the server may try to involve the store to calculate
+         * properties for the client's components.
+         */
+        [HYDRATE]: (state, action) => ({
+          attributes: { ...state.attributes, ...action.payload.variables.attributes },
+          status: { ...state.status, ...action.payload.variables.status },
+          variables: { ...state.variables, ...action.payload.variables.variables }
+        })
+      }
+    });
+    variablesActions = variablesSlice.actions;
+  }
+});
 
 // api/lib.ts
 function failureResult(err) {
@@ -1495,13 +1615,13 @@ function arrayRemove(list2, item) {
     list2.splice(index, 1);
   }
 }
-var initialState, recordsSlice, FetchStatus;
+var initialState3, recordsSlice;
 var init_recordsSlice = __esm({
   "store/recordsSlice.ts"() {
     init_esm_shims();
     init_ordering();
     init_lib2();
-    initialState = {
+    initialState3 = {
       tree: [],
       reports: null,
       entities: {
@@ -1523,7 +1643,7 @@ var init_recordsSlice = __esm({
     };
     recordsSlice = createSlice({
       name: "records",
-      initialState,
+      initialState: initialState3,
       reducers: {
         set: (state, action) => {
           const nextState = action.payload;
@@ -1534,14 +1654,24 @@ var init_recordsSlice = __esm({
             tree: nextState.tree || state.tree
           };
         },
+        /**
+         * Reducer to save intermediate request updates.
+         * Will only save the request status to inform all subscribed components.
+         */
         setRequest: (state, action) => {
           const req = action.payload;
           state.requests[req.type][req.key] = req;
         },
+        /**
+         * Reducer to save the results of a CREATE operation.
+         * Besides saving the new elements:
+         * - If entity is a report, saves the reference ID in the state.reports list
+         * - Else, adds the reference ID of the new entity to its parent's array
+         */
         setCreateRequest(state, action) {
           const req = action.payload;
           state.requests[req.type][req.key] = req;
-          if (req.status === FetchStatus.SUCCESS) {
+          if (req.status === "SUCCESS" /* SUCCESS */) {
             const newEntities = normalizeEntity(req.type, [req.data]);
             const nextEntities = combineRecords(state.entities, newEntities);
             state.entities = nextEntities;
@@ -1567,10 +1697,16 @@ var init_recordsSlice = __esm({
             }
           }
         },
+        /**
+         * Reducer to save the results of a READ operation.
+         * Besides saving the new elements:
+         * - If entity is a report, saves the nested report in the tree,
+         *   and updates the normalized reference list.
+         */
         setReadRequest(state, action) {
           const req = action.payload;
           state.requests[req.type][req.key] = req;
-          if (req.status === FetchStatus.SUCCESS) {
+          if (req.status === "SUCCESS" /* SUCCESS */) {
             const newEntities = normalizeEntity(req.type, req.data);
             const nextEntities = combineRecords(state.entities, newEntities);
             state.entities = nextEntities;
@@ -1580,10 +1716,15 @@ var init_recordsSlice = __esm({
             }
           }
         },
+        /**
+         * Reducer to save the results of a UPDATE operation.
+         * Besides saving the new elements:
+         * - Updates the order of the reference IDs in the parent's array
+         */
         setUpdateRequest(state, action) {
           const req = action.payload;
           state.requests[req.type][req.key] = req;
-          if (req.status === FetchStatus.SUCCESS) {
+          if (req.status === "SUCCESS" /* SUCCESS */) {
             const currEntities = normalizeEntity(req.type, [req.data]);
             let isInputUpdate;
             let targetId;
@@ -1628,10 +1769,15 @@ var init_recordsSlice = __esm({
             }
           }
         },
+        /**
+         * Reducer to save the results of a DELETE operation.
+         * Removes the incumbent item from the records, and if said item had a
+         * parent, remove the reference ID from its children.
+         */
         setDeleteRequest(state, action) {
           const req = action.payload;
           state.requests[req.type][req.key] = req;
-          if (req.status === FetchStatus.SUCCESS) {
+          if (req.status === "SUCCESS" /* SUCCESS */) {
             const { id, parentId, parentType } = req.data;
             delete state.entities[req.type][id];
             if (parentType && parentId != null) {
@@ -1642,27 +1788,33 @@ var init_recordsSlice = __esm({
         }
       },
       extraReducers: {
+        /**
+         * next-redux-wrapper implementation
+         * This reducer is in charge of merging the server and client's states.
+         * This is needed as some navigation operations will make requests to the
+         * server for data, and the server may try to involve the store to calculate
+         * properties for the client's components.
+         */
         [HYDRATE]: (state, action) => {
           const nextState = action.payload.records;
-          console.log("cms:HYDRATE", nextState);
           const entities = combineRecords(state.entities, nextState.entities);
           return {
             entities,
             reports: Object.values(entities.report).map((item) => item.id),
-            requests: state.requests,
+            requests: {
+              block: {},
+              dimension: {},
+              report: {},
+              section: {},
+              variant: {},
+              formatter: {}
+            },
+            // requests: combineRecords(state.requests, nextState.requests),
             tree: nextState.tree
           };
         }
       }
     });
-    FetchStatus = /* @__PURE__ */ ((FetchStatus2) => {
-      FetchStatus2["UNINITIALIZED"] = "UNINITIALIZED";
-      FetchStatus2["LOADING"] = "LOADING";
-      FetchStatus2["SUCCESS"] = "SUCCESS";
-      FetchStatus2["FAILURE"] = "FAILURE";
-      FetchStatus2["FETCHING"] = "FETCHING";
-      return FetchStatus2;
-    })(FetchStatus || {});
   }
 });
 function entityActionFactory(entitySet) {
@@ -1857,58 +2009,6 @@ var init_recordsActions = __esm({
     });
   }
 });
-var initialState2, statusSlice;
-var init_statusSlice = __esm({
-  "store/statusSlice.ts"() {
-    init_esm_shims();
-    init_envvars();
-    initialState2 = {
-      localeDefault: localeDefault3,
-      locales,
-      showToolbar: false,
-      activeSection: null,
-      previews: [],
-      query: {}
-    };
-    statusSlice = createSlice({
-      name: "status",
-      initialState: initialState2,
-      reducers: {
-        setStatus: (state, action) => {
-          Object.assign(state, action.payload);
-        }
-      },
-      extraReducers: {
-        [HYDRATE]: (_state, _action) => initialState2
-      }
-    });
-  }
-});
-var initialState3, variablesSlice;
-var init_variablesSlice = __esm({
-  "store/variablesSlice.ts"() {
-    init_esm_shims();
-    initialState3 = {
-      attributes: {},
-      variables: {},
-      status: {}
-    };
-    variablesSlice = createSlice({
-      name: "variables",
-      initialState: initialState3,
-      reducers: {
-        setVariableChange: (state, action) => {
-          state.attributes = { ...state.attributes, ...action.payload.attributes };
-          state.variables = { ...state.variables, ...action.payload.variables };
-          state.status = { ...state.status, ...action.payload.status };
-        }
-      },
-      extraReducers: {
-        [HYDRATE]: (state, action) => initialState3
-      }
-    });
-  }
-});
 
 // store/actions.ts
 var actions_exports = {};
@@ -1917,7 +2017,6 @@ __export(actions_exports, {
   createEntity: () => createEntity,
   deleteEntity: () => deleteEntity,
   deleteQueryParam: () => deleteQueryParam,
-  initialize: () => initialize,
   readEntity: () => readEntity,
   readMember: () => readMember,
   readMetadata: () => readMetadata,
@@ -1928,18 +2027,14 @@ __export(actions_exports, {
   searchRegenerate: () => searchRegenerate,
   searchRole: () => searchRole,
   searchUser: () => searchUser,
+  setPreviews: () => setPreviews,
   setQueryParam: () => setQueryParam,
+  setStatus: () => setStatus,
   updateEntity: () => updateEntity,
   updateUser: () => updateUser,
   urlProxy: () => urlProxy2,
   variantValidateSlug: () => variantValidateSlug
 });
-function initialize() {
-  return (dispatch) => Promise.all([
-    dispatch(readEntity("report", { include: true })),
-    dispatch(readEntity("formatter", {}))
-  ]);
-}
 function variantValidateSlug(dimension, slug) {
   return async (_, __, api) => {
     const result = await api.validateVariantSlug({ dimension, slug });
@@ -1990,7 +2085,7 @@ async function setStatusQuery(resource, dispatch, getState, status) {
   const newQuery = { ...oldStatus.query, ...status.query };
   Object.keys(newQuery).forEach((key) => newQuery[key] === void 0 && delete newQuery[key]);
   const payload = { ...newStatus, query: newQuery };
-  dispatch(statusSlice.actions.setStatus(payload));
+  dispatch(setStatus(payload));
   if (oldStatus.activeSection) {
     dispatch(recalculateVariables(resource, { query: newQuery }));
   }
@@ -2014,11 +2109,13 @@ function recalculateVariables(resource, params) {
       query
     } = parsedParams;
     if (Object.keys(statusPayload).length)
-      dispatch(statusSlice.actions.setStatus(statusPayload));
+      dispatch(statusActions.setStatus(statusPayload));
     const attributes = previewsToAttributes_default(previews);
     const blockContext = {
       variables: attributes,
-      query
+      query,
+      locale: localeDefault3
+      //TODO: locale is variable
     };
     const data = await runConsumers(
       blocks,
@@ -2028,7 +2125,7 @@ function recalculateVariables(resource, params) {
       blockContext
     );
     const { variables } = data;
-    dispatch(variablesSlice.actions.setVariableChange({ attributes, variables, status: data.status }));
+    dispatch(variablesActions.setVariableChange({ attributes, variables, status: {} }));
   };
 }
 function readMetadata(filters) {
@@ -2094,6 +2191,7 @@ function addNewReportToCurrentUser(params) {
     return result.data;
   };
 }
+var setStatus, setPreviews;
 var init_actions = __esm({
   "store/actions.ts"() {
     init_esm_shims();
@@ -2101,10 +2199,10 @@ var init_actions = __esm({
     init_previewsToAttributes();
     init_envvars();
     init_lib2();
-    init_recordsActions();
     init_statusSlice();
     init_variablesSlice();
     init_recordsActions();
+    ({ setStatus, setPreviews } = statusActions);
   }
 });
 function ResourceProvider(props) {
@@ -2141,7 +2239,7 @@ var init_ResourceProvider = __esm({
     ResourceContext = createContext(initialContext);
   }
 });
-function useEntityListFactory(entity) {
+function entityListHookFactory(entity) {
   return (id) => {
     const dispatch = useAppDispatch();
     const key = useMemo(() => crudKeyMaker.read(entity, { include: true }), []);
@@ -2164,7 +2262,7 @@ function useEntityListFactory(entity) {
     return value;
   };
 }
-function useEntityRefFactory(entity) {
+function entityRefHookFactory(entity) {
   return (id) => {
     const dispatch = useAppDispatch();
     const key = useMemo(() => crudKeyMaker.read(entity, { id, include: true }), [id]);
@@ -2225,15 +2323,15 @@ var init_hooks = __esm({
     ({ localeDefault: localeDefault5 } = getLocales_default());
     useAppDispatch = useDispatch;
     useAppSelector = useSelector;
-    useReportList = useEntityListFactory("report");
-    useVariantList = useEntityListFactory("variant");
-    useFormatterList = useEntityListFactory("formatter");
-    useReportRef = useEntityRefFactory("report");
-    useSectionRef = useEntityRefFactory("section");
-    useBlockRef = useEntityRefFactory("block");
-    useDimensionRef = useEntityRefFactory("dimension");
-    useVariantRef = useEntityRefFactory("variant");
-    useFormatterRef = useEntityRefFactory("formatter");
+    useReportList = entityListHookFactory("report");
+    useVariantList = entityListHookFactory("variant");
+    useFormatterList = entityListHookFactory("formatter");
+    useReportRef = entityRefHookFactory("report");
+    useSectionRef = entityRefHookFactory("section");
+    useBlockRef = entityRefHookFactory("block");
+    useDimensionRef = entityRefHookFactory("dimension");
+    useVariantRef = entityRefHookFactory("variant");
+    useFormatterRef = entityRefHookFactory("formatter");
     useInputVariablesFlat = (id) => {
       if (!id)
         return {};
@@ -2327,7 +2425,7 @@ var init_store = __esm({
     storeWrapper = createWrapper(storeFactory);
   }
 });
-function withFetcher(Component, useRef7) {
+function withFetcher(Component, useRef6) {
   const ComponentWithFetcher = (props) => {
     const {
       id,
@@ -2335,7 +2433,7 @@ function withFetcher(Component, useRef7) {
       skelWidth,
       ...otherProps
     } = props;
-    const ref = useRef7(id);
+    const ref = useRef6(id);
     if (ref.isUninitialized || ref.isFetching) {
       return /* @__PURE__ */ jsx(Skeleton, { width: skelWidth, height: skelHeight });
     }
@@ -3275,19 +3373,19 @@ var UserProvider_default = UserProvider;
 
 // frontend/components/auth/withPageRoleAuthRequired.tsx
 init_esm_shims();
-var withPageRoleAuthRequired = (Success, allowedRoles, Err, options) => {
-  function hoc({ user }) {
-    function arrContains(arr1, arr2) {
-      return arr1.some((item) => arr2.includes(item));
-    }
-    const usersRoles = user?.bespoke_roles;
-    if (!usersRoles || allowedRoles.length > 0 && !arrContains(allowedRoles, usersRoles)) {
-      return /* @__PURE__ */ jsx(Err, {});
-    }
-    return /* @__PURE__ */ jsx(Success, { user });
-  }
-  return withPageAuthRequired(hoc, options);
-};
+function withPageRoleAuthRequired(params) {
+  const { SuccessComponent, FailureComponent, options } = params;
+  const allowedRoles = new Set(params.allowedRoles);
+  return withPageAuthRequired(({ user }) => {
+    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(FailureComponent, {});
+    }, [user]);
+  }, options);
+}
 
 // frontend/components/auth/useUser.tsx
 init_esm_shims();
@@ -3327,7 +3425,10 @@ function BespokeLogo(props) {
   ) });
 }
 
-// components/commons/useLocation.tsx
+// views/BespokeManager.tsx
+init_ResourceProvider();
+
+// hooks/useManagerLocation.tsx
 init_esm_shims();
 init_ResourceProvider();
 function useManagerLocation() {
@@ -3347,8 +3448,18 @@ function useManagerLocation() {
       router,
       page,
       params,
+      query: router.query,
       basePath,
       href,
+      setSearchParam(key, value) {
+        const query = { ...router.query };
+        if (value == null || value === "") {
+          delete query[key];
+        } else {
+          query[key] = [].concat(value).join("!");
+        }
+        router.push({ pathname: router.pathname, query });
+      },
       matches(...pathTokens) {
         return router.asPath === href(...pathTokens);
       },
@@ -3364,16 +3475,12 @@ function useManagerLocation() {
   }, [router.asPath]);
 }
 
-// views/BespokeManager.tsx
-init_ResourceProvider();
-
 // views/EditReport.tsx
 init_esm_shims();
 
 // components/builder/CMSHeader.tsx
 init_esm_shims();
 init_store2();
-init_actions();
 
 // components/builder/DimensionAutocomplete.tsx
 init_esm_shims();
@@ -3435,27 +3542,37 @@ var CMS_ROLES = {
 // api/endpoints/member.ts
 var { localeDefault: localeDefault7 } = getLocales_default();
 function parseReadMemberParams(query) {
-  let ids = normalizeList(query.ids);
-  if (ids.length === 0) {
-    ids = normalizeList(query["ids[]"]);
+  const locale = normalizeList(query.locale)[0] || localeDefault7 || "en";
+  const all = locale === "all" || yn3(query.all);
+  const mode = normalizeList(query.mode)[0];
+  if (mode === "ids") {
+    return {
+      all,
+      mode,
+      locale: all ? localeDefault7 : stripHTML(locale),
+      ids: normalizeList(query.ids || query["ids[]"])
+    };
   }
-  let content_ids = normalizeList(query.content_ids).map(parseFiniteNumber);
-  if (content_ids.length === 0) {
-    content_ids = normalizeList(query["content_ids[]"]).map(parseFiniteNumber);
+  if (mode === "content_ids") {
+    return {
+      all,
+      mode,
+      locale: all ? localeDefault7 : stripHTML(locale),
+      content_ids: normalizeList(query.content_ids || query["content_ids[]"]).map(parseFiniteNumber)
+    };
   }
-  const locale = normalizeList(query.locale)[0] || localeDefault7 || "en";
-  const localeIsAll = locale === "all";
-  return {
-    all: localeIsAll,
-    locale: localeIsAll ? localeDefault7 : stripHTML(locale),
-    mode: ids.length > 0 ? "ids" : content_ids.length > 0 ? "content_ids" : "slugs",
-    ids,
-    content_ids,
-    slugs: normalizeList(query.slugs).map((token) => {
-      const [variantSlug, memberSlug] = token.split("/");
-      return { variantSlug, memberSlug };
-    })
-  };
+  if (mode === "slugs") {
+    return {
+      all,
+      mode,
+      locale: all ? localeDefault7 : stripHTML(locale),
+      slugs: normalizeList(query.slugs || query["slugs[]"]).map((token) => {
+        const [variantSlug, memberSlug] = token.split("/");
+        return { variantSlug, memberSlug };
+      })
+    };
+  }
+  throw new BackendError(400, `Invalid mode: '${mode}'`);
 }
 function parseSearchMemberParams(query) {
   const locale = normalizeList(query.locale)[0] || localeDefault7 || "en";
@@ -3546,10 +3663,10 @@ function DimensionAutocomplete({ id, locale, onSelect, initialSelection = void 0
         parseReadMemberParams(
           {
             locale,
-            content_ids: `${memberId}`,
-            slugs: [],
+            content_ids: [`${memberId}`],
             all: "false",
-            mode: "ids"
+            //as string
+            mode: "content_ids"
           }
         )
       ));
@@ -3836,10 +3953,16 @@ function slugify(str) {
     stripEntities(stripHTML(str)),
     {
       replacement: "-",
+      // replace spaces with replacement character, defaults to `-`
       remove: /[*+~.()'"!:@]/g,
+      // remove characters that match regex, defaults to `undefined`
       lower: true,
+      // convert to lower case, defaults to `false`
       strict: true,
+      // strip special characters except replacement, defaults to `false`
+      // locale: locale,      // language code of the locale to use
       trim: true
+      // trim leading and trailing replacement chars, defaults to `true`
     }
   );
 }
@@ -4726,18 +4849,73 @@ function ReportEditor({ id, onClose: closeHandler }) {
     }
   );
 }
-
-// components/builder/CMSHeader.tsx
-init_ResourceProvider();
+
+// components/builder/CMSHeader.tsx
+init_ResourceProvider();
+
+// hooks/index.ts
+init_esm_shims();
+
+// hooks/useMemberRef.ts
+init_esm_shims();
+init_store2();
+function usePreviewMembers(locale) {
+  const dispatch = useAppDispatch();
+  const location = useManagerLocation();
+  const previews = useAppSelector((state) => state.status.previews);
+  const param = location.query.preview;
+  const slugs = Array.isArray(param) ? param.join("!") : param || "";
+  useEffect(() => {
+    const currentSlugs = slugs.split("!").filter(Boolean);
+    const currentPreviews = previews.map(stringifyPreview);
+    const matches = currentSlugs.join("\n") === currentPreviews.join("\n");
+    if (currentSlugs.length > 0 && !matches) {
+      dispatch(
+        actions_exports.readMember({
+          mode: "slugs",
+          slugs: currentSlugs.map((slug) => {
+            const [variantSlug, memberSlug] = slug.split("/");
+            return { variantSlug, memberSlug };
+          }),
+          locale
+        })
+      ).then((res) => {
+        dispatch(actions_exports.setPreviews(res.results));
+      });
+    }
+  }, [slugs]);
+  useEffect(() => {
+    const nextParam = previews.map(stringifyPreview).join("!");
+    if (nextParam && slugs !== nextParam) {
+      location.setSearchParam("preview", nextParam);
+    }
+  }, [previews]);
+  return previews;
+}
+function stringifyPreview(member) {
+  const variant = "variant_slug" in member ? member.variant_slug : member.variant.slug;
+  return `${variant}/${member.slug}`;
+}
+
+// components/builder/HeaderLayout.tsx
+init_esm_shims();
+function HeaderLayout(props) {
+  const { left, center, right } = props;
+  return /* @__PURE__ */ jsx(Header, { fixed: true, height: 50, p: "xs", children: /* @__PURE__ */ jsxs(Group, { position: "apart", children: [
+    /* @__PURE__ */ jsx("div", { className: "left", children: left }),
+    /* @__PURE__ */ jsx("div", { className: "center", children: center }),
+    /* @__PURE__ */ jsx("div", { className: "right", children: right })
+  ] }) });
+}
 function CMSHeader(props) {
-  const { id } = props;
+  const { report: currentReport } = props;
+  const { id } = currentReport;
   const location = useManagerLocation();
   const dispatch = useAppDispatch();
   const resource = useContext(ResourceContext);
   const localeDefault9 = useAppSelector((state) => state.status.localeDefault);
   const localeOptions = useAppSelector(selectLocaleOptions);
   const reportList = useReportList();
-  const reportRef = useReportRef(id);
   const [opened, handlers] = useDisclosure(false);
   const [currentLocale, setCurrentLocale] = useUncontrolled({
     defaultValue: localeDefault9
@@ -4749,46 +4927,43 @@ function CMSHeader(props) {
       return [];
     return reportList.data.map((d) => ({ value: `${d.id}`, label: d.name }));
   }, [reportList.status]);
-  const currentReport = useMemo(() => {
-    if (!reportRef.isSuccess)
-      return void 0;
-    return reportRef.data;
-  }, [reportRef.status]);
   const dimensions = useMemo(() => {
     return currentReport && currentReport.dimensions ? currentReport.dimensions : [];
   }, [currentReport]);
   const showPreviewSelector = useMemo(() => {
     return dimensions.length > 0;
   }, [dimensions]);
-  const [previewMembers, setPreviewMembers] = useState(dimensions.map(() => void 0));
+  const [previewMembers, setPreviewMembers] = useState([]);
   const [initialFavorites, setInitialFavorites] = useState([]);
   const onChangeReport = useCallback((value) => {
     location.push(`/reports/${value}`);
   }, [location]);
   const onSelectPreview = (previewMember) => {
-    if (currentReport) {
-      const newPreviews = currentReport.dimensions.map((dId) => {
-        let member;
-        if (previewMember) {
-          if (previewMember.dimension_id === dId) {
-            member = previewMember;
-          } else {
-            const anotherMember = previewMembers.find((m) => m ? m.dimension_id === dId : false);
-            if (anotherMember) {
-              member = anotherMember;
-            }
+    const newPreviews = currentReport.dimensions.map((dId) => {
+      let member;
+      if (previewMember) {
+        if (previewMember.dimension_id === dId) {
+          member = previewMember;
+        } else {
+          const anotherMember = previewMembers.find((m) => m ? m.dimension_id === dId : false);
+          if (anotherMember) {
+            member = anotherMember;
           }
         }
-        return member;
-      });
-      setPreviewMembers(newPreviews);
-    }
+      }
+      return member;
+    });
+    setPreviewMembers(newPreviews);
   };
   useEffect(() => {
-    setPreviewMembers(dimensions.map(() => void 0));
+    setPreviewMembers([]);
   }, [dimensions]);
   useEffect(() => {
-    dispatch(recalculateVariables(resource, { previews: previewMembers }));
+    if (previewMembers.length > 0) {
+      dispatch(actions_exports.recalculateVariables(resource, {
+        previews: previewMembers
+      }));
+    }
   }, [previewMembers]);
   useEffect(() => {
     if (castedUser) {
@@ -4800,21 +4975,6 @@ function CMSHeader(props) {
       }
     }
   }, [castedUser, id, previewMembers]);
-  if (reportRef.isUninitialized || reportRef.isFetching) {
-    return /* @__PURE__ */ jsx(
-      HeaderLayout,
-      {
-        left: /* @__PURE__ */ jsx(ActionIcon, { component: Link, href: location.href(), color: "blue", variant: "filled", children: /* @__PURE__ */ jsx(IconChevronLeft, { size: 24 }) }),
-        center: /* @__PURE__ */ jsxs(Group, { spacing: "xs", children: [
-          /* @__PURE__ */ jsx(Skeleton, { height: 30, width: 100 }),
-          /* @__PURE__ */ jsx(Skeleton, { height: 30, width: 200 })
-        ] })
-      }
-    );
-  }
-  if (reportRef.isError) {
-    return null;
-  }
   return /* @__PURE__ */ jsx(
     HeaderLayout,
     {
@@ -4839,7 +4999,7 @@ function CMSHeader(props) {
             onChange: onChangeReport
           }
         ),
-        showPreviewSelector && currentReport && currentReport.dimensions.map((dId, ix) => /* @__PURE__ */ jsx(
+        showPreviewSelector && dimensions.map((dId, ix) => /* @__PURE__ */ jsx(
           DimensionAutocomplete,
           {
             id: dId,
@@ -4877,14 +5037,6 @@ function CMSHeader(props) {
     }
   );
 }
-function HeaderLayout(props) {
-  const { left, center, right } = props;
-  return /* @__PURE__ */ jsx(Header, { fixed: true, height: 50, p: "xs", children: /* @__PURE__ */ jsxs(Group, { position: "apart", children: [
-    /* @__PURE__ */ jsx("div", { className: "left", children: left }),
-    /* @__PURE__ */ jsx("div", { className: "center", children: center }),
-    /* @__PURE__ */ jsx("div", { className: "right", children: right })
-  ] }) });
-}
 var selectLocaleOptions = (state) => state.status.locales.map((d) => ({ value: d, label: d.toUpperCase() }));
 
 // components/sections/Section.tsx
@@ -5794,22 +5946,28 @@ init_hooks();
 init_runConsumers();
 init_varSwap();
 init_mortarEval();
+var emptyStatus = {
+  api: null,
+  duration: null,
+  error: null,
+  log: [],
+  resp: null
+};
 function BlockPreview(props) {
   const {
     active,
     allowed,
     blockStateContent,
     debug,
-    id,
+    for: block,
     locale
   } = props;
-  const variables = useInputVariablesFlat(id);
-  const block = useBlockRef(id).data;
+  const variables = useInputVariablesFlat(block.id);
   const formatterFunctions = useFormatterFunctionsForLocale();
-  const blockContext = useBlockContext(id, locale);
+  const blockContext = useBlockContext(block.id, locale);
   const blockContent = types_default[block.type].renderPreviewOnEdit && blockStateContent ? blockStateContent : getBlockContent(block, locale);
   const [content, setContent] = useState(null);
-  const [status, setStatus] = useState({});
+  const [status, setStatus2] = useState(emptyStatus);
   useEffect(() => {
     const fetch = async () => {
       if (block.type === BLOCK_TYPES.VIZ) {
@@ -5820,27 +5978,27 @@ function BlockPreview(props) {
           active
         };
         setContent(config);
-        setStatus({ error: void 0, log: [] });
+        setStatus2(emptyStatus);
         return;
       }
       if (!active && !types_default[block.type].evalWhenNonActive) {
         const { nonActiveAdapter } = types_default[block.type];
         const config = nonActiveAdapter && typeof nonActiveAdapter === "function" ? nonActiveAdapter() : {};
         setContent(config);
-        setStatus({ error: void 0, log: [] });
+        setStatus2(emptyStatus);
         return;
       }
       if (block.type === BLOCK_TYPES.GENERATOR) {
         const { outputVariables, status: status2 } = await runSingleBlock(block, formatterFunctions, blockContext);
         setContent({ outputVariables });
-        setStatus(status2);
+        setStatus2(status2);
         return;
       }
       if (block.type === BLOCK_TYPES.SELECTOR) {
         const { renderVariables, status: status2 } = await runSingleBlock(block, formatterFunctions, blockContext);
-        const content3 = adapters_default[block.type] && typeof adapters_default[block.type] === "function" ? adapters_default[block.type](renderVariables, id) : renderVariables;
+        const content3 = adapters_default[block.type] && typeof adapters_default[block.type] === "function" ? adapters_default[block.type](renderVariables, block.id) : renderVariables;
         setContent(content3);
-        setStatus(status2);
+        setStatus2(status2);
         return;
       }
       const swappedLogic = varSwap_default(blockContent?.logic, formatterFunctions, blockContext);
@@ -5852,9 +6010,9 @@ function BlockPreview(props) {
         void 0,
         blockContext
       );
-      const content2 = adapters_default[block.type] && typeof adapters_default[block.type] === "function" ? adapters_default[block.type](vars, id) : vars;
+      const content2 = adapters_default[block.type] && typeof adapters_default[block.type] === "function" ? adapters_default[block.type](vars, block.id) : vars;
       setContent(content2);
-      setStatus({ error: error2, log: log2 });
+      setStatus2({ ...emptyStatus, error: error2, log: log2 });
     };
     fetch();
   }, [blockContent, variables]);
@@ -5890,7 +6048,7 @@ function BlockPreview(props) {
     debug && error && /* @__PURE__ */ jsx(Textarea, { label: "Error", readOnly: true, minRows: 3, value: error })
   ] });
 }
-var BlockPreview_default = BlockPreview;
+var BlockPreview_default = withFetcher(BlockPreview, useBlockRef);
 
 // components/blocks/BlockSettings.tsx
 init_esm_shims();
@@ -6122,6 +6280,18 @@ function MCEWrapper({
         menubar: false,
         toolbar: false,
         statusbar: false,
+        /*
+                plugins: [
+                  "advlist autolink lists link image charmap print preview anchor",
+                  "searchreplace visualblocks code fullscreen",
+                  "insertdatetime media table paste code help wordcount",
+                ],
+        
+                  toolbar: "undo redo | formatselect | "
+                  + "bold italic backcolor | alignleft aligncenter "
+                  + "alignright alignjustify | bullist numlist outdent indent | "
+                  + "removeformat | help",
+                  */
         content_style: "body { font-family:Helvetica,Arial,sans-serif; font-size:14px }"
       }
     }
@@ -6995,6 +7165,7 @@ function DataTab(props) {
               wb,
               utils.json_to_sheet(selectedSource.data),
               filename.substring(0, 30)
+              // Sheet name max length
             );
             const xls = write(wb, { bookType: "xlsx", bookSST: true, type: "binary" });
             zipFile.file(filename, xls, { binary: true });
@@ -7137,7 +7308,9 @@ function ImageTab(props) {
           }
           return true;
         },
-        style: {}
+        style: {
+          // background: "green",
+        }
       }
     ).then((dataUrl) => {
       const link = document.createElement("a");
@@ -7770,7 +7943,7 @@ function SectionEditor({
                 Overlay,
                 {
                   className: "cms-section-overlay",
-                  onClick: onActivate,
+                  onClick: () => onActivate(section.id),
                   color: theme.black,
                   opacity: 0.5,
                   style: { cursor: "pointer" }
@@ -7795,71 +7968,63 @@ function SectionEditor({
 var SectionEditorWithFetcher = withFetcher(SectionEditor, useSectionRef);
 
 // views/EditReport.tsx
+init_ResourceProvider();
 init_ordering();
 init_store2();
 init_actions();
-init_ResourceProvider();
 
-// libs/auth/utils.ts
+// store/recordsSelectors.ts
 init_esm_shims();
-var getReportAccess = (user) => {
-  const reportsMetadata = user && user.bespoke_app_metadata && user.bespoke_app_metadata.reports && Array.isArray(user.bespoke_app_metadata.reports) ? user.bespoke_app_metadata.reports : [];
-  return reportsMetadata.map((rm) => rm.reportId);
-};
-function ReportEditor2(props) {
-  const { id } = props;
-  const ref = useReportRef(id);
-  const { user } = useUser();
-  const reportAccess = getReportAccess(user);
-  const location = useManagerLocation();
-  if (reportAccess.length !== 0 && !reportAccess.includes(id)) {
-    location.replace("/unauthorize");
-  }
-  if (ref.isError) {
-    return /* @__PURE__ */ jsx(Center, { style: { height: 300 }, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconCircleX, { size: 20 }), title: `Error ${ref.error.code}`, color: "red", children: ref.error.message }) });
-  }
-  if (ref.isUninitialized || !ref.data) {
-    return /* @__PURE__ */ jsx(Loader, {});
-  }
-  return /* @__PURE__ */ jsx(InteractiveReport, { for: ref.data, isLoading: ref.isFetching });
+var selectSectionRecords = (state) => state.records.entities.section;
+function BuilderEditor(props) {
+  const reportRef = useReportRef(props.id);
+  return useMemo(() => {
+    if (reportRef.isError) {
+      return /* @__PURE__ */ jsx(Center, { style: { height: 300 }, children: /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconCircleX, { size: 20 }), title: `Error ${reportRef.error.code}`, color: "red", children: reportRef.error.message }) });
+    }
+    if (reportRef.isUninitialized || !reportRef.data) {
+      return /* @__PURE__ */ jsx(Loader, {});
+    }
+    return /* @__PURE__ */ jsx(
+      InteractiveReport,
+      {
+        report: reportRef.data,
+        locale: props.locale,
+        isLoading: reportRef.isFetching
+      }
+    );
+  }, [reportRef.status]);
 }
-function InteractiveReport({ for: report, isLoading }) {
+function InteractiveReport(props) {
+  const { report, isLoading } = props;
   const theme = useMantineTheme();
   const dispatch = useAppDispatch();
   const resource = useContext(ResourceContext);
   const { newConfirmation } = useDialog();
-  const sectionMap = useAppSelector((state) => state.records.entities.section);
-  const previews = useAppSelector((state) => state.status.previews);
-  const previewRef = useRef([]);
-  useEffect(() => {
-    previewRef.current = previews;
-  }, [previews]);
+  const previews = usePreviewMembers(props.locale);
+  const sectionMap = useAppSelector(selectSectionRecords);
   const [activeSection, setActiveSection] = useState(null);
   const [sectionOrder, setSectionOrder] = useState(report.sections);
   useEffect(() => {
     setSectionOrder(report.sections);
   }, [report.sections]);
-  const maybeActivate = async (sectionId) => {
-    if (previewRef.current.length < report.dimensions.length) {
-      try {
-        await newConfirmation({
-          title: "You haven't chosen a member!",
-          message: "You may want to choose a member before editing this section.",
-          cancelText: "OK, I'll choose one.",
-          confirmText: "Don't tell me what to do!"
-        }).then(() => {
-          onActivate(sectionId);
-        });
-      } catch {
-      }
+  const maybeActivate = useCallback((sectionId) => {
+    const onActivate = () => {
+      setActiveSection(sectionId);
+      dispatch(recalculateVariables(resource, { sid: sectionId }));
+    };
+    if (previews.length < report.dimensions.length) {
+      newConfirmation({
+        title: "You haven't chosen a member!",
+        message: "You may want to choose a member before editing this section.",
+        cancelText: "OK, I'll choose one.",
+        confirmText: "Don't tell me what to do!"
+      }).then(onActivate, () => {
+      });
     } else {
-      onActivate(sectionId);
+      onActivate();
     }
-  };
-  const onActivate = useCallback((sectionId) => {
-    setActiveSection(sectionId);
-    dispatch(recalculateVariables(resource, { sid: sectionId }));
-  }, [report.id]);
+  }, [report.dimensions, previews]);
   const onDragEnd = useCallback((result) => {
     if (!result.destination || result.source.index === result.destination.index)
       return;
@@ -7898,7 +8063,7 @@ function InteractiveReport({ for: report, isLoading }) {
                   id: sectionId,
                   isActive: sectionId === activeSection,
                   isDragging: snapshot.isDragging,
-                  onActivate: () => maybeActivate(sectionId),
+                  onActivate: maybeActivate,
                   dragHandleProps: draggableProvided.dragHandleProps
                 }
               ),
@@ -7910,15 +8075,14 @@ function InteractiveReport({ for: report, isLoading }) {
         droppableProvided.placeholder
       ]
     }
-  ), [sectionOrder, activeSection]);
+  ), [sectionOrder, activeSection, maybeActivate]);
   return /* @__PURE__ */ jsxs(Stack, { styles: { backgroundColor: theme.colors.gray[2] }, children: [
-    /* @__PURE__ */ jsx(CMSHeader, { id: report.id }),
+    /* @__PURE__ */ jsx(CMSHeader, { report }),
     /* @__PURE__ */ jsx(LoadingOverlay, { visible: isLoading }),
     report.sections.length === 0 && /* @__PURE__ */ jsx(CreateSectionButton, { index: 0, report }),
     /* @__PURE__ */ jsx(DragDropContext, { onDragEnd, children: /* @__PURE__ */ jsx(Droppable, { droppableId: "sections", children: droppableChild }) })
   ] });
 }
-withFetcher(InteractiveReport, useReportRef);
 function CreateSectionButton({ index, report }) {
   const theme = useMantineTheme();
   const dispatch = useAppDispatch();
@@ -8453,6 +8617,31 @@ function FormatterEditor() {
   ] });
 }
 
+// views/HelloView.tsx
+init_esm_shims();
+function HelloView() {
+  const { user } = useUser();
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      mih: "100vh",
+      gap: "md",
+      justify: "center",
+      align: "center",
+      direction: "column",
+      wrap: "wrap",
+      children: [
+        /* @__PURE__ */ jsxs(Title, { children: [
+          "Hi, ",
+          user.name,
+          "!"
+        ] }),
+        /* @__PURE__ */ jsx(Text, { children: "Welcome to Bespoke CMS. Have fun creating some amazing automated reports here!" })
+      ]
+    }
+  );
+}
+
 // views/MetadataEditor.tsx
 init_esm_shims();
 
@@ -8866,7 +9055,7 @@ function ImagePreview2({
 }) {
   let extraParam = "";
   if (forceRefreshTimestamp) {
-    extraParam = `&t=${new Date().getTime()}`;
+    extraParam = `&t=${( new Date()).getTime()}`;
   }
   const imageUrl = member && member.image_id ? `/api/cms/member/image.png?member=${member.content_id}&size=${size}${extraParam}` : "https://placehold.jp/cccccc/ffffff/900x600.png?text=None";
   return /* @__PURE__ */ jsx(Image, { height, width, radius: "md", src: imageUrl });
@@ -8899,7 +9088,7 @@ function MemberForm({ memberId, onEditEnd }) {
     const memberRecord = await dispatch(actions_exports.readMember(
       {
         locale: "all",
-        content_ids: memberId,
+        content_ids: [memberId],
         all: false,
         mode: "content_ids"
       }
@@ -9381,6 +9570,33 @@ function MetadataEditor() {
   ] });
 }
 
+// views/NotFoundView.tsx
+init_esm_shims();
+function NotFoundView() {
+  const { user } = useUser();
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      mih: "100vh",
+      gap: "md",
+      justify: "center",
+      align: "center",
+      direction: "column",
+      wrap: "wrap",
+      children: [
+        /* @__PURE__ */ jsx(Title, { children: "Not found." }),
+        /* @__PURE__ */ jsxs(Title, { order: 2, children: [
+          "Sorry, ",
+          user?.name,
+          "!"
+        ] }),
+        /* @__PURE__ */ jsx(Text, { children: "The page you are looking for is not here." }),
+        /* @__PURE__ */ jsx(Button, { component: "a", href: "/", children: "Back to homepage" })
+      ]
+    }
+  );
+}
+
 // views/PickReport.tsx
 init_esm_shims();
 
@@ -9414,6 +9630,13 @@ withFetcher(ReportCard, useReportRef);
 // views/PickReport.tsx
 init_store2();
 init_hooks();
+
+// libs/auth/utils.ts
+init_esm_shims();
+var getReportAccess = (user) => {
+  const reportsMetadata = user && user.bespoke_app_metadata && user.bespoke_app_metadata.reports && Array.isArray(user.bespoke_app_metadata.reports) ? user.bespoke_app_metadata.reports : [];
+  return reportsMetadata.map((rm) => rm.reportId);
+};
 function ReportPicker() {
   const dispatch = useAppDispatch();
   const [createLoading, setCreateLoading] = useState(false);
@@ -9504,33 +9727,6 @@ function UnauthorizeView() {
   );
 }
 
-// views/NotFoundView.tsx
-init_esm_shims();
-function NotFoundView() {
-  const { user } = useUser();
-  return /* @__PURE__ */ jsxs(
-    Flex,
-    {
-      mih: "100vh",
-      gap: "md",
-      justify: "center",
-      align: "center",
-      direction: "column",
-      wrap: "wrap",
-      children: [
-        /* @__PURE__ */ jsx(Title, { children: "Not found." }),
-        /* @__PURE__ */ jsxs(Title, { order: 2, children: [
-          "Sorry, ",
-          user?.name,
-          "!"
-        ] }),
-        /* @__PURE__ */ jsx(Text, { children: "The page you are looking for is not here." }),
-        /* @__PURE__ */ jsx(Button, { component: "a", href: "/", children: "Back to homepage" })
-      ]
-    }
-  );
-}
-
 // views/UsersEditor.tsx
 init_esm_shims();
 init_store2();
@@ -9991,6 +10187,38 @@ function UsersTable({ response, onClickEdit, onSort, onPageChange }) {
       title: "Email",
       accessor: "email"
     },
+    /*{
+      title: `Keywords ${localeDefault.toUpperCase()}`,
+      accessor: "keywords",
+      render: ({contentByLocale}) => {
+        const defaultLocalized = contentByLocale.find((item) => item.locale === localeDefault);
+        const othersLocalized = contentByLocale.filter((item) => item.locale !== localeDefault);
+        const keywords = (defaultLocalized.keywords ? defaultLocalized.keywords : [])
+          .map((k) => <Badge key={k}>{k}</Badge>);
+        const keywordsTooltipContent = othersLocalized.reduce((acc, item) => {
+          const otherKeywords = item.keywords || [];
+          const extraKeywords = `${item.locale.toUpperCase()}: ${otherKeywords.length > 0
+            ? otherKeywords.join(",")
+            : "None"
+          }`;
+          const newLine = acc !== "" ? "\n" : "";
+          return `${acc}${newLine}${extraKeywords}`;
+        }, "");
+        return (
+          <Group>
+            <span>{keywords.length > 0 ? keywords : <Badge color="gray">None</Badge>}</span>
+            {othersLocalized.length > 0 && (
+              <Tooltip label={keywordsTooltipContent}>
+                <Avatar size="sm" color="pink" radius="xl">
+                  +
+                  {othersLocalized.length}
+                </Avatar>
+              </Tooltip>
+            )}
+          </Group>
+        );
+      },
+    },*/
     {
       title: "",
       accessor: "actions",
@@ -10089,75 +10317,31 @@ function UsersEditor() {
     editingId && /* @__PURE__ */ jsx(UserForm, { userId: editingId, onEditEnd: onEditClose, roles })
   ] });
 }
-
-// views/HelloView.tsx
-init_esm_shims();
-function HelloView() {
-  const { user } = useUser();
-  return /* @__PURE__ */ jsxs(
-    Flex,
-    {
-      mih: "100vh",
-      gap: "md",
-      justify: "center",
-      align: "center",
-      direction: "column",
-      wrap: "wrap",
-      children: [
-        /* @__PURE__ */ jsxs(Title, { children: [
-          "Hi, ",
-          user.name,
-          "!"
-        ] }),
-        /* @__PURE__ */ jsx(Text, { children: "Welcome to Bespoke CMS. Have fun creating some amazing automated reports here!" })
-      ]
-    }
-  );
-}
-function BespokeManagerPanel(options) {
+init_envvars();
+function BespokeManager(options) {
   const {
     title = "Bespoke CMS",
-    pathSegment = "path"
+    pathSegment = "bespoke",
+    locale = localeDefault3
   } = options;
   const notifications = {
     position: "bottom-center",
     ...options.notifications
   };
-  return BespokeManagerPage;
+  return withPageRoleAuthRequired({
+    allowedRoles: [CMS_ROLES.ADMIN, CMS_ROLES.EDITOR, CMS_ROLES.WRITER],
+    SuccessComponent: BespokeManagerPage,
+    FailureComponent: UnauthorizeView
+  });
   function BespokeManagerPage() {
     return /* @__PURE__ */ jsxs(ResourceProvider, { pathSegment, children: [
       /* @__PURE__ */ jsx(Head, { children: /* @__PURE__ */ jsx("title", { children: title }) }),
-      /* @__PURE__ */ jsx(MantineProvider, { children: /* @__PURE__ */ jsx(NotificationsProvider, { ...notifications, children: /* @__PURE__ */ jsx(DialogProvider, { children: /* @__PURE__ */ jsx(BespokeManagerShell, {}) }) }) })
+      /* @__PURE__ */ jsx(MantineProvider, { children: /* @__PURE__ */ jsx(NotificationsProvider, { ...notifications, children: /* @__PURE__ */ jsx(DialogProvider, { children: /* @__PURE__ */ jsx(BespokeManagerShell, { locale }) }) }) })
     ] });
   }
 }
-function MainLink({ item, disabled }) {
-  const { page } = useManagerLocation();
-  return /* @__PURE__ */ jsx(Link, { href: item.href, passHref: true, children: /* @__PURE__ */ jsx(
-    UnstyledButton,
-    {
-      disabled,
-      mt: "xs",
-      sx: (theme) => ({
-        border: "1px solid white",
-        borderColor: page && page.includes(item.href) ? "#ccc" : "transparent",
-        backgroundColor: "transparent",
-        display: "block",
-        width: "100%",
-        padding: theme.spacing.xs,
-        borderRadius: theme.radius.sm,
-        "&:hover": {
-          backgroundColor: "#f9f9f9"
-        }
-      }),
-      children: /* @__PURE__ */ jsxs(Group, { children: [
-        /* @__PURE__ */ jsx(ThemeIcon, { color: disabled ? "gray" : item.color, variant: "light", children: item.icon }),
-        /* @__PURE__ */ jsx(Text, { size: "sm", children: item.label })
-      ] })
-    }
-  ) }, item.label);
-}
 function BespokeManagerShell(props) {
+  const { locale } = props;
   const [opened, { toggle: toggleOpened }] = useDisclosure(true);
   const { user, error, isLoading } = useUser();
   const location = useManagerLocation();
@@ -10198,7 +10382,9 @@ function BespokeManagerShell(props) {
     const menuLinks = [];
     links.forEach((link) => {
       if (pastRole !== link.roleRequired) {
-        menuLinks.push(/* @__PURE__ */ jsx(Divider, { my: "xs", label: link.roleRequired, labelPosition: "center" }, link.roleRequired));
+        menuLinks.push(
+          /* @__PURE__ */ jsx(Divider, { my: "xs", label: link.roleRequired, labelPosition: "center" }, link.roleRequired)
+        );
       }
       menuLinks.push(
         /* @__PURE__ */ jsx(MainLink, { item: link, disabled: !user2.bespoke_roles.includes(link.roleRequired) }, link.label)
@@ -10268,48 +10454,69 @@ function BespokeManagerShell(props) {
   }, [location, opened, user]);
   const route = useMemo(() => {
     const item = links.find((page) => page.href.includes(location.page));
-    if (location.page === void 0) {
+    if (location.page === "welcome") {
       return /* @__PURE__ */ jsx(HelloView, {});
     }
-    if (item) {
-      if (user && Array.isArray(user.bespoke_roles) && user.bespoke_roles.includes(item.roleRequired)) {
-        if (location.page === "metadata") {
-          return /* @__PURE__ */ jsx(MetadataEditor, {});
-        }
-        if (location.page === "formatters") {
-          return /* @__PURE__ */ jsx(FormatterEditor, {});
-        }
-        if (location.page === "reports") {
-          if (location.params.length > 0) {
-            const report_id = Number.parseInt(location.params[0]);
-            return /* @__PURE__ */ jsx(ReportEditor2, { id: report_id });
-          }
-          return /* @__PURE__ */ jsx(ReportPicker, {});
-        }
-        if (location.page === "users") {
-          return /* @__PURE__ */ jsx(UsersEditor, {});
+    if (user && Array.isArray(user.bespoke_roles) && user.bespoke_roles.includes(item.roleRequired)) {
+      if (location.page === "metadata") {
+        return /* @__PURE__ */ jsx(MetadataEditor, {});
+      }
+      if (location.page === "formatters") {
+        return /* @__PURE__ */ jsx(FormatterEditor, {});
+      }
+      if (location.page === "reports") {
+        if (location.params.length > 0) {
+          const reportId = Number.parseInt(location.params[0]);
+          return /* @__PURE__ */ jsx(BuilderEditor, { id: reportId, locale });
         }
-      } else {
-        return /* @__PURE__ */ jsx(UnauthorizeView, {});
+        return /* @__PURE__ */ jsx(ReportPicker, {});
+      }
+      if (location.page === "users") {
+        return /* @__PURE__ */ jsx(UsersEditor, {});
       }
+    } else {
+      return /* @__PURE__ */ jsx(UnauthorizeView, {});
     }
     return /* @__PURE__ */ jsx(NotFoundView, {});
   }, [location, user]);
   return /* @__PURE__ */ jsx(AppShell, { fixed: true, padding: 0, navbar, children: route });
 }
-function BespokeManager(params) {
-  return withPageRoleAuthRequired(
-    BespokeManagerPanel(params),
-    [CMS_ROLES.ADMIN, CMS_ROLES.EDITOR, CMS_ROLES.WRITER],
-    () => /* @__PURE__ */ jsx(UnauthorizeView, {}),
-    {}
-  );
+function MainLink({ item, disabled }) {
+  const { page } = useManagerLocation();
+  return /* @__PURE__ */ jsx(Link, { href: item.href, passHref: true, children: /* @__PURE__ */ jsx(
+    UnstyledButton,
+    {
+      disabled,
+      mt: "xs",
+      sx: (theme) => ({
+        border: "1px solid white",
+        borderColor: page && page.includes(item.href) ? "#ccc" : "transparent",
+        backgroundColor: "transparent",
+        display: "block",
+        width: "100%",
+        padding: theme.spacing.xs,
+        borderRadius: theme.radius.sm,
+        "&:hover": {
+          backgroundColor: "#f9f9f9"
+        }
+      }),
+      children: /* @__PURE__ */ jsxs(Group, { children: [
+        /* @__PURE__ */ jsx(ThemeIcon, { color: disabled ? "gray" : item.color, variant: "light", children: item.icon }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", children: item.label })
+      ] })
+    }
+  ) }, item.label);
 }
 
 // views/BespokeRenderer.tsx
 init_esm_shims();
-function BespokeRenderer() {
-  return /* @__PURE__ */ jsx("div", { children: "Report COMING SOON" });
+init_store2();
+function BespokeRenderer(props) {
+  const state = useAppSelector((state2) => state2);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("h1", { children: "Report COMING SOON" }),
+    /* @__PURE__ */ jsx("pre", { children: JSON.stringify(state, null, 2) })
+  ] });
 }
 
 export { Explore_default as BespokeExplore, ExploreModal_default as BespokeExploreModal, LoginButton_default as BespokeLoginBtn, BespokeManager, BespokeRenderer, Report_default as BespokeReport, Search_default as BespokeSearch, UserProvider_default as BespokeUserProvider, withPageRoleAuthRequired as BespokeWithPageRoleAuthRequired, CMS_ROLES, DialogProvider, actions_exports as actions, storeWrapper, useAppDispatch as useBespokeDispatch, useAppSelector as useBespokeSelector, useUser_default as useBespokeUser, useDialog };