@genesislcap/pbc-reporting-ui 15.19.0 → 15.19.1-FUI-2610.1

package/dist/custom-elements.json

@@ -130,6 +130,27 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/components/components.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "registerCommonRapidComponents",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "registerCommonRapidComponents",
+          "declaration": {
+            "name": "registerCommonRapidComponents",
+            "module": "src/new/components/components.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/new/main/index.ts",
@@ -1065,27 +1086,6 @@
       "declarations": [],
       "exports": []
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/components/components.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "registerCommonRapidComponents",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "registerCommonRapidComponents",
-          "declaration": {
-            "name": "registerCommonRapidComponents",
-            "module": "src/new/components/components.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/new/styles/constraints.styles.ts",
@@ -2532,6 +2532,117 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/old/layouts/default.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "defaultLayout",
+          "default": "new GenesisElementLayout(\n  html`\n    <div class=\"container\">\n      <div class=\"content\">\n        <slot></slot>\n      </div>\n    </div>\n  `,\n  css`\n    :host {\n    }\n\n    .container {\n      width: 100%;\n      height: 100%;\n      display: block;\n      position: relative;\n    }\n\n    .content {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    }\n  `,\n)"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "defaultLayout",
+          "declaration": {
+            "name": "defaultLayout",
+            "module": "src/old/layouts/default.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/old/layouts/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./default"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./two-pane-horizontal"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/old/layouts/two-pane-horizontal.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LayoutTwoPaneHorizontal",
+          "members": [
+            {
+              "kind": "field",
+              "name": "hideDivider",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "splitRatio",
+              "type": {
+                "text": "string"
+              },
+              "default": "'equal'"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hideDivider"
+            },
+            {
+              "name": "splitRatio",
+              "type": {
+                "text": "string"
+              },
+              "default": "'equal'",
+              "fieldName": "splitRatio"
+            }
+          ],
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LayoutTwoPaneHorizontal",
+          "declaration": {
+            "name": "LayoutTwoPaneHorizontal",
+            "module": "src/old/layouts/two-pane-horizontal.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "declaration": {
+            "name": "LayoutTwoPaneHorizontal",
+            "module": "src/old/layouts/two-pane-horizontal.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/old/main/index.ts",
@@ -3847,28 +3958,35 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/old/layouts/default.ts",
+      "path": "src/old/styles/colors.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/old/styles/helpers.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "defaultLayout",
-          "default": "new GenesisElementLayout(\n  html`\n    <div class=\"container\">\n      <div class=\"content\">\n        <slot></slot>\n      </div>\n    </div>\n  `,\n  css`\n    :host {\n    }\n\n    .container {\n      width: 100%;\n      height: 100%;\n      display: block;\n      position: relative;\n    }\n\n    .content {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    }\n  `,\n)"
+          "name": "helperStyles",
+          "default": "css`\n  ::-webkit-scrollbar {\n    width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);\n  }\n\n  ::-webkit-scrollbar-track {\n    background: var(--neutral-layer-1);\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: var(--neutral-fill-rest);\n  }\n  .text-center {\n    text-align: center;\n  }\n\n  .text-right {\n    text-align: right;\n  }\n\n  .text-left {\n    text-align: left;\n  }\n\n  .my-20 {\n    margin-top: calc(var(--design-unit) * 5px);\n    margin-bottom: calc(var(--design-unit) * 5px);\n  }\n\n  .h-full {\n    height: 100%;\n  }\n\n  .h-90pc {\n    height: 90%;\n  }\n\n  .w-full {\n    width: 100%;\n  }\n\n  .max-w-50pc {\n    max-width: 50%;\n  }\n\n  .max-w-360px {\n    max-width: 360px;\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .flex-column {\n    flex-direction: column;\n  }\n\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n\n  .flex-grow {\n    flex-grow: 1;\n  }\n\n  .flex-column {\n    flex-direction: column;\n  }\n\n  .flex-1 {\n    flex: 1;\n  }\n\n  .space-between {\n    justify-content: space-between;\n  }\n\n  .flex-end {\n    justify-content: flex-end;\n  }\n\n  .items-center {\n    align-items: center;\n  }\n\n  .gap-1 {\n    gap: calc(var(--design-unit) * 4px);\n  }\n\n  .gap-2 {\n    gap: 2rem;\n  }\n\n  .gap-3 {\n    gap: 3rem;\n  }\n\n  .gap-4 {\n    gap: 4rem;\n  }\n\n  .mt-1 {\n    margin-top: calc(var(--design-unit) * 4px);\n  }\n\n  .mt-15px {\n    margin-top: calc(var(--design-unit) * 4px);\n  }\n\n  .mt-2 {\n    margin-top: 2rem;\n  }\n\n  .ml-5px {\n    margin-left: 5px;\n  }\n\n  .mr-5px {\n    margin-right: 5px;\n  }\n\n  .p-2 {\n    padding: 0.625rem;\n  }\n\n  .card {\n    padding: calc(var(--design-unit) * 4px);\n    width: 100%;\n    background-color: var(--neutral-layer-3);\n    border: none;\n  }\n\n  .overflow-auto {\n    overflow: auto;\n  }\n\n  .section-title {\n    font-size: var(--type-ramp-plus-4-font-size);\n    font-weight: 700;\n    line-height: normal;\n  }\n\n  .card-title {\n    color: var(--neutral-foreground-rest);\n    font-size: var(--type-ramp-base-font-size);\n    font-weight: 700;\n    line-height: normal;\n    margin-top: 0;\n    text-align: 'left';\n  }\n\n  .step-title {\n    font-size: var(--type-ramp-base-font-size);\n    line-height: 22px;\n  }\n\n  .card-description {\n    color: var(--neutral-foreground-hint);\n    line-height: normal;\n    font-size: var(--type-ramp-base-font-size);\n    font-weight: 700;\n  }\n\n  .spacer-3 {\n    height: 1.3rem;\n    margin: calc(var(--design-unit) * 4px) 0 calc(var(--design-unit) * 4px);\n  }\n\n  .light-grey {\n    color: var(--neutral-foreground-rest);\n  }\n\n  .dark-grey {\n    color: var(--neutral-foreground-hint);\n  }\n`",
+          "description": "Helper classes"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "defaultLayout",
+          "name": "helperStyles",
           "declaration": {
-            "name": "defaultLayout",
-            "module": "src/old/layouts/default.ts"
+            "name": "helperStyles",
+            "module": "src/old/styles/helpers.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/old/layouts/index.ts",
+      "path": "src/old/styles/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -3876,7 +3994,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./default"
+            "package": "./styles"
           }
         },
         {
@@ -3884,163 +4002,45 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./two-pane-horizontal"
+            "package": "./helpers"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./normalize"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./colors"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/old/layouts/two-pane-horizontal.ts",
+      "path": "src/old/styles/normalize.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "LayoutTwoPaneHorizontal",
-          "members": [
-            {
-              "kind": "field",
-              "name": "hideDivider",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "splitRatio",
-              "type": {
-                "text": "string"
-              },
-              "default": "'equal'"
-            }
-          ],
-          "attributes": [
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "hideDivider"
-            },
-            {
-              "name": "splitRatio",
-              "type": {
-                "text": "string"
-              },
-              "default": "'equal'",
-              "fieldName": "splitRatio"
-            }
-          ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
-          }
+          "kind": "variable",
+          "name": "normalizeStyles",
+          "default": "css`\n  h1,\n  h2,\n  h3,\n  h4,\n  h5 {\n    margin: 0 0 calc(var(--design-unit) * 4px) 0;\n  }\n`",
+          "description": "Normalize styles"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LayoutTwoPaneHorizontal",
-          "declaration": {
-            "name": "LayoutTwoPaneHorizontal",
-            "module": "src/old/layouts/two-pane-horizontal.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
+          "name": "normalizeStyles",
           "declaration": {
-            "name": "LayoutTwoPaneHorizontal",
-            "module": "src/old/layouts/two-pane-horizontal.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/old/styles/colors.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/old/styles/helpers.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "helperStyles",
-          "default": "css`\n  ::-webkit-scrollbar {\n    width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);\n  }\n\n  ::-webkit-scrollbar-track {\n    background: var(--neutral-layer-1);\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: var(--neutral-fill-rest);\n  }\n  .text-center {\n    text-align: center;\n  }\n\n  .text-right {\n    text-align: right;\n  }\n\n  .text-left {\n    text-align: left;\n  }\n\n  .my-20 {\n    margin-top: calc(var(--design-unit) * 5px);\n    margin-bottom: calc(var(--design-unit) * 5px);\n  }\n\n  .h-full {\n    height: 100%;\n  }\n\n  .h-90pc {\n    height: 90%;\n  }\n\n  .w-full {\n    width: 100%;\n  }\n\n  .max-w-50pc {\n    max-width: 50%;\n  }\n\n  .max-w-360px {\n    max-width: 360px;\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .flex-column {\n    flex-direction: column;\n  }\n\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n\n  .flex-grow {\n    flex-grow: 1;\n  }\n\n  .flex-column {\n    flex-direction: column;\n  }\n\n  .flex-1 {\n    flex: 1;\n  }\n\n  .space-between {\n    justify-content: space-between;\n  }\n\n  .flex-end {\n    justify-content: flex-end;\n  }\n\n  .items-center {\n    align-items: center;\n  }\n\n  .gap-1 {\n    gap: calc(var(--design-unit) * 4px);\n  }\n\n  .gap-2 {\n    gap: 2rem;\n  }\n\n  .gap-3 {\n    gap: 3rem;\n  }\n\n  .gap-4 {\n    gap: 4rem;\n  }\n\n  .mt-1 {\n    margin-top: calc(var(--design-unit) * 4px);\n  }\n\n  .mt-15px {\n    margin-top: calc(var(--design-unit) * 4px);\n  }\n\n  .mt-2 {\n    margin-top: 2rem;\n  }\n\n  .ml-5px {\n    margin-left: 5px;\n  }\n\n  .mr-5px {\n    margin-right: 5px;\n  }\n\n  .p-2 {\n    padding: 0.625rem;\n  }\n\n  .card {\n    padding: calc(var(--design-unit) * 4px);\n    width: 100%;\n    background-color: var(--neutral-layer-3);\n    border: none;\n  }\n\n  .overflow-auto {\n    overflow: auto;\n  }\n\n  .section-title {\n    font-size: var(--type-ramp-plus-4-font-size);\n    font-weight: 700;\n    line-height: normal;\n  }\n\n  .card-title {\n    color: var(--neutral-foreground-rest);\n    font-size: var(--type-ramp-base-font-size);\n    font-weight: 700;\n    line-height: normal;\n    margin-top: 0;\n    text-align: 'left';\n  }\n\n  .step-title {\n    font-size: var(--type-ramp-base-font-size);\n    line-height: 22px;\n  }\n\n  .card-description {\n    color: var(--neutral-foreground-hint);\n    line-height: normal;\n    font-size: var(--type-ramp-base-font-size);\n    font-weight: 700;\n  }\n\n  .spacer-3 {\n    height: 1.3rem;\n    margin: calc(var(--design-unit) * 4px) 0 calc(var(--design-unit) * 4px);\n  }\n\n  .light-grey {\n    color: var(--neutral-foreground-rest);\n  }\n\n  .dark-grey {\n    color: var(--neutral-foreground-hint);\n  }\n`",
-          "description": "Helper classes"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "helperStyles",
-          "declaration": {
-            "name": "helperStyles",
-            "module": "src/old/styles/helpers.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/old/styles/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./helpers"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./normalize"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./colors"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/old/styles/normalize.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "normalizeStyles",
-          "default": "css`\n  h1,\n  h2,\n  h3,\n  h4,\n  h5 {\n    margin: 0 0 calc(var(--design-unit) * 4px) 0;\n  }\n`",
-          "description": "Normalize styles"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "normalizeStyles",
-          "declaration": {
-            "name": "normalizeStyles",
-            "module": "src/old/styles/normalize.ts"
+            "name": "normalizeStyles",
+            "module": "src/old/styles/normalize.ts"
           }
         }
       ]
@@ -4397,54 +4397,54 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/config-journey-orchestrator.styles.ts",
+      "path": "src/new/components/clone-report-config-modal/clone-report-config-modal.styles.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "styles",
-          "default": "css`\n  :host {\n    --stepper-size: 50px;\n    ${constrainedDimensions({ navToContentPx: 300 })}\n  }\n\n  div.pad {\n    padding-top: 50px;\n  }\n\n  .centered {\n    max-width: var(--constrained-width);\n    max-height: calc(100vh - var(--reporting-header-to-content-height));\n    width: 100%;\n    margin: auto;\n  }\n\n  .scheduling-container {\n    display: flex;\n    height: 100%;\n  }\n\n  .scheduling-container-margin {\n    margin: 0 auto;\n  }\n\n  .block {\n    display: block;\n  }\n\n  datasource-config-container,\n  base-config {\n    overflow-y: auto;\n    overflow-x: clip;\n    min-height: var(--constrained-height);\n  }\n\n  div.button-container {\n    z-index: 1 !important;\n    position: absolute;\n    top: calc(var(--stepper-size) + calc(var(--design-unit) * 3px));\n    right: calc(var(--design-unit) * 3px);\n    display: flex;\n    align-content: center;\n    align-items: center;\n    gap: calc(var(--design-unit) * 3px);\n  }\n\n  tabbed-datasource-container,\n  row-filters {\n    max-width: var(--constrained-width);\n    margin: auto;\n    display: block;\n  }\n\n  rapid-stepper::part(action-buttons-container) {\n    border-top: calc(var(--stroke-width) * 1px) solid\n      color-mix(in srgb, var(--neutral-stroke-divider-rest), transparent 50%);\n    padding: calc(var(--design-unit) * 3px) calc(var(--design-unit) * 4px);\n  }\n\n  rapid-stepper::part(stepper-tab-panel) {\n    background: var(--app-bg-color);\n    justify-content: space-between;\n    border-bottom: calc(var(--stroke-width) * 1px) solid\n      color-mix(in srgb, var(--neutral-stroke-divider-rest), transparent 50%);\n  }\n\n  rapid-stepper::part(stepper-tab) {\n    border-bottom: calc(var(--stroke-width) * 1px) solid\n      color-mix(in srgb, var(--neutral-stroke-divider-rest), transparent 50%);\n    height: var(--stepper-size);\n  }\n\n  rapid-stepper::part(stepper-panel-container) {\n    overflow: hidden;\n    contain: size;\n  }\n\n  rapid-stepper.hidden::part(action-buttons-container) {\n    display: none;\n  }\n\n  rapid-stepper::part(stepper-tab-menu) {\n    margin: 0;\n    gap: 0;\n  }\n\n  rapid-stepper::part(stepper-tab-progress) {\n    background: var(--app-bg-color);\n    justify-content: center;\n    padding: 0;\n  }\n\n  /**\n   * Hacky way for now - need to adjust it in foundation\n  */\n  rapid-stepper-tab {\n    --neutral-layer-3: var(--app-bg-color);\n  }\n\n  :host(.readonly) rapid-stepper-tab-panel {\n    pointer-events: none;\n  }\n\n  ::-webkit-scrollbar {\n    width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);\n  }\n\n  ::-webkit-scrollbar-track {\n    background: var(--neutral-layer-1);\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: var(--neutral-fill-rest);\n  }\n`"
+          "name": "cloneReportConfigModalStyles",
+          "default": "css`\n  :host {\n    display: flex;\n    overflow: hidden;\n    flex-direction: column;\n    max-height: 100%;\n    width: 100%;\n  }\n\n  .clone-report-config-modal::part(dialog) {\n    padding: calc(var(--design-unit) * 4px);\n    background: var(--neutral-layer-4);\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n  }\n\n  .dialog-top {\n    font-size: var(--type-ramp-plus-2-font-size);\n    font-weight: 600;\n    line-height: var(--type-ramp-plus-2-line-height);\n    color: var(--neutral-foreground-rest);\n  }\n\n  .dialog-content {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    gap: calc(var(--design-unit) * 3px);\n    margin: 0;\n    padding: calc(var(--design-unit) * 4px) 0;\n  }\n\n  .help-text {\n    margin-bottom: calc(var(--design-unit) * 4px);\n    word-break: break-word;\n    white-space: normal;\n  }\n\n  .help-text p {\n    margin: 0;\n    color: var(--neutral-foreground-rest);\n    font-size: var(--type-ramp-base-font-size);\n    line-height: var(--type-ramp-base-line-height);\n  }\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "styles",
+          "name": "cloneReportConfigModalStyles",
           "declaration": {
-            "name": "styles",
-            "module": "src/new/main/edit-config/config-journey-orchestrator.styles.ts"
+            "name": "cloneReportConfigModalStyles",
+            "module": "src/new/components/clone-report-config-modal/clone-report-config-modal.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/config-journey-orchestrator.template.ts",
+      "path": "src/new/components/clone-report-config-modal/clone-report-config-modal.template.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "template",
-          "default": "html<ConfigJourneyOrchestrator>`\n  <template class=\"${(x) => classNames(['readonly', !permissionGuard(x, editPermission)])}\">\n    <div class=\"button-container\">\n      ${(ctx) =>\n        permissionTemplateGuard(\n          ctx,\n          editPermission,\n          html<ConfigJourneyOrchestrator>`\n            <rapid-button appearance=\"primary\" @click=${(x) => x.saveConfigHandler()}>\n              Save and Close\n            </rapid-button>\n          `,\n          html`\n            <p>You have read-only permissions</p>\n          `,\n        )}\n      <rapid-button @click=${(x) => x.showListViewHandler()}>\n        ${(x) => (permissionGuard(x, editPermission) ? 'Discard Changes' : 'Close')}\n      </rapid-button>\n    </div>\n\n    <rapid-stepper\n      allow-backward-jumps\n      allow-forward-jumps\n      orientation=\"horizontal\"\n      hide-submit-button\n      hide-step-number\n      :validation=${(x) => [\n        { isValid: () => x.validateProjectSetup() },\n        { isValid: () => x.validateDatasource() },\n      ]}\n    >\n      <rapid-stepper-tab>Report Setup</rapid-stepper-tab>\n      <rapid-stepper-tab>Add Datasources</rapid-stepper-tab>\n      <rapid-stepper-tab>Row Filters</rapid-stepper-tab>\n      <rapid-stepper-tab>Column Visibility</rapid-stepper-tab>\n      <!--<rapid-stepper-tab>Transform & Derive Data</rapid-stepper-tab>-->\n      <rapid-stepper-tab>Formatting</rapid-stepper-tab>\n      <!--<rapid-stepper-tab>Sorting</rapid-stepper-tab>-->\n      <rapid-stepper-tab>\n        Column\n        ${(_) => (selectors.baseConfig.getConfig().DOCUMENT_TEMPLATE_ID ? 'Aliases' : 'Renames')}\n      </rapid-stepper-tab>\n      <rapid-stepper-tab>Delivery</rapid-stepper-tab>\n\n      <rapid-stepper-tab-panel>\n        <div class=\"pad\">\n          <base-config class=\"centered block\"></base-config>\n        </div>\n      </rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>\n        <div class=\"pad\">\n          <datasource-config-container class=\"centered block\"></datasource-config-container>\n        </div>\n      </rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>\n        <tabbed-datasource-container>\n          <row-filters-tutorial\n            slot=\"${(_) => TABBED_DATASOURCE_HEADER_SLOT}\"\n          ></row-filters-tutorial>\n          <row-filters></row-filters>\n        </tabbed-datasource-container>\n      </rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>\n        <tabbed-datasource-container>\n          <col-filters-tutorial\n            slot=\"${(_) => TABBED_DATASOURCE_HEADER_SLOT}\"\n          ></col-filters-tutorial>\n          <col-filters></col-filters>\n        </tabbed-datasource-container>\n      </rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>\n        <tabbed-datasource-container>\n          <data-transforms-tutorial\n            slot=\"${(_) => TABBED_DATASOURCE_HEADER_SLOT}\"\n          ></data-transforms-tutorial>\n          <data-transforms-derived-fields></row-transforms-derived-fields>\n        </tabbed-datasource-container>\n      </rapid-stepper-tab-panel>\n\n      <!--\n      <rapid-stepper-tab-panel>Transform Data Content Goes Here</rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>Sorting Content Goes Here</rapid-stepper-tab-panel>\n-->\n\n      <rapid-stepper-tab-panel>\n        <tabbed-datasource-container>\n          <col-renames-aliases-tutorial\n            slot=\"${(_) => TABBED_DATASOURCE_HEADER_SLOT}\"\n          ></col-renames-aliases-tutorial>\n          <col-rename-alias></col-rename-alias>\n        </tabbed-datasource-container>\n      </rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>\n        <div class=\"scheduling-container pad\">\n          <scheduling-config class=\"centered scheduling-container-margin\"></scheduling-config>\n        </div>\n      </rapid-stepper-tab-panel>\n\n      <!--\n\n\n      <rapid-stepper-tab-panel>Destinations Content Goes Here</rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>Summary Content Goes Here</rapid-stepper-tab-panel>\n-->\n    </rapid-stepper>\n  </template>\n`"
+          "name": "CloneReportConfigModalTemplate",
+          "default": "html<CloneReportConfigModal>`\n  <rapid-modal\n    ${ref('cloneReportConfigModal')}\n    class=\"clone-report-config-modal\"\n    :onCloseCallback=${(x) => x.closeCloneReportConfigModal()}\n  >\n    <div slot=\"top\" class=\"dialog-top\">\n      ${(x) => (x.isImportMode ? 'Import Report Config' : 'Clone Report Config')}\n    </div>\n    <rapid-divider></rapid-divider>\n    <div class=\"dialog-content\">\n      <div class=\"help-text\">\n        <p>\n          ${(x) =>\n            x.isImportMode\n              ? 'Here you can import a report configuration from a file. You need to set a new report and filename as they must be unique.'\n              : \"Here you can clone a report configuration you've already made. You need to set a new report and filename as they must be unique.\"}\n        </p>\n      </div>\n      <label class=\"label\">Report name${requiredTooltip}${tooltip(TOOLTIP.SETUP_NAME)}</label>\n      <rapid-text-field\n        :value=${sync((x) => x.reportName)}\n        placeholder=\"Enter report name\"\n      ></rapid-text-field>\n      <label class=\"label\">File name${requiredTooltip}${tooltip(TOOLTIP.SETUP_FILENAME)}</label>\n      <rapid-text-field\n        :value=${sync((x) => x.fileName)}\n        placeholder=\"Enter file name\"\n      ></rapid-text-field>\n      ${when(\n        (x) => x.isImportMode && !!x.reportConfigDetails?.DOCUMENT_TEMPLATE_ID,\n        html`\n          ${fileTemplatePicker}\n          <p style=\"max-width: 745px;\">\n            Because the exported report requires a selected template you must select a valid\n            template to import this configuration. If there isn't a valid template then you must\n            upload one via the document manager component.\n          </p>\n        `,\n      )}\n    </div>\n    <rapid-divider></rapid-divider>\n    <div slot=\"bottom\" class=\"dialog-bottom\">\n      <rapid-button @click=${(x) => x.discardChanges()}>Cancel</rapid-button>\n      <rapid-button appearance=\"primary\" @click=${(x) => x.cloneReportConfig()}>\n        ${(x) => (x.isImportMode ? 'Import' : 'Clone')}\n      </rapid-button>\n    </div>\n  </rapid-modal>\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "template",
+          "name": "CloneReportConfigModalTemplate",
           "declaration": {
-            "name": "template",
-            "module": "src/new/main/edit-config/config-journey-orchestrator.template.ts"
+            "name": "CloneReportConfigModalTemplate",
+            "module": "src/new/components/clone-report-config-modal/clone-report-config-modal.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/edit-config/config-journey-orchestrator.ts",
+      "path": "src/new/components/clone-report-config-modal/clone-report-config-modal.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Orchestrates validate/save/discard for report config editing.",
-          "name": "ConfigJourneyOrchestrator",
+          "description": "",
+          "name": "CloneReportConfigModal",
           "members": [
             {
               "kind": "field",
@@ -4455,139 +4455,372 @@
             },
             {
               "kind": "field",
-              "name": "user",
+              "name": "cloneReportConfigModal",
               "type": {
-                "text": "User"
+                "text": "Modal"
               }
             },
             {
               "kind": "field",
-              "name": "validateConfig",
-              "privacy": "private"
+              "name": "reportConfigDetails",
+              "type": {
+                "text": "Genesis.ServerReportConfig"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "reportName",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "fileName",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "fileTemplates",
+              "type": {
+                "text": "Array<Genesis.FileStorageDataRow>"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "allowedTemplates",
+              "type": {
+                "text": "Array<Genesis.FileStorageDataRow>"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "selectedTemplateId",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "isImportMode",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
             },
             {
               "kind": "method",
-              "name": "showListViewHandler"
+              "name": "getReportConfigDetails",
+              "parameters": [
+                {
+                  "name": "ID",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "validateProjectSetup"
+              "name": "showReportConfigModal",
+              "parameters": [
+                {
+                  "name": "ID",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "validateDatasource"
+              "name": "showImportModal",
+              "parameters": [
+                {
+                  "name": "config",
+                  "type": {
+                    "text": "Genesis.ServerReportConfig"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "saveConfigHandler"
+              "name": "closeCloneReportConfigModal"
             },
             {
               "kind": "method",
-              "name": "displayError",
-              "privacy": "private",
+              "name": "getFileTemplates",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getAllowedTemplates",
+              "return": {
+                "type": {
+                  "text": "Array<Genesis.FileStorageDataRow>"
+                }
+              },
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "outputFormat",
                   "type": {
-                    "text": "Error"
+                    "text": "string"
                   }
-                },
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleTemplateSelectChange",
+              "parameters": [
                 {
-                  "name": "expose",
-                  "default": "false"
+                  "name": "selectInput",
+                  "type": {
+                    "text": "HTMLSelectElement"
+                  }
                 }
               ]
-            }
-          ],
-          "events": [
+            },
             {
-              "description": "Fired to switch the report configuration display mode. detail: `'edit' | 'list'`",
-              "name": "set-report-config-disp-mode"
-            }
-          ],
-          "mixins": [
+              "kind": "method",
+              "name": "discardChanges"
+            },
             {
-              "name": "EventEmitter",
-              "package": "@genesislcap/foundation-events"
+              "kind": "method",
+              "name": "filterFields",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Partial<T>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "obj",
+                  "type": {
+                    "text": "T"
+                  }
+                },
+                {
+                  "name": "excludedFields",
+                  "type": {
+                    "text": "readonly string[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "cloneReportConfig"
+            },
+            {
+              "kind": "method",
+              "name": "showErrorToast",
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             }
           ],
           "superclass": {
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "config-journey-orchestrator",
+          "tagName": "clone-report-config-modal",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ConfigJourneyOrchestrator",
+          "name": "CloneReportConfigModal",
           "declaration": {
-            "name": "ConfigJourneyOrchestrator",
-            "module": "src/new/main/edit-config/config-journey-orchestrator.ts"
+            "name": "CloneReportConfigModal",
+            "module": "src/new/components/clone-report-config-modal/clone-report-config-modal.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "config-journey-orchestrator",
+          "name": "clone-report-config-modal",
           "declaration": {
-            "name": "ConfigJourneyOrchestrator",
-            "module": "src/new/main/edit-config/config-journey-orchestrator.ts"
+            "name": "CloneReportConfigModal",
+            "module": "src/new/components/clone-report-config-modal/clone-report-config-modal.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/generated-reports/generated-reports.styles.ts",
+      "path": "src/new/components/renderers/data-transform-renderer.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DataTransformRenderer",
+          "members": [
+            {
+              "kind": "field",
+              "name": "params",
+              "type": {
+                "text": "DataTransformRendererParams"
+              },
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "ExpressionBuilderTypes.ValueConfig"
+              },
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "modal",
+              "type": {
+                "text": "Modal"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "init",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "params",
+                  "type": {
+                    "text": "DataTransformRendererParams"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getGui",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "HTMLElement"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "refresh",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "params",
+                  "type": {
+                    "text": "DataTransformRendererParams"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "changeHandler",
+              "privacy": "public"
+            }
+          ],
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          },
+          "tagName": "data-transform-cell-renderer",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DataTransformRenderer",
+          "declaration": {
+            "name": "DataTransformRenderer",
+            "module": "src/new/components/renderers/data-transform-renderer.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "data-transform-cell-renderer",
+          "declaration": {
+            "name": "DataTransformRenderer",
+            "module": "src/new/components/renderers/data-transform-renderer.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/components/reporting-configurations/reporting-configurations.styles.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "GeneratedReportsStyles",
-          "default": "css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n  }\n\n  .container {\n    padding: calc(var(--design-unit) * 4px);\n    width: 40%;\n  }\n`"
+          "name": "ReportingConfigurationStyles",
+          "default": "css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n  }\n\n  .header-container {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 3px);\n    gap: calc(var(--design-unit) * 4px);\n    border-bottom: 1px solid var(--neutral-fill-rest);\n  }\n\n  .header-buttons {\n    display: flex;\n    align-items: center;\n  }\n\n  rapid-button.header-btn {\n    background: transparent;\n    color: var(--neutral-foreground-hint);\n  }\n\n  rapid-button.header-btn::part(content) {\n    color: var(--neutral-foreground-rest);\n  }\n\n  rapid-button.header-btn:hover {\n    background: var(--neutral-fill-stealth-rest);\n    color: var(--neutral-foreground-rest);\n  }\n\n  rapid-search-bar {\n    width: 30%;\n  }\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "GeneratedReportsStyles",
+          "name": "ReportingConfigurationStyles",
           "declaration": {
-            "name": "GeneratedReportsStyles",
-            "module": "src/new/main/generated-reports/generated-reports.styles.ts"
+            "name": "ReportingConfigurationStyles",
+            "module": "src/new/components/reporting-configurations/reporting-configurations.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/generated-reports/generated-reports.template.ts",
+      "path": "src/new/components/reporting-configurations/reporting-configurations.template.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "GeneratedReportsTemplate",
-          "default": "html<GeneratedReports>`\n  ${(x) =>\n    permissionTemplateGuard(x, [Permissions.ReportView, Permissions.ReportRun], viewTemplate)}\n`"
+          "name": "ReportingConfigurationsTemplate",
+          "default": "html<ReportingConfigurations>`\n  ${(x) => permissionTemplateGuard(x, Permissions.ReportConfigurationView, viewTemplate)}\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "GeneratedReportsTemplate",
+          "name": "ReportingConfigurationsTemplate",
           "declaration": {
-            "name": "GeneratedReportsTemplate",
-            "module": "src/new/main/generated-reports/generated-reports.template.ts"
+            "name": "ReportingConfigurationsTemplate",
+            "module": "src/new/components/reporting-configurations/reporting-configurations.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/main/generated-reports/generated-reports.ts",
+      "path": "src/new/components/reporting-configurations/reporting-configurations.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "GeneratedReports",
+          "description": "Report configuration grid and toolbar actions.",
+          "name": "ReportingConfigurations",
           "members": [
             {
               "kind": "field",
@@ -4598,25 +4831,32 @@
             },
             {
               "kind": "field",
-              "name": "generatedReportsDatasource",
+              "name": "reportConfigurationsDatasource",
               "type": {
                 "text": "GridProGenesisDatasource"
               }
             },
             {
               "kind": "field",
-              "name": "generatedReportId",
+              "name": "gridCriteria",
               "type": {
-                "text": "string | null"
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "cloneConfigModal",
+              "type": {
+                "text": "CloneReportConfigModal"
               }
             },
             {
               "kind": "field",
-              "name": "gridCriteria",
+              "name": "importFileInput",
               "type": {
-                "text": "string"
-              },
-              "default": "''"
+                "text": "HTMLInputElement"
+              }
             },
             {
               "kind": "field",
@@ -4632,15 +4872,23 @@
                 "text": "array"
               },
               "privacy": "public",
-              "default": "[\n    {\n      field: 'NAME',\n      label: (searchTerm) => `${searchTerm} as NAME`,\n      createCriteria: getCriteriaBuilder,\n      isEnabled: (searchTerm, selectedOption) => {\n        return (\n          searchTerm.length >= INPUT_MIN_LENGTH && !selectedOption.some((e) => e.field === 'NAME')\n        );\n      },\n    },\n    {\n      field: 'FILE_NAME',\n      label: (searchTerm) => `${searchTerm} as FILE_NAME`,\n      createCriteria: getCriteriaBuilder,\n      isEnabled: (searchTerm, selectedOption) => {\n        return (\n          searchTerm.length >= INPUT_MIN_LENGTH &&\n          !selectedOption.some((e) => e.field === 'FILE_NAME')\n        );\n      },\n    },\n    {\n      field: 'STATUS',\n      label: (searchTerm) => `${searchTerm} as STATUS`,\n      createCriteria: getCriteriaBuilder,\n      isEnabled: (searchTerm, selectedOption) => {\n        return (\n          searchTerm.length >= INPUT_MIN_LENGTH && !selectedOption.some((e) => e.field === 'STATUS')\n        );\n      },\n    },\n  ]"
+              "default": "[\n    {\n      field: 'NAME',\n      label: (searchTerm) => `${searchTerm} as NAME`,\n      createCriteria: getCriteriaBuilder,\n      isEnabled: (searchTerm, selectedOption) => {\n        return (\n          searchTerm.length >= INPUT_MIN_LENGTH && !selectedOption.some((e) => e.field === 'NAME')\n        );\n      },\n    },\n  ]"
             },
             {
-              "kind": "field",
-              "name": "getColor"
+              "kind": "method",
+              "name": "createNewReportHandler"
             },
             {
-              "kind": "field",
-              "name": "getStatusRenderer"
+              "kind": "method",
+              "name": "editReportConfigHandler",
+              "parameters": [
+                {
+                  "name": "{ NAME, ID }",
+                  "type": {
+                    "text": "{ NAME: string; ID: string }"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
@@ -4652,24 +4900,27 @@
             },
             {
               "kind": "method",
-              "name": "downloadReport",
+              "name": "deleteReportConfig",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "fileStorageId",
-                  "type": {
-                    "text": "string"
-                  }
+                  "name": "reportConfigId"
+                },
+                {
+                  "name": "reportName"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "deleteReport",
+              "name": "runReport",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "generatedReportId"
+                  "name": "reportConfigId"
+                },
+                {
+                  "name": "reportName"
                 }
               ]
             },
@@ -4684,188 +4935,143 @@
                   }
                 }
               ]
-            }
-          ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
-          },
-          "tagName": "generated-reports",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "GeneratedReports",
-          "declaration": {
-            "name": "GeneratedReports",
-            "module": "src/new/main/generated-reports/generated-reports.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "generated-reports",
-          "declaration": {
-            "name": "GeneratedReports",
-            "module": "src/new/main/generated-reports/generated-reports.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/main/report-destinations/report-destinations.template.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "template",
-          "default": "html<ReportDestinations>`\n  ${(x) => permissionTemplateGuard(x, Permissions.ReportDestinationView, viewTemplate)}\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "template",
-          "declaration": {
-            "name": "template",
-            "module": "src/new/main/report-destinations/report-destinations.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/main/report-destinations/report-destinations.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ReportDestinations",
-          "members": [
-            {
-              "kind": "field",
-              "name": "connect",
-              "type": {
-                "text": "Connect"
-              },
-              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "topics",
-              "type": {
-                "text": "string[]"
-              },
-              "default": "[]"
+              "kind": "method",
+              "name": "openCloneReportConfigModal",
+              "parameters": [
+                {
+                  "name": "e"
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "user",
-              "type": {
-                "text": "User"
-              }
+              "kind": "method",
+              "name": "importConfigHandler"
             },
             {
-              "kind": "field",
-              "name": "getUISchema",
-              "type": {
-                "text": "UiSchema"
-              },
-              "readonly": true
+              "kind": "method",
+              "name": "handleFileImport",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "setNotifyRouteTopics",
-              "privacy": "public"
+              "name": "exportConfig",
+              "parameters": [
+                {
+                  "name": "{ NAME, ID }",
+                  "type": {
+                    "text": "{ NAME: string; ID: string }"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired to switch the report configuration display mode. detail: `'edit' | 'list'`",
+              "name": "set-report-config-disp-mode"
+            },
+            {
+              "name": "highlight-grid-row"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "EventEmitter",
+              "package": "@genesislcap/foundation-events"
             }
           ],
           "superclass": {
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "report-destinations",
+          "tagName": "reporting-configurations",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ReportDestinations",
+          "name": "ReportingConfigurations",
           "declaration": {
-            "name": "ReportDestinations",
-            "module": "src/new/main/report-destinations/report-destinations.ts"
+            "name": "ReportingConfigurations",
+            "module": "src/new/components/reporting-configurations/reporting-configurations.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "report-destinations",
+          "name": "reporting-configurations",
           "declaration": {
-            "name": "ReportDestinations",
-            "module": "src/new/main/report-destinations/report-destinations.ts"
+            "name": "ReportingConfigurations",
+            "module": "src/new/components/reporting-configurations/reporting-configurations.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/store/slices/base-config.ts",
+      "path": "src/new/components/shared/file-template-picker.template.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "baseSlice"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "baseSlice",
-          "declaration": {
-            "name": "baseSlice",
-            "module": "src/new/store/slices/base-config.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/store/slices/datasources-config.ts",
-      "declarations": [
+          "name": "NULL_TEMPLATE",
+          "type": {
+            "text": "string"
+          },
+          "default": "'Select a template'"
+        },
         {
           "kind": "variable",
-          "name": "initialState",
+          "name": "allowedTemplateFiletypes",
           "type": {
-            "text": "DatasourceConfig"
+            "text": "Record<ReportOutputTypes, string[]>"
           },
-          "default": "{}"
+          "default": "{\n  CSV: ['csv', 'txt'],\n  PDF: ['html', 'xhtml'],\n  XLSX: ['xls', 'xlsx'],\n}"
         },
         {
           "kind": "variable",
-          "name": "datasourceSlice"
+          "name": "fileTemplatePicker",
+          "default": "html<BaseConfig | CloneReportConfigModal>`\n  <label class=\"label\">File template${tooltip(TOOLTIP.SETUP_FILE_TEMPLATE)}</label>\n  ${repeat(\n    (x) => (x.allowedTemplates?.length > 0 ? [x] : []),\n    html<BaseConfig | CloneReportConfigModal>`\n      <rapid-select\n        data-test-id=\"config-document-template\"\n        :value=${(x) => x.selectedTemplateId || NULL_TEMPLATE}\n        @change=${(x, ctx) => x.handleTemplateSelectChange(ctx.event.target as HTMLSelectElement)}\n      >\n        <rapid-option value=${() => NULL_TEMPLATE}>${NULL_TEMPLATE}</rapid-option>\n        ${repeat(\n          (x) => x.allowedTemplates,\n          html<Genesis.FileStorageDataRow>`\n            <rapid-option value=\"${(x) => x[Genesis.FileStorageFields.FILE_STORAGE_ID]}\">\n              ${(x) => x[Genesis.FileStorageFields.FILE_NAME]}\n            </rapid-option>\n          `,\n        )}\n      </rapid-select>\n    `,\n    { recycle: false },\n  )}\n  ${when(\n    (x) => !x.allowedTemplates || x.allowedTemplates.length === 0,\n    html`\n      No valid templates available for this output format.\n    `,\n  )}\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "initialState",
+          "name": "NULL_TEMPLATE",
           "declaration": {
-            "name": "initialState",
-            "module": "src/new/store/slices/datasources-config.ts"
+            "name": "NULL_TEMPLATE",
+            "module": "src/new/components/shared/file-template-picker.template.ts"
           }
         },
         {
           "kind": "js",
-          "name": "datasourceSlice",
+          "name": "allowedTemplateFiletypes",
           "declaration": {
-            "name": "datasourceSlice",
-            "module": "src/new/store/slices/datasources-config.ts"
+            "name": "allowedTemplateFiletypes",
+            "module": "src/new/components/shared/file-template-picker.template.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "fileTemplatePicker",
+          "declaration": {
+            "name": "fileTemplatePicker",
+            "module": "src/new/components/shared/file-template-picker.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/store/slices/index.ts",
+      "path": "src/new/lib/redux-store/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -4873,15 +5079,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./base-config"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./datasources-config"
+            "package": "./store"
           }
         },
         {
@@ -4889,138 +5087,27 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./types"
+            "package": "./state-utils"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/store/slices/types.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "deselectedColumns",
-          "type": {
-            "text": "array"
-          },
-          "default": "['RECORD_ID', 'TIMESTAMP']"
-        },
-        {
-          "kind": "variable",
-          "name": "datasourceInputs",
-          "type": {
-            "text": "['REQ_REP', 'DATA_PIPELINE']"
-          },
-          "default": "['REQ_REP', 'DATA_PIPELINE']"
-        },
-        {
-          "kind": "variable",
-          "name": "datasourceOutputs",
-          "type": {
-            "text": "[\n  // 'RECORD_STREAM',\n  'TABLE',\n]"
-          },
-          "default": "[\n  // 'RECORD_STREAM',\n  'TABLE',\n]"
-        },
-        {
-          "kind": "variable",
-          "name": "datasourceGroupingStrategies",
-          "type": {
-            "text": "['NONE', 'MULTI_SHEET', 'LOOKUP_TABLE']"
-          },
-          "default": "['NONE', 'MULTI_SHEET', 'LOOKUP_TABLE']"
-        },
-        {
-          "kind": "variable",
-          "name": "reportOutputFormats",
-          "type": {
-            "text": "['CSV', 'PDF', 'XLSX']"
-          },
-          "default": "['CSV', 'PDF', 'XLSX']"
-        }
-      ],
+      "path": "src/new/lib/redux-store/state-utils.ts",
+      "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "deselectedColumns",
+          "name": "find",
           "declaration": {
-            "name": "deselectedColumns",
-            "module": "src/new/store/slices/types.ts"
+            "name": "find",
+            "package": "lodash"
           }
         },
         {
           "kind": "js",
-          "name": "datasourceInputs",
-          "declaration": {
-            "name": "datasourceInputs",
-            "module": "src/new/store/slices/types.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "datasourceOutputs",
-          "declaration": {
-            "name": "datasourceOutputs",
-            "module": "src/new/store/slices/types.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "datasourceGroupingStrategies",
-          "declaration": {
-            "name": "datasourceGroupingStrategies",
-            "module": "src/new/store/slices/types.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "reportOutputFormats",
-          "declaration": {
-            "name": "reportOutputFormats",
-            "module": "src/new/store/slices/types.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/lib/redux-store/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./store"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./state-utils"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/lib/redux-store/state-utils.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "find",
-          "declaration": {
-            "name": "find",
-            "package": "lodash"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "get",
+          "name": "get",
           "declaration": {
             "name": "get",
             "package": "lodash"
@@ -5093,54 +5180,54 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/components/clone-report-config-modal/clone-report-config-modal.styles.ts",
+      "path": "src/new/main/edit-config/config-journey-orchestrator.styles.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "cloneReportConfigModalStyles",
-          "default": "css`\n  :host {\n    display: flex;\n    overflow: hidden;\n    flex-direction: column;\n    max-height: 100%;\n    width: 100%;\n  }\n\n  .clone-report-config-modal::part(dialog) {\n    padding: calc(var(--design-unit) * 4px);\n    background: var(--neutral-layer-4);\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n  }\n\n  .dialog-top {\n    font-size: var(--type-ramp-plus-2-font-size);\n    font-weight: 600;\n    line-height: var(--type-ramp-plus-2-line-height);\n    color: var(--neutral-foreground-rest);\n  }\n\n  .dialog-content {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    gap: calc(var(--design-unit) * 3px);\n    margin: 0;\n    padding: calc(var(--design-unit) * 4px) 0;\n  }\n\n  .help-text {\n    margin-bottom: calc(var(--design-unit) * 4px);\n    word-break: break-word;\n    white-space: normal;\n  }\n\n  .help-text p {\n    margin: 0;\n    color: var(--neutral-foreground-rest);\n    font-size: var(--type-ramp-base-font-size);\n    line-height: var(--type-ramp-base-line-height);\n  }\n`"
+          "name": "styles",
+          "default": "css`\n  :host {\n    --stepper-size: 50px;\n    ${constrainedDimensions({ navToContentPx: 300 })}\n  }\n\n  div.pad {\n    padding-top: 50px;\n  }\n\n  .centered {\n    max-width: var(--constrained-width);\n    max-height: calc(100vh - var(--reporting-header-to-content-height));\n    width: 100%;\n    margin: auto;\n  }\n\n  .scheduling-container {\n    display: flex;\n    height: 100%;\n  }\n\n  .scheduling-container-margin {\n    margin: 0 auto;\n  }\n\n  .block {\n    display: block;\n  }\n\n  datasource-config-container,\n  base-config {\n    overflow-y: auto;\n    overflow-x: clip;\n    min-height: var(--constrained-height);\n  }\n\n  div.button-container {\n    z-index: 1 !important;\n    position: absolute;\n    top: calc(var(--stepper-size) + calc(var(--design-unit) * 3px));\n    right: calc(var(--design-unit) * 3px);\n    display: flex;\n    align-content: center;\n    align-items: center;\n    gap: calc(var(--design-unit) * 3px);\n  }\n\n  tabbed-datasource-container,\n  row-filters {\n    max-width: var(--constrained-width);\n    margin: auto;\n    display: block;\n  }\n\n  rapid-stepper::part(action-buttons-container) {\n    border-top: calc(var(--stroke-width) * 1px) solid\n      color-mix(in srgb, var(--neutral-stroke-divider-rest), transparent 50%);\n    padding: calc(var(--design-unit) * 3px) calc(var(--design-unit) * 4px);\n  }\n\n  rapid-stepper::part(stepper-tab-panel) {\n    background: var(--app-bg-color);\n    justify-content: space-between;\n    border-bottom: calc(var(--stroke-width) * 1px) solid\n      color-mix(in srgb, var(--neutral-stroke-divider-rest), transparent 50%);\n  }\n\n  rapid-stepper::part(stepper-tab) {\n    border-bottom: calc(var(--stroke-width) * 1px) solid\n      color-mix(in srgb, var(--neutral-stroke-divider-rest), transparent 50%);\n    height: var(--stepper-size);\n  }\n\n  rapid-stepper::part(stepper-panel-container) {\n    overflow: hidden;\n    contain: size;\n  }\n\n  rapid-stepper.hidden::part(action-buttons-container) {\n    display: none;\n  }\n\n  rapid-stepper::part(stepper-tab-menu) {\n    margin: 0;\n    gap: 0;\n  }\n\n  rapid-stepper::part(stepper-tab-progress) {\n    background: var(--app-bg-color);\n    justify-content: center;\n    padding: 0;\n  }\n\n  /**\n   * Hacky way for now - need to adjust it in foundation\n  */\n  rapid-stepper-tab {\n    --neutral-layer-3: var(--app-bg-color);\n  }\n\n  :host(.readonly) rapid-stepper-tab-panel {\n    pointer-events: none;\n  }\n\n  ::-webkit-scrollbar {\n    width: calc((var(--base-height-multiplier) + var(--design-unit)) * 1px);\n  }\n\n  ::-webkit-scrollbar-track {\n    background: var(--neutral-layer-1);\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background: var(--neutral-fill-rest);\n  }\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "cloneReportConfigModalStyles",
+          "name": "styles",
           "declaration": {
-            "name": "cloneReportConfigModalStyles",
-            "module": "src/new/components/clone-report-config-modal/clone-report-config-modal.styles.ts"
+            "name": "styles",
+            "module": "src/new/main/edit-config/config-journey-orchestrator.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/components/clone-report-config-modal/clone-report-config-modal.template.ts",
+      "path": "src/new/main/edit-config/config-journey-orchestrator.template.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "CloneReportConfigModalTemplate",
-          "default": "html<CloneReportConfigModal>`\n  <rapid-modal\n    ${ref('cloneReportConfigModal')}\n    class=\"clone-report-config-modal\"\n    :onCloseCallback=${(x) => x.closeCloneReportConfigModal()}\n  >\n    <div slot=\"top\" class=\"dialog-top\">\n      ${(x) => (x.isImportMode ? 'Import Report Config' : 'Clone Report Config')}\n    </div>\n    <rapid-divider></rapid-divider>\n    <div class=\"dialog-content\">\n      <div class=\"help-text\">\n        <p>\n          ${(x) =>\n            x.isImportMode\n              ? 'Here you can import a report configuration from a file. You need to set a new report and filename as they must be unique.'\n              : \"Here you can clone a report configuration you've already made. You need to set a new report and filename as they must be unique.\"}\n        </p>\n      </div>\n      <label class=\"label\">Report name${requiredTooltip}${tooltip(TOOLTIP.SETUP_NAME)}</label>\n      <rapid-text-field\n        :value=${sync((x) => x.reportName)}\n        placeholder=\"Enter report name\"\n      ></rapid-text-field>\n      <label class=\"label\">File name${requiredTooltip}${tooltip(TOOLTIP.SETUP_FILENAME)}</label>\n      <rapid-text-field\n        :value=${sync((x) => x.fileName)}\n        placeholder=\"Enter file name\"\n      ></rapid-text-field>\n      ${when(\n        (x) => x.isImportMode && !!x.reportConfigDetails?.DOCUMENT_TEMPLATE_ID,\n        html`\n          ${fileTemplatePicker}\n          <p style=\"max-width: 745px;\">\n            Because the exported report requires a selected template you must select a valid\n            template to import this configuration. If there isn't a valid template then you must\n            upload one via the document manager component.\n          </p>\n        `,\n      )}\n    </div>\n    <rapid-divider></rapid-divider>\n    <div slot=\"bottom\" class=\"dialog-bottom\">\n      <rapid-button @click=${(x) => x.discardChanges()}>Cancel</rapid-button>\n      <rapid-button appearance=\"primary\" @click=${(x) => x.cloneReportConfig()}>\n        ${(x) => (x.isImportMode ? 'Import' : 'Clone')}\n      </rapid-button>\n    </div>\n  </rapid-modal>\n`"
+          "name": "template",
+          "default": "html<ConfigJourneyOrchestrator>`\n  <template class=\"${(x) => classNames(['readonly', !permissionGuard(x, editPermission)])}\">\n    <div class=\"button-container\">\n      ${(ctx) =>\n        permissionTemplateGuard(\n          ctx,\n          editPermission,\n          html<ConfigJourneyOrchestrator>`\n            <rapid-button appearance=\"primary\" @click=${(x) => x.saveConfigHandler()}>\n              Save and Close\n            </rapid-button>\n          `,\n          html`\n            <p>You have read-only permissions</p>\n          `,\n        )}\n      <rapid-button @click=${(x) => x.showListViewHandler()}>\n        ${(x) => (permissionGuard(x, editPermission) ? 'Discard Changes' : 'Close')}\n      </rapid-button>\n    </div>\n\n    <rapid-stepper\n      allow-backward-jumps\n      allow-forward-jumps\n      orientation=\"horizontal\"\n      hide-submit-button\n      hide-step-number\n      :validation=${(x) => [\n        { isValid: () => x.validateProjectSetup() },\n        { isValid: () => x.validateDatasource() },\n      ]}\n    >\n      <rapid-stepper-tab>Report Setup</rapid-stepper-tab>\n      <rapid-stepper-tab>Add Datasources</rapid-stepper-tab>\n      <rapid-stepper-tab>Row Filters</rapid-stepper-tab>\n      <rapid-stepper-tab>Column Visibility</rapid-stepper-tab>\n      <!--<rapid-stepper-tab>Transform & Derive Data</rapid-stepper-tab>-->\n      <rapid-stepper-tab>Formatting</rapid-stepper-tab>\n      <!--<rapid-stepper-tab>Sorting</rapid-stepper-tab>-->\n      <rapid-stepper-tab>\n        Column\n        ${(_) => (selectors.baseConfig.getConfig().DOCUMENT_TEMPLATE_ID ? 'Aliases' : 'Renames')}\n      </rapid-stepper-tab>\n      <rapid-stepper-tab>Delivery</rapid-stepper-tab>\n\n      <rapid-stepper-tab-panel>\n        <div class=\"pad\">\n          <base-config class=\"centered block\"></base-config>\n        </div>\n      </rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>\n        <div class=\"pad\">\n          <datasource-config-container class=\"centered block\"></datasource-config-container>\n        </div>\n      </rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>\n        <tabbed-datasource-container>\n          <row-filters-tutorial\n            slot=\"${(_) => TABBED_DATASOURCE_HEADER_SLOT}\"\n          ></row-filters-tutorial>\n          <row-filters></row-filters>\n        </tabbed-datasource-container>\n      </rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>\n        <tabbed-datasource-container>\n          <col-filters-tutorial\n            slot=\"${(_) => TABBED_DATASOURCE_HEADER_SLOT}\"\n          ></col-filters-tutorial>\n          <col-filters></col-filters>\n        </tabbed-datasource-container>\n      </rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>\n        <tabbed-datasource-container>\n          <data-transforms-tutorial\n            slot=\"${(_) => TABBED_DATASOURCE_HEADER_SLOT}\"\n          ></data-transforms-tutorial>\n          <data-transforms-derived-fields></row-transforms-derived-fields>\n        </tabbed-datasource-container>\n      </rapid-stepper-tab-panel>\n\n      <!--\n      <rapid-stepper-tab-panel>Transform Data Content Goes Here</rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>Sorting Content Goes Here</rapid-stepper-tab-panel>\n-->\n\n      <rapid-stepper-tab-panel>\n        <tabbed-datasource-container>\n          <col-renames-aliases-tutorial\n            slot=\"${(_) => TABBED_DATASOURCE_HEADER_SLOT}\"\n          ></col-renames-aliases-tutorial>\n          <col-rename-alias></col-rename-alias>\n        </tabbed-datasource-container>\n      </rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>\n        <div class=\"scheduling-container pad\">\n          <scheduling-config class=\"centered scheduling-container-margin\"></scheduling-config>\n        </div>\n      </rapid-stepper-tab-panel>\n\n      <!--\n\n\n      <rapid-stepper-tab-panel>Destinations Content Goes Here</rapid-stepper-tab-panel>\n\n      <rapid-stepper-tab-panel>Summary Content Goes Here</rapid-stepper-tab-panel>\n-->\n    </rapid-stepper>\n  </template>\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "CloneReportConfigModalTemplate",
+          "name": "template",
           "declaration": {
-            "name": "CloneReportConfigModalTemplate",
-            "module": "src/new/components/clone-report-config-modal/clone-report-config-modal.template.ts"
+            "name": "template",
+            "module": "src/new/main/edit-config/config-journey-orchestrator.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/components/clone-report-config-modal/clone-report-config-modal.ts",
+      "path": "src/new/main/edit-config/config-journey-orchestrator.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "CloneReportConfigModal",
+          "description": "Orchestrates validate/save/discard for report config editing.",
+          "name": "ConfigJourneyOrchestrator",
           "members": [
             {
               "kind": "field",
@@ -5151,372 +5238,139 @@
             },
             {
               "kind": "field",
-              "name": "cloneReportConfigModal",
-              "type": {
-                "text": "Modal"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "reportConfigDetails",
+              "name": "user",
               "type": {
-                "text": "Genesis.ServerReportConfig"
+                "text": "User"
               }
             },
             {
               "kind": "field",
-              "name": "reportName",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "fileName",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "fileTemplates",
-              "type": {
-                "text": "Array<Genesis.FileStorageDataRow>"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "allowedTemplates",
-              "type": {
-                "text": "Array<Genesis.FileStorageDataRow>"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "selectedTemplateId",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "isImportMode",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "method",
-              "name": "getReportConfigDetails",
-              "parameters": [
-                {
-                  "name": "ID",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "showReportConfigModal",
-              "parameters": [
-                {
-                  "name": "ID",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "showImportModal",
-              "parameters": [
-                {
-                  "name": "config",
-                  "type": {
-                    "text": "Genesis.ServerReportConfig"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "closeCloneReportConfigModal"
+              "name": "validateConfig",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "getFileTemplates",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              }
+              "name": "showListViewHandler"
             },
             {
               "kind": "method",
-              "name": "getAllowedTemplates",
-              "return": {
-                "type": {
-                  "text": "Array<Genesis.FileStorageDataRow>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "outputFormat",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "name": "validateProjectSetup"
             },
             {
               "kind": "method",
-              "name": "handleTemplateSelectChange",
-              "parameters": [
-                {
-                  "name": "selectInput",
-                  "type": {
-                    "text": "HTMLSelectElement"
-                  }
-                }
-              ]
+              "name": "validateDatasource"
             },
             {
               "kind": "method",
-              "name": "discardChanges"
+              "name": "saveConfigHandler"
             },
             {
               "kind": "method",
-              "name": "filterFields",
+              "name": "displayError",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Partial<T>"
-                }
-              },
               "parameters": [
                 {
-                  "name": "obj",
+                  "name": "e",
                   "type": {
-                    "text": "T"
+                    "text": "Error"
                   }
                 },
                 {
-                  "name": "excludedFields",
-                  "type": {
-                    "text": "readonly string[]"
-                  }
+                  "name": "expose",
+                  "default": "false"
                 }
               ]
-            },
-            {
-              "kind": "method",
-              "name": "cloneReportConfig"
-            },
+            }
+          ],
+          "events": [
             {
-              "kind": "method",
-              "name": "showErrorToast",
-              "parameters": [
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "description": "Fired to switch the report configuration display mode. detail: `'edit' | 'list'`",
+              "name": "set-report-config-disp-mode"
             }
           ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
-          },
-          "tagName": "clone-report-config-modal",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "CloneReportConfigModal",
-          "declaration": {
-            "name": "CloneReportConfigModal",
-            "module": "src/new/components/clone-report-config-modal/clone-report-config-modal.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "clone-report-config-modal",
-          "declaration": {
-            "name": "CloneReportConfigModal",
-            "module": "src/new/components/clone-report-config-modal/clone-report-config-modal.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/new/components/renderers/data-transform-renderer.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "DataTransformRenderer",
-          "members": [
-            {
-              "kind": "field",
-              "name": "params",
-              "type": {
-                "text": "DataTransformRendererParams"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "ExpressionBuilderTypes.ValueConfig"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "modal",
-              "type": {
-                "text": "Modal"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "init",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "params",
-                  "type": {
-                    "text": "DataTransformRendererParams"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "getGui",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "HTMLElement"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "refresh",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "params",
-                  "type": {
-                    "text": "DataTransformRendererParams"
-                  }
-                }
-              ]
-            },
+          "mixins": [
             {
-              "kind": "field",
-              "name": "changeHandler",
-              "privacy": "public"
+              "name": "EventEmitter",
+              "package": "@genesislcap/foundation-events"
             }
           ],
           "superclass": {
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "data-transform-cell-renderer",
+          "tagName": "config-journey-orchestrator",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DataTransformRenderer",
+          "name": "ConfigJourneyOrchestrator",
           "declaration": {
-            "name": "DataTransformRenderer",
-            "module": "src/new/components/renderers/data-transform-renderer.ts"
+            "name": "ConfigJourneyOrchestrator",
+            "module": "src/new/main/edit-config/config-journey-orchestrator.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "data-transform-cell-renderer",
+          "name": "config-journey-orchestrator",
           "declaration": {
-            "name": "DataTransformRenderer",
-            "module": "src/new/components/renderers/data-transform-renderer.ts"
+            "name": "ConfigJourneyOrchestrator",
+            "module": "src/new/main/edit-config/config-journey-orchestrator.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/components/reporting-configurations/reporting-configurations.styles.ts",
+      "path": "src/new/main/generated-reports/generated-reports.styles.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "ReportingConfigurationStyles",
-          "default": "css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n  }\n\n  .header-container {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 3px);\n    gap: calc(var(--design-unit) * 4px);\n    border-bottom: 1px solid var(--neutral-fill-rest);\n  }\n\n  .header-buttons {\n    display: flex;\n    align-items: center;\n  }\n\n  rapid-button.header-btn {\n    background: transparent;\n    color: var(--neutral-foreground-hint);\n  }\n\n  rapid-button.header-btn::part(content) {\n    color: var(--neutral-foreground-rest);\n  }\n\n  rapid-button.header-btn:hover {\n    background: var(--neutral-fill-stealth-rest);\n    color: var(--neutral-foreground-rest);\n  }\n\n  rapid-search-bar {\n    width: 30%;\n  }\n`"
+          "name": "GeneratedReportsStyles",
+          "default": "css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n  }\n\n  .container {\n    padding: calc(var(--design-unit) * 4px);\n    width: 40%;\n  }\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ReportingConfigurationStyles",
+          "name": "GeneratedReportsStyles",
           "declaration": {
-            "name": "ReportingConfigurationStyles",
-            "module": "src/new/components/reporting-configurations/reporting-configurations.styles.ts"
+            "name": "GeneratedReportsStyles",
+            "module": "src/new/main/generated-reports/generated-reports.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/components/reporting-configurations/reporting-configurations.template.ts",
+      "path": "src/new/main/generated-reports/generated-reports.template.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "ReportingConfigurationsTemplate",
-          "default": "html<ReportingConfigurations>`\n  ${(x) => permissionTemplateGuard(x, Permissions.ReportConfigurationView, viewTemplate)}\n`"
+          "name": "GeneratedReportsTemplate",
+          "default": "html<GeneratedReports>`\n  ${(x) =>\n    permissionTemplateGuard(x, [Permissions.ReportView, Permissions.ReportRun], viewTemplate)}\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ReportingConfigurationsTemplate",
+          "name": "GeneratedReportsTemplate",
           "declaration": {
-            "name": "ReportingConfigurationsTemplate",
-            "module": "src/new/components/reporting-configurations/reporting-configurations.template.ts"
+            "name": "GeneratedReportsTemplate",
+            "module": "src/new/main/generated-reports/generated-reports.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/components/reporting-configurations/reporting-configurations.ts",
+      "path": "src/new/main/generated-reports/generated-reports.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Report configuration grid and toolbar actions.",
-          "name": "ReportingConfigurations",
+          "description": "",
+          "name": "GeneratedReports",
           "members": [
             {
               "kind": "field",
@@ -5527,32 +5381,25 @@
             },
             {
               "kind": "field",
-              "name": "reportConfigurationsDatasource",
+              "name": "generatedReportsDatasource",
               "type": {
                 "text": "GridProGenesisDatasource"
               }
             },
             {
               "kind": "field",
-              "name": "gridCriteria",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "cloneConfigModal",
+              "name": "generatedReportId",
               "type": {
-                "text": "CloneReportConfigModal"
+                "text": "string | null"
               }
             },
             {
               "kind": "field",
-              "name": "importFileInput",
+              "name": "gridCriteria",
               "type": {
-                "text": "HTMLInputElement"
-              }
+                "text": "string"
+              },
+              "default": "''"
             },
             {
               "kind": "field",
@@ -5568,23 +5415,15 @@
                 "text": "array"
               },
               "privacy": "public",
-              "default": "[\n    {\n      field: 'NAME',\n      label: (searchTerm) => `${searchTerm} as NAME`,\n      createCriteria: getCriteriaBuilder,\n      isEnabled: (searchTerm, selectedOption) => {\n        return (\n          searchTerm.length >= INPUT_MIN_LENGTH && !selectedOption.some((e) => e.field === 'NAME')\n        );\n      },\n    },\n  ]"
+              "default": "[\n    {\n      field: 'NAME',\n      label: (searchTerm) => `${searchTerm} as NAME`,\n      createCriteria: getCriteriaBuilder,\n      isEnabled: (searchTerm, selectedOption) => {\n        return (\n          searchTerm.length >= INPUT_MIN_LENGTH && !selectedOption.some((e) => e.field === 'NAME')\n        );\n      },\n    },\n    {\n      field: 'FILE_NAME',\n      label: (searchTerm) => `${searchTerm} as FILE_NAME`,\n      createCriteria: getCriteriaBuilder,\n      isEnabled: (searchTerm, selectedOption) => {\n        return (\n          searchTerm.length >= INPUT_MIN_LENGTH &&\n          !selectedOption.some((e) => e.field === 'FILE_NAME')\n        );\n      },\n    },\n    {\n      field: 'STATUS',\n      label: (searchTerm) => `${searchTerm} as STATUS`,\n      createCriteria: getCriteriaBuilder,\n      isEnabled: (searchTerm, selectedOption) => {\n        return (\n          searchTerm.length >= INPUT_MIN_LENGTH && !selectedOption.some((e) => e.field === 'STATUS')\n        );\n      },\n    },\n  ]"
             },
             {
-              "kind": "method",
-              "name": "createNewReportHandler"
+              "kind": "field",
+              "name": "getColor"
             },
             {
-              "kind": "method",
-              "name": "editReportConfigHandler",
-              "parameters": [
-                {
-                  "name": "{ NAME, ID }",
-                  "type": {
-                    "text": "{ NAME: string; ID: string }"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "getStatusRenderer"
             },
             {
               "kind": "method",
@@ -5596,27 +5435,24 @@
             },
             {
               "kind": "method",
-              "name": "deleteReportConfig",
+              "name": "downloadReport",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "reportConfigId"
-                },
-                {
-                  "name": "reportName"
+                  "name": "fileStorageId",
+                  "type": {
+                    "text": "string"
+                  }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "runReport",
+              "name": "deleteReport",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "reportConfigId"
-                },
-                {
-                  "name": "reportName"
+                  "name": "generatedReportId"
                 }
               ]
             },
@@ -5631,136 +5467,300 @@
                   }
                 }
               ]
-            },
-            {
-              "kind": "method",
-              "name": "openCloneReportConfigModal",
-              "parameters": [
-                {
-                  "name": "e"
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "importConfigHandler"
-            },
-            {
-              "kind": "method",
-              "name": "handleFileImport",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "exportConfig",
-              "parameters": [
-                {
-                  "name": "{ NAME, ID }",
-                  "type": {
-                    "text": "{ NAME: string; ID: string }"
-                  }
-                }
-              ]
             }
           ],
-          "events": [
-            {
-              "description": "Fired to switch the report configuration display mode. detail: `'edit' | 'list'`",
-              "name": "set-report-config-disp-mode"
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          },
+          "tagName": "generated-reports",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "GeneratedReports",
+          "declaration": {
+            "name": "GeneratedReports",
+            "module": "src/new/main/generated-reports/generated-reports.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "generated-reports",
+          "declaration": {
+            "name": "GeneratedReports",
+            "module": "src/new/main/generated-reports/generated-reports.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/main/report-destinations/report-destinations.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "template",
+          "default": "html<ReportDestinations>`\n  ${(x) => permissionTemplateGuard(x, Permissions.ReportDestinationView, viewTemplate)}\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "template",
+          "declaration": {
+            "name": "template",
+            "module": "src/new/main/report-destinations/report-destinations.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/main/report-destinations/report-destinations.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ReportDestinations",
+          "members": [
+            {
+              "kind": "field",
+              "name": "connect",
+              "type": {
+                "text": "Connect"
+              },
+              "privacy": "private"
             },
             {
-              "name": "highlight-grid-row"
-            }
-          ],
-          "mixins": [
+              "kind": "field",
+              "name": "topics",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]"
+            },
             {
-              "name": "EventEmitter",
-              "package": "@genesislcap/foundation-events"
+              "kind": "field",
+              "name": "user",
+              "type": {
+                "text": "User"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "getUISchema",
+              "type": {
+                "text": "UiSchema"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "setNotifyRouteTopics",
+              "privacy": "public"
             }
           ],
           "superclass": {
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "reporting-configurations",
+          "tagName": "report-destinations",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ReportingConfigurations",
+          "name": "ReportDestinations",
           "declaration": {
-            "name": "ReportingConfigurations",
-            "module": "src/new/components/reporting-configurations/reporting-configurations.ts"
+            "name": "ReportDestinations",
+            "module": "src/new/main/report-destinations/report-destinations.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "reporting-configurations",
+          "name": "report-destinations",
           "declaration": {
-            "name": "ReportingConfigurations",
-            "module": "src/new/components/reporting-configurations/reporting-configurations.ts"
+            "name": "ReportDestinations",
+            "module": "src/new/main/report-destinations/report-destinations.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/new/components/shared/file-template-picker.template.ts",
+      "path": "src/new/store/slices/base-config.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "NULL_TEMPLATE",
+          "name": "baseSlice"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "baseSlice",
+          "declaration": {
+            "name": "baseSlice",
+            "module": "src/new/store/slices/base-config.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/store/slices/datasources-config.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "initialState",
           "type": {
-            "text": "string"
+            "text": "DatasourceConfig"
           },
-          "default": "'Select a template'"
+          "default": "{}"
         },
         {
           "kind": "variable",
-          "name": "allowedTemplateFiletypes",
+          "name": "datasourceSlice"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "initialState",
+          "declaration": {
+            "name": "initialState",
+            "module": "src/new/store/slices/datasources-config.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "datasourceSlice",
+          "declaration": {
+            "name": "datasourceSlice",
+            "module": "src/new/store/slices/datasources-config.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/store/slices/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./base-config"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./datasources-config"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./types"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/new/store/slices/types.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "deselectedColumns",
           "type": {
-            "text": "Record<ReportOutputTypes, string[]>"
+            "text": "array"
           },
-          "default": "{\n  CSV: ['csv', 'txt'],\n  PDF: ['html', 'xhtml'],\n  XLSX: ['xls', 'xlsx'],\n}"
+          "default": "['RECORD_ID', 'TIMESTAMP']"
         },
         {
           "kind": "variable",
-          "name": "fileTemplatePicker",
-          "default": "html<BaseConfig | CloneReportConfigModal>`\n  <label class=\"label\">File template${tooltip(TOOLTIP.SETUP_FILE_TEMPLATE)}</label>\n  ${repeat(\n    (x) => (x.allowedTemplates?.length > 0 ? [x] : []),\n    html<BaseConfig | CloneReportConfigModal>`\n      <rapid-select\n        data-test-id=\"config-document-template\"\n        :value=${(x) => x.selectedTemplateId || NULL_TEMPLATE}\n        @change=${(x, ctx) => x.handleTemplateSelectChange(ctx.event.target as HTMLSelectElement)}\n      >\n        <rapid-option value=${() => NULL_TEMPLATE}>${NULL_TEMPLATE}</rapid-option>\n        ${repeat(\n          (x) => x.allowedTemplates,\n          html<Genesis.FileStorageDataRow>`\n            <rapid-option value=\"${(x) => x[Genesis.FileStorageFields.FILE_STORAGE_ID]}\">\n              ${(x) => x[Genesis.FileStorageFields.FILE_NAME]}\n            </rapid-option>\n          `,\n        )}\n      </rapid-select>\n    `,\n    { recycle: false },\n  )}\n  ${when(\n    (x) => !x.allowedTemplates || x.allowedTemplates.length === 0,\n    html`\n      No valid templates available for this output format.\n    `,\n  )}\n`"
+          "name": "datasourceInputs",
+          "type": {
+            "text": "['REQ_REP', 'DATA_PIPELINE']"
+          },
+          "default": "['REQ_REP', 'DATA_PIPELINE']"
+        },
+        {
+          "kind": "variable",
+          "name": "datasourceOutputs",
+          "type": {
+            "text": "[\n  // 'RECORD_STREAM',\n  'TABLE',\n]"
+          },
+          "default": "[\n  // 'RECORD_STREAM',\n  'TABLE',\n]"
+        },
+        {
+          "kind": "variable",
+          "name": "datasourceGroupingStrategies",
+          "type": {
+            "text": "['NONE', 'MULTI_SHEET', 'LOOKUP_TABLE']"
+          },
+          "default": "['NONE', 'MULTI_SHEET', 'LOOKUP_TABLE']"
+        },
+        {
+          "kind": "variable",
+          "name": "reportOutputFormats",
+          "type": {
+            "text": "['CSV', 'PDF', 'XLSX']"
+          },
+          "default": "['CSV', 'PDF', 'XLSX']"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "NULL_TEMPLATE",
+          "name": "deselectedColumns",
           "declaration": {
-            "name": "NULL_TEMPLATE",
-            "module": "src/new/components/shared/file-template-picker.template.ts"
+            "name": "deselectedColumns",
+            "module": "src/new/store/slices/types.ts"
           }
         },
         {
           "kind": "js",
-          "name": "allowedTemplateFiletypes",
+          "name": "datasourceInputs",
           "declaration": {
-            "name": "allowedTemplateFiletypes",
-            "module": "src/new/components/shared/file-template-picker.template.ts"
+            "name": "datasourceInputs",
+            "module": "src/new/store/slices/types.ts"
           }
         },
         {
           "kind": "js",
-          "name": "fileTemplatePicker",
+          "name": "datasourceOutputs",
           "declaration": {
-            "name": "fileTemplatePicker",
-            "module": "src/new/components/shared/file-template-picker.template.ts"
+            "name": "datasourceOutputs",
+            "module": "src/new/store/slices/types.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "datasourceGroupingStrategies",
+          "declaration": {
+            "name": "datasourceGroupingStrategies",
+            "module": "src/new/store/slices/types.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "reportOutputFormats",
+          "declaration": {
+            "name": "reportOutputFormats",
+            "module": "src/new/store/slices/types.ts"
           }
         }
       ]