@genesislcap/pbc-notify-ui 15.79.0 → 15.79.2-alpha-e9d30db797.0

package/dist/custom-elements.json

@@ -5295,6 +5295,95 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ConditionBuilderStyles",
+          "default": "css`\n  .condition-builder {\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n    align-items: center;\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  rapid-button {\n    margin: 0;\n  }\n\n  /* The AND/OR toggle sits on its own row ABOVE the condition it joins,\n     rendered as a pair of small text links rather than buttons - reads like\n     a sentence connector (\"... and ...\") instead of a UI control competing\n     with the row's fields for attention. */\n  .join-toggle-row {\n    display: flex;\n    margin-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .join-toggle {\n    display: flex;\n    gap: calc(var(--design-unit) * 1.5px);\n  }\n\n  .join-text {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    color: var(--accent-fill-rest);\n    cursor: pointer;\n    text-decoration: underline dotted;\n    text-underline-offset: 3px;\n    opacity: 40%;\n  }\n\n  .join-text:hover {\n    opacity: 70%;\n  }\n\n  .join-text.active {\n    opacity: 100%;\n    text-decoration: underline solid;\n  }\n\n  .join-text.active:hover {\n    opacity: 100%;\n  }\n\n  .delete {\n    margin: 0;\n    display: flex;\n    justify-content: center;\n    height: calc(var(--design-unit) * 9px);\n  }\n\n  .delete:hover {\n    background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 89%);\n  }\n\n  rapid-text-field {\n    width: 100%;\n    margin-bottom: 0;\n  }\n\n  rapid-text-field::part(root) {\n    height: calc(var(--design-unit) * 9px);\n  }\n\n  rapid-select {\n    min-width: auto;\n  }\n\n  rapid-select.left-value::part(control) {\n    width: 250px;\n  }\n\n  rapid-select.logical-operator::part(control) {\n    width: 160px;\n  }\n\n  .logical-operator-null-and-blank {\n    width: 100%;\n  }\n\n  rapid-select.right-criteria::part(control) {\n    width: 135px;\n  }\n\n  rapid-select.right-criteria-user-entry {\n    width: 100%;\n  }\n\n  rapid-select.right-criteria-select {\n    width: 100%;\n    min-width: 0;\n  }\n\n  rapid-select::part(listbox) {\n    max-height: 160px;\n  }\n`"
+        },
+        {
+          "kind": "variable",
+          "name": "ConditionGroupStyles",
+          "default": "css`\n  .condition-group-row {\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  /* The AND/OR toggle sits on its own row ABOVE the group it joins - see\n     ConditionBuilderStyles' .join-toggle-row/.join-text for why it's a pair\n     of text links rather than buttons. */\n  .join-toggle-row {\n    display: flex;\n    margin-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .join-toggle {\n    display: flex;\n    gap: calc(var(--design-unit) * 1.5px);\n  }\n\n  .join-text {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    color: var(--accent-fill-rest);\n    cursor: pointer;\n    text-decoration: underline dotted;\n    text-underline-offset: 3px;\n    opacity: 40%;\n  }\n\n  .join-text:hover {\n    opacity: 70%;\n  }\n\n  .join-text.active {\n    opacity: 100%;\n    text-decoration: underline solid;\n  }\n\n  .join-text.active:hover {\n    opacity: 100%;\n  }\n\n  /* A full bordered box reads as \"this is one parenthesized unit\" more\n     literally than a left rail - it nests naturally too, a group inside a\n     group just gets a second box drawn inside the first, like actual nested\n     parens would look. */\n  .condition-group-box {\n    flex: 1;\n    min-width: 0;\n    border: calc(var(--design-unit) * 0.5px) solid\n      color-mix(in srgb, var(--accent-fill-rest), transparent 25%);\n    border-radius: calc(var(--design-unit) * 1px);\n    padding: calc(var(--design-unit) * 2px);\n    background-color: color-mix(in srgb, var(--accent-fill-rest), transparent 96%);\n  }\n\n  .condition-group-box > .content-row {\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n    align-items: center;\n    margin-top: calc(var(--design-unit) * 1px);\n  }\n\n  .condition-group-box > .content-row rapid-button {\n    font-size: 12px;\n  }\n\n  rule-condition-builder,\n  rule-condition-group,\n  template-condition-builder,\n  template-condition-group {\n    display: block;\n    margin-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .delete-group {\n    margin: 0;\n    opacity: 60%;\n  }\n\n  .delete-group:hover {\n    opacity: 100%;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ConditionBuilderStyles",
+          "declaration": {
+            "name": "ConditionBuilderStyles",
+            "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ConditionGroupStyles",
+          "declaration": {
+            "name": "ConditionGroupStyles",
+            "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "DynamicRuleManagementStyles",
+          "default": "css`\n  .container {\n    display: flex;\n    height: 100%;\n    flex-direction: column;\n  }\n\n  .header {\n    display: flex;\n    flex-direction: row-reverse;\n  }\n\n  .grid {\n    height: 100%;\n  }\n`"
+        },
+        {
+          "kind": "variable",
+          "name": "DynamicRuleDialogStyles",
+          "default": "css`\n  ${scrollbarStyles}\n  ${top}\n  ${bottom}\n\n  rapid-modal::part(dialog) {\n    padding: 0;\n    background: var(--neutral-layer-4);\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n  }\n\n  .dialog-content {\n    display: flex;\n    flex-direction: column;\n    width: ${String(modalWidthPx)}px;\n    max-height: 600px;\n    overflow-y: scroll;\n    gap: calc(var(--design-unit) * 3px);\n    padding: calc(var(--design-unit) * 4px);\n  }\n\n  .content-row {\n    display: flex;\n    gap: calc(var(--design-unit) * 3px);\n  }\n\n  .control {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  .topic-lock-hint {\n    color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));\n    font-size: var(--type-ramp-minus-1-font-size);\n    line-height: var(--type-ramp-minus-1-line-height);\n  }\n\n  .items {\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    display: flex;\n    padding: calc(var(--design-unit) * 2px);\n    flex-direction: column;\n  }\n\n  .item {\n    gap: 0;\n    flex-direction: column;\n    margin-bottom: 0;\n  }\n\n  ${textField}\n  ${select}\n\n  rapid-button {\n    margin: 0;\n  }\n\n  rapid-select {\n    min-width: 0;\n  }\n\n  rapid-select::part(listbox) {\n    max-height: 160px;\n  }\n\n  .horizontal {\n    flex-direction: row;\n  }\n\n  .destination {\n    align-self: center;\n  }\n\n  .topic {\n    min-width: revert-layer;\n  }\n\n  .expression-preview {\n    width: 100%;\n    margin-top: calc(var(--design-unit) * 2px);\n  }\n\n  .expression-preview::part(control) {\n    font-family: var(--body-font, monospace);\n    font-size: 12px;\n    color: var(--neutral-foreground-hint);\n    min-height: calc(var(--design-unit) * 12px);\n    resize: vertical;\n  }\n\n  .alert-sound {\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 2px);\n    margin-top: calc(var(--design-unit) * 2px);\n  }\n\n  .alert-sound .file-input {\n    display: none;\n  }\n\n  .alert-sound-row {\n    display: flex;\n    align-items: center;\n    gap: calc(var(--design-unit) * 2px);\n    flex-wrap: wrap;\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    padding: calc(var(--design-unit) * 2px);\n  }\n\n  .alert-sound-name {\n    flex: 1;\n    min-width: 120px;\n    color: var(--neutral-foreground-hint);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DynamicRuleManagementStyles",
+          "declaration": {
+            "name": "DynamicRuleManagementStyles",
+            "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DynamicRuleDialogStyles",
+          "declaration": {
+            "name": "DynamicRuleDialogStyles",
+            "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "managementGridStyles",
+          "default": "css`\n  :host {\n    height: 100%;\n  }\n\n  .container {\n    display: flex;\n    height: 100%;\n    flex-direction: column;\n  }\n\n  .header {\n    display: flex;\n  }\n\n  .grid {\n    height: 100%;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "managementGridStyles",
+          "declaration": {
+            "name": "managementGridStyles",
+            "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/foundation-notification-dashboard/types/expression-type.ts",
@@ -5897,561 +5986,295 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "ConditionBuilderStyles",
-          "default": "css`\n  .condition-builder {\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n    align-items: center;\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  rapid-button {\n    margin: 0;\n  }\n\n  /* The AND/OR toggle sits on its own row ABOVE the condition it joins,\n     rendered as a pair of small text links rather than buttons - reads like\n     a sentence connector (\"... and ...\") instead of a UI control competing\n     with the row's fields for attention. */\n  .join-toggle-row {\n    display: flex;\n    margin-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .join-toggle {\n    display: flex;\n    gap: calc(var(--design-unit) * 1.5px);\n  }\n\n  .join-text {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    color: var(--accent-fill-rest);\n    cursor: pointer;\n    text-decoration: underline dotted;\n    text-underline-offset: 3px;\n    opacity: 40%;\n  }\n\n  .join-text:hover {\n    opacity: 70%;\n  }\n\n  .join-text.active {\n    opacity: 100%;\n    text-decoration: underline solid;\n  }\n\n  .join-text.active:hover {\n    opacity: 100%;\n  }\n\n  .delete {\n    margin: 0;\n    display: flex;\n    justify-content: center;\n    height: calc(var(--design-unit) * 9px);\n  }\n\n  .delete:hover {\n    background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 89%);\n  }\n\n  rapid-text-field {\n    width: 100%;\n    margin-bottom: 0;\n  }\n\n  rapid-text-field::part(root) {\n    height: calc(var(--design-unit) * 9px);\n  }\n\n  rapid-select {\n    min-width: auto;\n  }\n\n  rapid-select.left-value::part(control) {\n    width: 250px;\n  }\n\n  rapid-select.logical-operator::part(control) {\n    width: 160px;\n  }\n\n  .logical-operator-null-and-blank {\n    width: 100%;\n  }\n\n  rapid-select.right-criteria::part(control) {\n    width: 135px;\n  }\n\n  rapid-select.right-criteria-user-entry {\n    width: 100%;\n  }\n\n  rapid-select.right-criteria-select {\n    width: 100%;\n    min-width: 0;\n  }\n\n  rapid-select::part(listbox) {\n    max-height: 160px;\n  }\n`"
-        },
-        {
-          "kind": "variable",
-          "name": "ConditionGroupStyles",
-          "default": "css`\n  .condition-group-row {\n    margin-bottom: calc(var(--design-unit) * 2px);\n  }\n\n  /* The AND/OR toggle sits on its own row ABOVE the group it joins - see\n     ConditionBuilderStyles' .join-toggle-row/.join-text for why it's a pair\n     of text links rather than buttons. */\n  .join-toggle-row {\n    display: flex;\n    margin-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .join-toggle {\n    display: flex;\n    gap: calc(var(--design-unit) * 1.5px);\n  }\n\n  .join-text {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    color: var(--accent-fill-rest);\n    cursor: pointer;\n    text-decoration: underline dotted;\n    text-underline-offset: 3px;\n    opacity: 40%;\n  }\n\n  .join-text:hover {\n    opacity: 70%;\n  }\n\n  .join-text.active {\n    opacity: 100%;\n    text-decoration: underline solid;\n  }\n\n  .join-text.active:hover {\n    opacity: 100%;\n  }\n\n  /* A full bordered box reads as \"this is one parenthesized unit\" more\n     literally than a left rail - it nests naturally too, a group inside a\n     group just gets a second box drawn inside the first, like actual nested\n     parens would look. */\n  .condition-group-box {\n    flex: 1;\n    min-width: 0;\n    border: calc(var(--design-unit) * 0.5px) solid\n      color-mix(in srgb, var(--accent-fill-rest), transparent 25%);\n    border-radius: calc(var(--design-unit) * 1px);\n    padding: calc(var(--design-unit) * 2px);\n    background-color: color-mix(in srgb, var(--accent-fill-rest), transparent 96%);\n  }\n\n  .condition-group-box > .content-row {\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n    align-items: center;\n    margin-top: calc(var(--design-unit) * 1px);\n  }\n\n  .condition-group-box > .content-row rapid-button {\n    font-size: 12px;\n  }\n\n  rule-condition-builder,\n  rule-condition-group,\n  template-condition-builder,\n  template-condition-group {\n    display: block;\n    margin-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .delete-group {\n    margin: 0;\n    opacity: 60%;\n  }\n\n  .delete-group:hover {\n    opacity: 100%;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ConditionBuilderStyles",
-          "declaration": {
-            "name": "ConditionBuilderStyles",
-            "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ConditionGroupStyles",
-          "declaration": {
-            "name": "ConditionGroupStyles",
-            "module": "src/components/foundation-notification-dashboard/styles/condition-builder.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "DynamicRuleManagementStyles",
-          "default": "css`\n  .container {\n    display: flex;\n    height: 100%;\n    flex-direction: column;\n  }\n\n  .header {\n    display: flex;\n    flex-direction: row-reverse;\n  }\n\n  .grid {\n    height: 100%;\n  }\n`"
-        },
-        {
-          "kind": "variable",
-          "name": "DynamicRuleDialogStyles",
-          "default": "css`\n  ${scrollbarStyles}\n  ${top}\n  ${bottom}\n\n  rapid-modal::part(dialog) {\n    padding: 0;\n    background: var(--neutral-layer-4);\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n  }\n\n  .dialog-content {\n    display: flex;\n    flex-direction: column;\n    width: ${String(modalWidthPx)}px;\n    max-height: 600px;\n    overflow-y: scroll;\n    gap: calc(var(--design-unit) * 3px);\n    padding: calc(var(--design-unit) * 4px);\n  }\n\n  .content-row {\n    display: flex;\n    gap: calc(var(--design-unit) * 3px);\n  }\n\n  .control {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  .topic-lock-hint {\n    color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));\n    font-size: var(--type-ramp-minus-1-font-size);\n    line-height: var(--type-ramp-minus-1-line-height);\n  }\n\n  .items {\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    display: flex;\n    padding: calc(var(--design-unit) * 2px);\n    flex-direction: column;\n  }\n\n  .item {\n    gap: 0;\n    flex-direction: column;\n    margin-bottom: 0;\n  }\n\n  ${textField}\n  ${select}\n\n  rapid-button {\n    margin: 0;\n  }\n\n  rapid-select {\n    min-width: 0;\n  }\n\n  rapid-select::part(listbox) {\n    max-height: 160px;\n  }\n\n  .horizontal {\n    flex-direction: row;\n  }\n\n  .destination {\n    align-self: center;\n  }\n\n  .topic {\n    min-width: revert-layer;\n  }\n\n  .expression-preview {\n    width: 100%;\n    margin-top: calc(var(--design-unit) * 2px);\n  }\n\n  .expression-preview::part(control) {\n    font-family: var(--body-font, monospace);\n    font-size: 12px;\n    color: var(--neutral-foreground-hint);\n    min-height: calc(var(--design-unit) * 12px);\n    resize: vertical;\n  }\n\n  .alert-sound {\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 2px);\n    margin-top: calc(var(--design-unit) * 2px);\n  }\n\n  .alert-sound .file-input {\n    display: none;\n  }\n\n  .alert-sound-row {\n    display: flex;\n    align-items: center;\n    gap: calc(var(--design-unit) * 2px);\n    flex-wrap: wrap;\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    padding: calc(var(--design-unit) * 2px);\n  }\n\n  .alert-sound-name {\n    flex: 1;\n    min-width: 120px;\n    color: var(--neutral-foreground-hint);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "DynamicRuleManagementStyles",
-          "declaration": {
-            "name": "DynamicRuleManagementStyles",
-            "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "DynamicRuleDialogStyles",
-          "declaration": {
-            "name": "DynamicRuleDialogStyles",
-            "module": "src/components/foundation-notification-dashboard/styles/dynamic-rule.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/styles/management.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "managementGridStyles",
-          "default": "css`\n  :host {\n    height: 100%;\n  }\n\n  .container {\n    display: flex;\n    height: 100%;\n    flex-direction: column;\n  }\n\n  .header {\n    display: flex;\n  }\n\n  .grid {\n    height: 100%;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "managementGridStyles",
-          "declaration": {
-            "name": "managementGridStyles",
-            "module": "src/components/foundation-notification-dashboard/styles/management.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
+      "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "noItemsClass",
-          "type": {
-            "text": "string"
-          },
-          "default": "'no-items'",
-          "description": "Class to use when there are no items"
-        },
-        {
-          "kind": "variable",
-          "name": "FoundationInboxCounterStyles",
-          "default": "css`\n  :host {\n    display: inline-block;\n    min-width: 16px;\n    height: 16px;\n    border-radius: 9px;\n    text-align: center;\n    color: #fff;\n    line-height: 16px;\n    font-size: 9px;\n    font-weight: 700;\n    background: ${BACKGROUND_COLOR};\n    pointer-events: none;\n  }\n\n  .hidden {\n    visibility: hidden;\n  }\n\n  :host(.${noItemsClass}) {\n    display: none;\n  }\n`"
+          "name": "FoundationInboxFlyoutStyles",
+          "default": "css`\n  rapid-flyout::part(flyout) {\n    width: 30%;\n    min-width: 320px;\n    padding: 0;\n  }\n\n  rapid-flyout::part(content) {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  ${FoundationInboxStyles}\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "noItemsClass",
-          "declaration": {
-            "name": "noItemsClass",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "FoundationInboxCounterStyles",
+          "name": "FoundationInboxFlyoutStyles",
           "declaration": {
-            "name": "FoundationInboxCounterStyles",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
+            "name": "FoundationInboxFlyoutStyles",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts",
+      "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "FoundationInboxCounterTemplate",
-          "default": "html<FoundationInboxCounter>`\n  <template class=\"${(x) => classNames([noItemsClass, x.value < 1])}\">\n    ${when(\n      (x) => x.value > 0,\n      html`\n        ${(x) => (x.value > MAX_NUMBER_TO_DISPLAY ? `${MAX_NUMBER_TO_DISPLAY}+` : x.value)}\n      `,\n    )}\n  </template>\n`"
+          "name": "FoundationInboxFlyoutTemplate",
+          "default": "html<FoundationInboxFlyout>`\n  <rapid-flyout\n    ${ref('flyout')}\n    position=\"right\"\n    @closed=${(x) => (x.flyoutClosed = true)}\n    :closed=${(x) => x.flyoutClosed}\n    displayHeader=${false}\n  >\n    <div class=\"inbox-header\">\n      <div class=\"inbox-header-title\">Alerts Center</div>\n      <rapid-button class=\"inbox-header-close\" @click=${(x) => x.close()}>\n        <rapid-icon part=\"icon\" name=\"xmark\" size=\"xl\"></rapid-icon>\n      </rapid-button>\n    </div>\n\n    ${FoundationInboxTemplate}\n  </rapid-flyout>\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "FoundationInboxCounterTemplate",
+          "name": "FoundationInboxFlyoutTemplate",
           "declaration": {
-            "name": "FoundationInboxCounterTemplate",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"
+            "name": "FoundationInboxFlyoutTemplate",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts",
+      "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "FoundationInboxCounter",
+          "name": "FoundationInboxFlyout",
           "members": [
             {
               "kind": "field",
-              "name": "value",
+              "name": "ready",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "0"
-            },
-            {
-              "kind": "field",
-              "name": "connect",
-              "type": {
-                "text": "Connect"
-              }
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "inboxService",
+              "name": "flyout",
               "type": {
-                "text": "FoundationInboxService"
+                "text": "Flyout"
               }
             },
             {
               "kind": "field",
-              "name": "connectionSub",
+              "name": "flyoutClosed",
               "type": {
-                "text": "Subscription"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "true"
             },
             {
               "kind": "method",
-              "name": "subscribeToAlerts",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "description": "Subscribes to alerts from the inbox service"
+              "name": "open",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "close",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "loadRemotes"
             },
             {
               "kind": "field",
-              "name": "subscriptionHandler",
-              "privacy": "private",
-              "description": "Handles subscription updates from the inbox service"
-            }
-          ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
-          },
-          "tagName": "foundation-inbox-counter",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "FoundationInboxCounter",
-          "declaration": {
-            "name": "FoundationInboxCounter",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "foundation-inbox-counter",
-          "declaration": {
-            "name": "FoundationInboxCounter",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "InboxSubscriptionStyles",
-          "default": "css`\n  .inbox-subscription {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .inbox-subscription.inline {\n    margin-top: calc(var(--design-unit) * 2px);\n    padding-top: calc(var(--design-unit) * 2px);\n    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n  }\n\n  .inbox-subscription-header {\n    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    padding: calc(var(--design-unit) * 2px);\n  }\n\n  .inbox-subscription-empty {\n    padding: 0 calc(var(--design-unit) * 2px);\n    margin: calc(var(--design-unit) * 2px) 0 0;\n  }\n\n  .inbox-subscription-content {\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 3px);\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    margin: calc(var(--design-unit) * 2px);\n    padding: calc(var(--design-unit) * 2px);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n  }\n\n  .inbox-subscription:not(.inline) .inbox-subscription-content {\n    overflow: auto;\n    max-height: calc(var(--design-unit) * 80px);\n  }\n\n  .inbox-subscription.inline .inbox-subscription-content {\n    margin: calc(var(--design-unit) * 2px) 0 0;\n    overflow: visible;\n    max-height: none;\n    padding-bottom: calc(var(--design-unit) * 4px);\n  }\n\n  .inbox-subscription.inline .control:focus-within {\n    position: relative;\n    z-index: 2;\n  }\n\n  .inbox-subscription-footer {\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n    padding: calc(var(--design-unit) * 2px) 0 0;\n    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    margin-top: calc(var(--design-unit) * 2px);\n  }\n\n  .inbox-subscription:not(.inline) .inbox-subscription-footer {\n    padding: calc(var(--design-unit) * 2px);\n    margin-top: 0;\n  }\n\n  .inbox-subscription-footer.auto-submit {\n    justify-content: flex-end;\n    border-top: none;\n    margin-top: 0;\n    padding-top: 0;\n  }\n\n  rapid-button.subscribe,\n  rapid-button.cancel {\n    display: flex;\n    margin: 0;\n    flex: 1;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "InboxSubscriptionStyles",
-          "declaration": {
-            "name": "InboxSubscriptionStyles",
-            "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "InboxSubscriptionTemplate",
-          "default": "html<InboxSubscription>`\n  <div class=\"inbox-subscription ${(x) => (x.inline ? 'inline' : '')}\">\n    ${when(\n      (x) => !x.inline,\n      html`\n        <div class=\"inbox-subscription-header\">\n          Subscribe to\n          <span style=\"font-weight: bold;\">${(x) => x.template.RULE_NAME}</span>\n        </div>\n      `,\n    )}\n    ${when(\n      (x) => x.visibleParameters.length === 0,\n      html`\n        <p class=\"inbox-subscription-empty\">The selected template doesn't have parameters.</p>\n      `,\n    )}\n    ${when(\n      (x) => x.visibleParameters.length > 0,\n      html`\n        <div class=\"inbox-subscription-content\">\n          ${repeat(\n            (x) => x.visibleParameters,\n            html<RuleParameterEntity>`\n              <rule-parameter\n                :parameter=${(x) => x}\n                :isFirstElement=${(x, c) => c.parent.isFirstElement(x)}\n                :operator=${(x, c) => c.parent.parametersOperators[x.PARAM_NAME]}\n                :requireSelection=${(x, c) => c.parent.usesAutoSubmit()}\n                @parameterEdited=${(x, c) => c.parent.parameterEdit(eventDetail(c))}\n              ></rule-parameter>\n            `,\n          )}\n        </div>\n      `,\n    )}\n    ${when(\n      (x) => !x.inline || x.requiresManualSubscribe(),\n      html`\n        <div class=\"inbox-subscription-footer\">\n          ${when(\n            (x) => x.inline,\n            html`\n              <rapid-button\n                class=\"cancel\"\n                appearance=\"neutral\"\n                @click=${(x) => x.cancelSubscribe()}\n              >\n                Cancel\n              </rapid-button>\n            `,\n          )}\n          <rapid-button\n            class=\"subscribe\"\n            appearance=\"primary\"\n            @click=${(x) => x.subscribeTemplate()}\n            ?disabled=${(x) => x.subscribeDisabled}\n          >\n            Subscribe\n          </rapid-button>\n        </div>\n      `,\n    )}\n    ${when(\n      (x) => x.inline && x.usesAutoSubmit(),\n      html`\n        <div class=\"inbox-subscription-footer auto-submit\">\n          <rapid-button class=\"cancel\" appearance=\"neutral\" @click=${(x) => x.cancelSubscribe()}>\n            Cancel\n          </rapid-button>\n        </div>\n      `,\n    )}\n  </div>\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "InboxSubscriptionTemplate",
-          "declaration": {
-            "name": "InboxSubscriptionTemplate",
-            "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Inbox subscription configuration UI.",
-          "name": "InboxSubscription",
-          "members": [
+              "name": "auth",
+              "type": {
+                "text": "Auth"
+              },
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
+              }
+            },
             {
               "kind": "field",
-              "name": "template"
+              "name": "connect",
+              "type": {
+                "text": "Connect"
+              },
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "inline",
+              "name": "alertService",
               "type": {
-                "text": "boolean"
+                "text": "AlertService"
               },
-              "default": "false"
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "extraParameterDetails",
+              "name": "inboxService",
               "type": {
-                "text": "Record<string, string>"
+                "text": "FoundationInboxService"
               },
-              "default": "{}",
-              "description": "Merged into subscribe payload (e.g. CHANNEL topic). Hidden from the form."
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "parametersDetails",
+              "name": "connectionSub",
               "type": {
-                "text": "object"
+                "text": "Subscription"
               },
               "privacy": "private",
-              "default": "{}"
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "isSubmitting",
+              "name": "alerts",
               "type": {
-                "text": "boolean"
+                "text": "Alert[]"
               },
               "privacy": "private",
-              "default": "false"
+              "default": "[]",
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "parametersOperators",
+              "name": "alertsFilter",
               "type": {
-                "text": "object"
+                "text": "Alert[]"
               },
-              "default": "{}"
+              "default": "[]",
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "subscribeDisabled",
+              "name": "moreAlerts",
               "type": {
                 "text": "boolean"
               },
-              "default": "true"
+              "default": "false",
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "ruleService",
+              "name": "renderAlert",
               "type": {
-                "text": "RuleService"
+                "text": "ViewTemplate<Alert, FoundationInbox> | undefined"
+              },
+              "default": "undefined",
+              "description": "Optional per-row template for the Alerts / Alert History lists. When set, it replaces the\ndefault alert row (the `.toast` element) and is rendered with the alert as its source (`x`)\nand the inbox host as `c.parent`, mirroring the internal `html<Alert, FoundationInbox>` row.\nWhen unset, the built-in row is used, so existing consumers are unaffected.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "visibleParameters",
+              "name": "hideSeverityFilter",
               "type": {
-                "text": "RuleParameterEntity[]"
+                "text": "boolean"
               },
-              "readonly": true
+              "default": "false",
+              "description": "Hide the Severity filter block in the search bar. Set via the `hide-severity-filter`\nattribute or property. @public",
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "templateChanged"
+              "kind": "field",
+              "name": "hideDateRange",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the Date Range filter block in the search bar. Set via the `hide-date-range`\nattribute or property. @public",
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "usesAutoSubmit",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "kind": "field",
+              "name": "hideTitleSearch",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the Search-by-Title field in the search bar. Set via the `hide-title-search`\nattribute or property. @public",
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "requiresManualSubscribe",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "kind": "field",
+              "name": "hideBodySearch",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the Search-by-Body field in the search bar. Set via the `hide-body-search`\nattribute or property. @public",
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "parameterEdit",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "hideClearAll",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the Clear All Alerts button on the Alerts tab. Set via the `hide-clear-all`\nattribute or property. Per-item dismiss is unchanged. @public",
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
+              }
             },
-            {
-              "kind": "method",
-              "name": "autoSubscribe",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "verifySubscribe"
-            },
-            {
-              "kind": "field",
-              "name": "isFirstElement"
-            },
-            {
-              "kind": "method",
-              "name": "subscribeTemplate"
-            },
-            {
-              "kind": "method",
-              "name": "cancelSubscribe"
-            },
-            {
-              "kind": "field",
-              "name": "createParametersOperatorMap"
-            }
-          ],
-          "events": [
-            {
-              "description": "Fired when a template subscription is created. detail: `TemplateSubscribedEventDetail`",
-              "name": "templateSubscribed"
-            },
-            {
-              "description": "Fired when inline parameter entry is cancelled",
-              "name": "subscribeCancelled"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "template",
-              "fieldName": "template"
-            },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "inline"
-            }
-          ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
-          },
-          "tagName": "inbox-subscription",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "InboxSubscription",
-          "declaration": {
-            "name": "InboxSubscription",
-            "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "inbox-subscription",
-          "declaration": {
-            "name": "InboxSubscription",
-            "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "FoundationInboxFlyoutStyles",
-          "default": "css`\n  rapid-flyout::part(flyout) {\n    width: 30%;\n    min-width: 320px;\n    padding: 0;\n  }\n\n  rapid-flyout::part(content) {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  ${FoundationInboxStyles}\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "FoundationInboxFlyoutStyles",
-          "declaration": {
-            "name": "FoundationInboxFlyoutStyles",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "FoundationInboxFlyoutTemplate",
-          "default": "html<FoundationInboxFlyout>`\n  <rapid-flyout\n    ${ref('flyout')}\n    position=\"right\"\n    @closed=${(x) => (x.flyoutClosed = true)}\n    :closed=${(x) => x.flyoutClosed}\n    displayHeader=${false}\n  >\n    <div class=\"inbox-header\">\n      <div class=\"inbox-header-title\">Alerts Center</div>\n      <rapid-button class=\"inbox-header-close\" @click=${(x) => x.close()}>\n        <rapid-icon part=\"icon\" name=\"xmark\" size=\"xl\"></rapid-icon>\n      </rapid-button>\n    </div>\n\n    ${FoundationInboxTemplate}\n  </rapid-flyout>\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "FoundationInboxFlyoutTemplate",
-          "declaration": {
-            "name": "FoundationInboxFlyoutTemplate",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "FoundationInboxFlyout",
-          "members": [
             {
               "kind": "field",
-              "name": "ready",
+              "name": "onAlertClick",
               "type": {
-                "text": "boolean"
+                "text": "((alert: Alert) => void) | undefined"
               },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "flyout",
-              "type": {
-                "text": "Flyout"
+              "default": "undefined",
+              "description": "Optional click handler for an alert row, fired with the clicked alert so consumers can open\nthe related record. Interactive elements inside a custom renderAlert template should\ncall `event.stopPropagation()` to avoid triggering this. @public",
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
               }
             },
             {
               "kind": "field",
-              "name": "flyoutClosed",
+              "name": "ruleService",
               "type": {
-                "text": "boolean"
+                "text": "RuleService"
               },
-              "default": "true"
-            },
-            {
-              "kind": "method",
-              "name": "open",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "close",
-              "privacy": "public"
-            },
-            {
-              "kind": "method",
-              "name": "loadRemotes"
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "auth",
+              "name": "rules",
               "type": {
-                "text": "Auth"
+                "text": "Rule[]"
               },
+              "default": "[]",
               "inheritedFrom": {
                 "name": "FoundationInboxBase",
                 "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
@@ -6459,9 +6282,9 @@
             },
             {
               "kind": "field",
-              "name": "connect",
+              "name": "templateService",
               "type": {
-                "text": "Connect"
+                "text": "TemplateService"
               },
               "inheritedFrom": {
                 "name": "FoundationInboxBase",
@@ -6470,9 +6293,9 @@
             },
             {
               "kind": "field",
-              "name": "alertService",
+              "name": "notifyService",
               "type": {
-                "text": "AlertService"
+                "text": "NotifyService"
               },
               "inheritedFrom": {
                 "name": "FoundationInboxBase",
@@ -6481,10 +6304,11 @@
             },
             {
               "kind": "field",
-              "name": "inboxService",
+              "name": "templates",
               "type": {
-                "text": "FoundationInboxService"
+                "text": "RuleTemplate[]"
               },
+              "default": "[]",
               "inheritedFrom": {
                 "name": "FoundationInboxBase",
                 "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
@@ -6492,11 +6316,12 @@
             },
             {
               "kind": "field",
-              "name": "connectionSub",
+              "name": "broadcastTopics",
               "type": {
-                "text": "Subscription"
+                "text": "string[]"
               },
               "privacy": "private",
+              "default": "[]",
               "inheritedFrom": {
                 "name": "FoundationInboxBase",
                 "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
@@ -6504,9 +6329,9 @@
             },
             {
               "kind": "field",
-              "name": "alerts",
+              "name": "routeTopics",
               "type": {
-                "text": "Alert[]"
+                "text": "NotifyRouteTopic[]"
               },
               "privacy": "private",
               "default": "[]",
@@ -6517,9 +6342,9 @@
             },
             {
               "kind": "field",
-              "name": "alertsFilter",
+              "name": "templatesFilter",
               "type": {
-                "text": "Alert[]"
+                "text": "RuleTemplate[]"
               },
               "default": "[]",
               "inheritedFrom": {
@@ -6529,11 +6354,11 @@
             },
             {
               "kind": "field",
-              "name": "moreAlerts",
+              "name": "channelOptionsByTemplate",
               "type": {
-                "text": "boolean"
+                "text": "Record<string, string[]>"
               },
-              "default": "false",
+              "default": "{}",
               "inheritedFrom": {
                 "name": "FoundationInboxBase",
                 "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
@@ -6541,13 +6366,11 @@
             },
             {
               "kind": "field",
-              "name": "renderAlert",
+              "name": "userChannelRules",
               "type": {
-                "text": "ViewTemplate<Alert, FoundationInbox> | undefined"
+                "text": "Record<string, Record<string, Rule | null>>"
               },
-              "default": "undefined",
-              "description": "Optional per-row template for the Alerts / Alert History lists. When set, it replaces the\ndefault alert row (the `.toast` element) and is rendered with the alert as its source (`x`)\nand the inbox host as `c.parent`, mirroring the internal `html<Alert, FoundationInbox>` row.\nWhen unset, the built-in row is used, so existing consumers are unaffected.",
-              "privacy": "public",
+              "default": "{}",
               "inheritedFrom": {
                 "name": "FoundationInboxBase",
                 "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
@@ -6555,12 +6378,11 @@
             },
             {
               "kind": "field",
-              "name": "hideSeverityFilter",
+              "name": "channelTogglePending",
               "type": {
-                "text": "boolean"
+                "text": "Record<string, Record<string, boolean>>"
               },
-              "default": "false",
-              "description": "Hide the Severity filter block in the search bar. Set via the `hide-severity-filter`\nattribute or property. @public",
+              "default": "{}",
               "inheritedFrom": {
                 "name": "FoundationInboxBase",
                 "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
@@ -6568,12 +6390,11 @@
             },
             {
               "kind": "field",
-              "name": "hideDateRange",
+              "name": "pendingChannelParameterDetails",
               "type": {
-                "text": "boolean"
+                "text": "Record<string, string>"
               },
-              "default": "false",
-              "description": "Hide the Date Range filter block in the search bar. Set via the `hide-date-range`\nattribute or property. @public",
+              "default": "{}",
               "inheritedFrom": {
                 "name": "FoundationInboxBase",
                 "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
@@ -6581,12 +6402,12 @@
             },
             {
               "kind": "field",
-              "name": "hideTitleSearch",
+              "name": "lastSubscribeParams",
               "type": {
-                "text": "boolean"
+                "text": "Record<string, Record<string, string>>"
               },
-              "default": "false",
-              "description": "Hide the Search-by-Title field in the search bar. Set via the `hide-title-search`\nattribute or property. @public",
+              "privacy": "private",
+              "default": "{}",
               "inheritedFrom": {
                 "name": "FoundationInboxBase",
                 "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
@@ -6594,12 +6415,12 @@
             },
             {
               "kind": "field",
-              "name": "hideBodySearch",
+              "name": "templateDetailsById",
               "type": {
-                "text": "boolean"
+                "text": "Record<string, NotificationRuleTemplateReply>"
               },
-              "default": "false",
-              "description": "Hide the Search-by-Body field in the search bar. Set via the `hide-body-search`\nattribute or property. @public",
+              "privacy": "private",
+              "default": "{}",
               "inheritedFrom": {
                 "name": "FoundationInboxBase",
                 "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
@@ -6607,12 +6428,12 @@
             },
             {
               "kind": "field",
-              "name": "hideClearAll",
+              "name": "channelStateQueryId",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Hide the Clear All Alerts button on the Alerts tab. Set via the `hide-clear-all`\nattribute or property. Per-item dismiss is unchanged. @public",
+              "privacy": "private",
+              "default": "0",
               "inheritedFrom": {
                 "name": "FoundationInboxBase",
                 "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
@@ -6620,207 +6441,12 @@
             },
             {
               "kind": "field",
-              "name": "onAlertClick",
+              "name": "deferTemplatesFilter",
               "type": {
-                "text": "((alert: Alert) => void) | undefined"
+                "text": "boolean"
               },
-              "default": "undefined",
-              "description": "Optional click handler for an alert row, fired with the clicked alert so consumers can open\nthe related record. Interactive elements inside a custom renderAlert template should\ncall `event.stopPropagation()` to avoid triggering this. @public",
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "ruleService",
-              "type": {
-                "text": "RuleService"
-              },
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "rules",
-              "type": {
-                "text": "Rule[]"
-              },
-              "default": "[]",
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "templateService",
-              "type": {
-                "text": "TemplateService"
-              },
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "notifyService",
-              "type": {
-                "text": "NotifyService"
-              },
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "templates",
-              "type": {
-                "text": "RuleTemplate[]"
-              },
-              "default": "[]",
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "broadcastTopics",
-              "type": {
-                "text": "string[]"
-              },
-              "privacy": "private",
-              "default": "[]",
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "routeTopics",
-              "type": {
-                "text": "NotifyRouteTopic[]"
-              },
-              "privacy": "private",
-              "default": "[]",
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "templatesFilter",
-              "type": {
-                "text": "RuleTemplate[]"
-              },
-              "default": "[]",
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "channelOptionsByTemplate",
-              "type": {
-                "text": "Record<string, string[]>"
-              },
-              "default": "{}",
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "userChannelRules",
-              "type": {
-                "text": "Record<string, Record<string, Rule | null>>"
-              },
-              "default": "{}",
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "channelTogglePending",
-              "type": {
-                "text": "Record<string, Record<string, boolean>>"
-              },
-              "default": "{}",
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "pendingChannelParameterDetails",
-              "type": {
-                "text": "Record<string, string>"
-              },
-              "default": "{}",
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "lastSubscribeParams",
-              "type": {
-                "text": "Record<string, Record<string, string>>"
-              },
-              "privacy": "private",
-              "default": "{}",
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "templateDetailsById",
-              "type": {
-                "text": "Record<string, NotificationRuleTemplateReply>"
-              },
-              "privacy": "private",
-              "default": "{}",
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "channelStateQueryId",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0",
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "deferTemplatesFilter",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false",
+              "privacy": "private",
+              "default": "false",
               "inheritedFrom": {
                 "name": "FoundationInboxBase",
                 "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
@@ -7670,88 +7296,462 @@
           "customElement": true,
           "attributes": [
             {
-              "name": "hide-severity-filter",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hide the Severity filter block in the search bar. Set via the `hide-severity-filter`\nattribute or property. @public",
-              "fieldName": "hideSeverityFilter",
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
+              "name": "hide-severity-filter",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the Severity filter block in the search bar. Set via the `hide-severity-filter`\nattribute or property. @public",
+              "fieldName": "hideSeverityFilter",
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
+              }
+            },
+            {
+              "name": "hide-date-range",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the Date Range filter block in the search bar. Set via the `hide-date-range`\nattribute or property. @public",
+              "fieldName": "hideDateRange",
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
+              }
+            },
+            {
+              "name": "hide-title-search",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the Search-by-Title field in the search bar. Set via the `hide-title-search`\nattribute or property. @public",
+              "fieldName": "hideTitleSearch",
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
+              }
+            },
+            {
+              "name": "hide-body-search",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the Search-by-Body field in the search bar. Set via the `hide-body-search`\nattribute or property. @public",
+              "fieldName": "hideBodySearch",
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
+              }
+            },
+            {
+              "name": "hide-clear-all",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hide the Clear All Alerts button on the Alerts tab. Set via the `hide-clear-all`\nattribute or property. Per-item dismiss is unchanged. @public",
+              "fieldName": "hideClearAll",
+              "inheritedFrom": {
+                "name": "FoundationInboxBase",
+                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FoundationInboxFlyout",
+          "declaration": {
+            "name": "FoundationInboxFlyout",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "foundation-inbox-flyout",
+          "declaration": {
+            "name": "FoundationInboxFlyout",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "noItemsClass",
+          "type": {
+            "text": "string"
+          },
+          "default": "'no-items'",
+          "description": "Class to use when there are no items"
+        },
+        {
+          "kind": "variable",
+          "name": "FoundationInboxCounterStyles",
+          "default": "css`\n  :host {\n    display: inline-block;\n    min-width: 16px;\n    height: 16px;\n    border-radius: 9px;\n    text-align: center;\n    color: #fff;\n    line-height: 16px;\n    font-size: 9px;\n    font-weight: 700;\n    background: ${BACKGROUND_COLOR};\n    pointer-events: none;\n  }\n\n  .hidden {\n    visibility: hidden;\n  }\n\n  :host(.${noItemsClass}) {\n    display: none;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "noItemsClass",
+          "declaration": {
+            "name": "noItemsClass",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FoundationInboxCounterStyles",
+          "declaration": {
+            "name": "FoundationInboxCounterStyles",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "FoundationInboxCounterTemplate",
+          "default": "html<FoundationInboxCounter>`\n  <template class=\"${(x) => classNames([noItemsClass, x.value < 1])}\">\n    ${when(\n      (x) => x.value > 0,\n      html`\n        ${(x) => (x.value > MAX_NUMBER_TO_DISPLAY ? `${MAX_NUMBER_TO_DISPLAY}+` : x.value)}\n      `,\n    )}\n  </template>\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FoundationInboxCounterTemplate",
+          "declaration": {
+            "name": "FoundationInboxCounterTemplate",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "FoundationInboxCounter",
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "connect",
+              "type": {
+                "text": "Connect"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "inboxService",
+              "type": {
+                "text": "FoundationInboxService"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "connectionSub",
+              "type": {
+                "text": "Subscription"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "subscribeToAlerts",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "description": "Subscribes to alerts from the inbox service"
+            },
+            {
+              "kind": "field",
+              "name": "subscriptionHandler",
+              "privacy": "private",
+              "description": "Handles subscription updates from the inbox service"
+            }
+          ],
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          },
+          "tagName": "foundation-inbox-counter",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FoundationInboxCounter",
+          "declaration": {
+            "name": "FoundationInboxCounter",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "foundation-inbox-counter",
+          "declaration": {
+            "name": "FoundationInboxCounter",
+            "module": "src/components/foundation-inbox/components/foundation-inbox-counter/foundation-inbox-counter.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "InboxSubscriptionStyles",
+          "default": "css`\n  .inbox-subscription {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .inbox-subscription.inline {\n    margin-top: calc(var(--design-unit) * 2px);\n    padding-top: calc(var(--design-unit) * 2px);\n    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n  }\n\n  .inbox-subscription-header {\n    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    padding: calc(var(--design-unit) * 2px);\n  }\n\n  .inbox-subscription-empty {\n    padding: 0 calc(var(--design-unit) * 2px);\n    margin: calc(var(--design-unit) * 2px) 0 0;\n  }\n\n  .inbox-subscription-content {\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--design-unit) * 3px);\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    margin: calc(var(--design-unit) * 2px);\n    padding: calc(var(--design-unit) * 2px);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n  }\n\n  .inbox-subscription:not(.inline) .inbox-subscription-content {\n    overflow: auto;\n    max-height: calc(var(--design-unit) * 80px);\n  }\n\n  .inbox-subscription.inline .inbox-subscription-content {\n    margin: calc(var(--design-unit) * 2px) 0 0;\n    overflow: visible;\n    max-height: none;\n    padding-bottom: calc(var(--design-unit) * 4px);\n  }\n\n  .inbox-subscription.inline .control:focus-within {\n    position: relative;\n    z-index: 2;\n  }\n\n  .inbox-subscription-footer {\n    display: flex;\n    gap: calc(var(--design-unit) * 2px);\n    padding: calc(var(--design-unit) * 2px) 0 0;\n    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    margin-top: calc(var(--design-unit) * 2px);\n  }\n\n  .inbox-subscription:not(.inline) .inbox-subscription-footer {\n    padding: calc(var(--design-unit) * 2px);\n    margin-top: 0;\n  }\n\n  .inbox-subscription-footer.auto-submit {\n    justify-content: flex-end;\n    border-top: none;\n    margin-top: 0;\n    padding-top: 0;\n  }\n\n  rapid-button.subscribe,\n  rapid-button.cancel {\n    display: flex;\n    margin: 0;\n    flex: 1;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "InboxSubscriptionStyles",
+          "declaration": {
+            "name": "InboxSubscriptionStyles",
+            "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "InboxSubscriptionTemplate",
+          "default": "html<InboxSubscription>`\n  <div class=\"inbox-subscription ${(x) => (x.inline ? 'inline' : '')}\">\n    ${when(\n      (x) => !x.inline,\n      html`\n        <div class=\"inbox-subscription-header\">\n          Subscribe to\n          <span style=\"font-weight: bold;\">${(x) => x.template.RULE_NAME}</span>\n        </div>\n      `,\n    )}\n    ${when(\n      (x) => x.visibleParameters.length === 0,\n      html`\n        <p class=\"inbox-subscription-empty\">The selected template doesn't have parameters.</p>\n      `,\n    )}\n    ${when(\n      (x) => x.visibleParameters.length > 0,\n      html`\n        <div class=\"inbox-subscription-content\">\n          ${repeat(\n            (x) => x.visibleParameters,\n            html<RuleParameterEntity>`\n              <rule-parameter\n                :parameter=${(x) => x}\n                :isFirstElement=${(x, c) => c.parent.isFirstElement(x)}\n                :operator=${(x, c) => c.parent.parametersOperators[x.PARAM_NAME]}\n                :requireSelection=${(x, c) => c.parent.usesAutoSubmit()}\n                @parameterEdited=${(x, c) => c.parent.parameterEdit(eventDetail(c))}\n              ></rule-parameter>\n            `,\n          )}\n        </div>\n      `,\n    )}\n    ${when(\n      (x) => !x.inline || x.requiresManualSubscribe(),\n      html`\n        <div class=\"inbox-subscription-footer\">\n          ${when(\n            (x) => x.inline,\n            html`\n              <rapid-button\n                class=\"cancel\"\n                appearance=\"neutral\"\n                @click=${(x) => x.cancelSubscribe()}\n              >\n                Cancel\n              </rapid-button>\n            `,\n          )}\n          <rapid-button\n            class=\"subscribe\"\n            appearance=\"primary\"\n            @click=${(x) => x.subscribeTemplate()}\n            ?disabled=${(x) => x.subscribeDisabled}\n          >\n            Subscribe\n          </rapid-button>\n        </div>\n      `,\n    )}\n    ${when(\n      (x) => x.inline && x.usesAutoSubmit(),\n      html`\n        <div class=\"inbox-subscription-footer auto-submit\">\n          <rapid-button class=\"cancel\" appearance=\"neutral\" @click=${(x) => x.cancelSubscribe()}>\n            Cancel\n          </rapid-button>\n        </div>\n      `,\n    )}\n  </div>\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "InboxSubscriptionTemplate",
+          "declaration": {
+            "name": "InboxSubscriptionTemplate",
+            "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Inbox subscription configuration UI.",
+          "name": "InboxSubscription",
+          "members": [
+            {
+              "kind": "field",
+              "name": "template"
+            },
+            {
+              "kind": "field",
+              "name": "inline",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "extraParameterDetails",
+              "type": {
+                "text": "Record<string, string>"
+              },
+              "default": "{}",
+              "description": "Merged into subscribe payload (e.g. CHANNEL topic). Hidden from the form."
+            },
+            {
+              "kind": "field",
+              "name": "parametersDetails",
+              "type": {
+                "text": "object"
+              },
+              "privacy": "private",
+              "default": "{}"
+            },
+            {
+              "kind": "field",
+              "name": "isSubmitting",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "parametersOperators",
+              "type": {
+                "text": "object"
+              },
+              "default": "{}"
+            },
+            {
+              "kind": "field",
+              "name": "subscribeDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true"
+            },
+            {
+              "kind": "field",
+              "name": "ruleService",
+              "type": {
+                "text": "RuleService"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "visibleParameters",
+              "type": {
+                "text": "RuleParameterEntity[]"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "templateChanged"
+            },
+            {
+              "kind": "method",
+              "name": "usesAutoSubmit",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "requiresManualSubscribe",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "parameterEdit",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "autoSubscribe",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "verifySubscribe"
+            },
+            {
+              "kind": "field",
+              "name": "isFirstElement"
+            },
+            {
+              "kind": "method",
+              "name": "subscribeTemplate"
             },
             {
-              "name": "hide-date-range",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hide the Date Range filter block in the search bar. Set via the `hide-date-range`\nattribute or property. @public",
-              "fieldName": "hideDateRange",
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
+              "kind": "method",
+              "name": "cancelSubscribe"
             },
             {
-              "name": "hide-title-search",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hide the Search-by-Title field in the search bar. Set via the `hide-title-search`\nattribute or property. @public",
-              "fieldName": "hideTitleSearch",
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
+              "kind": "field",
+              "name": "createParametersOperatorMap"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired when a template subscription is created. detail: `TemplateSubscribedEventDetail`",
+              "name": "templateSubscribed"
             },
             {
-              "name": "hide-body-search",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Hide the Search-by-Body field in the search bar. Set via the `hide-body-search`\nattribute or property. @public",
-              "fieldName": "hideBodySearch",
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
+              "description": "Fired when inline parameter entry is cancelled",
+              "name": "subscribeCancelled"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "template",
+              "fieldName": "template"
             },
             {
-              "name": "hide-clear-all",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Hide the Clear All Alerts button on the Alerts tab. Set via the `hide-clear-all`\nattribute or property. Per-item dismiss is unchanged. @public",
-              "fieldName": "hideClearAll",
-              "inheritedFrom": {
-                "name": "FoundationInboxBase",
-                "module": "src/components/foundation-inbox/inbox-base/inbox-base.ts"
-              }
+              "fieldName": "inline"
             }
-          ]
+          ],
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          },
+          "tagName": "inbox-subscription",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "FoundationInboxFlyout",
+          "name": "InboxSubscription",
           "declaration": {
-            "name": "FoundationInboxFlyout",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts"
+            "name": "InboxSubscription",
+            "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "foundation-inbox-flyout",
+          "name": "inbox-subscription",
           "declaration": {
-            "name": "FoundationInboxFlyout",
-            "module": "src/components/foundation-inbox/components/foundation-inbox-flyout/foundation-inbox-flyout.ts"
+            "name": "InboxSubscription",
+            "module": "src/components/foundation-inbox/components/inbox-subscription/inbox-subscription.ts"
           }
         }
       ]
@@ -10514,121 +10514,279 @@
             },
             {
               "kind": "field",
-              "name": "sourceTyped",
+              "name": "sourceTyped",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "sourceTextField",
+              "type": {
+                "text": "TextField"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "sourceSelect",
+              "type": {
+                "text": "Select"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "reqRepItems",
+              "type": {
+                "text": "array"
+              },
+              "default": "['REQUEST_1', 'REQUEST_2', 'REQUEST_3']"
+            },
+            {
+              "kind": "method",
+              "name": "deleteParameter"
+            },
+            {
+              "kind": "method",
+              "name": "parameterChanged"
+            },
+            {
+              "kind": "method",
+              "name": "nameChanged"
+            },
+            {
+              "kind": "method",
+              "name": "labelChanged"
+            },
+            {
+              "kind": "method",
+              "name": "typeChanged"
+            },
+            {
+              "kind": "method",
+              "name": "sourceTypeChanged"
+            },
+            {
+              "kind": "method",
+              "name": "sourceSelectedChanged"
+            },
+            {
+              "kind": "method",
+              "name": "sourceTypedChanged"
+            },
+            {
+              "kind": "method",
+              "name": "genericChanged",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "parameterAttribute"
+                },
+                {
+                  "name": "value"
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired when a parameter is deleted. detail: `ParameterBuilderEntity`",
+              "name": "delete"
+            },
+            {
+              "description": "Fired when a parameter is edited. detail: `ParameterBuilderEntity`",
+              "name": "edit"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "parameter",
+              "type": {
+                "text": "ParameterBuilderEntity"
+              },
+              "fieldName": "parameter"
+            }
+          ],
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          },
+          "tagName": "parameter-builder",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ParameterBuilder",
+          "declaration": {
+            "name": "ParameterBuilder",
+            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "parameter-builder",
+          "declaration": {
+            "name": "ParameterBuilder",
+            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "TemplateConditionGroupTemplate",
+          "default": "html<TemplateConditionGroup>`\n  ${when(\n    (x) => !x.isFirst,\n    html`\n      <div class=\"join-toggle-row\">\n        <div class=\"join-toggle\">\n          <span\n            class=\"join-text${(x) => classNames(['active', x.joinOperator === 'AND'])}\"\n            @click=${(x) => (x.joinOperator = 'AND')}\n          >\n            AND\n          </span>\n          <span\n            class=\"join-text${(x) => classNames(['active', x.joinOperator === 'OR'])}\"\n            @click=${(x) => (x.joinOperator = 'OR')}\n          >\n            OR\n          </span>\n        </div>\n      </div>\n    `,\n  )}\n  <div class=\"condition-group-row\">\n    <div class=\"condition-group-box\">\n      ${repeat(\n        (x) => x.groupChildren,\n        html<ConditionNode, TemplateConditionGroup>`\n          ${when(\n            (x) => isGroup(x),\n            html<ConditionNode>`\n              <template-condition-group\n                :fields=${(x, c) => c.parent.fields}\n                :parameters=${(x, c) => c.parent.parameters}\n                :node=${(x) => x}\n                :isFirst=${(x, c) => c.index === 0}\n                @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n                @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n              ></template-condition-group>\n            `,\n          )}\n          ${when(\n            (x) => !isGroup(x),\n            html<ConditionNode>`\n              <template-condition-builder\n                :fields=${(x, c) => c.parent.fields}\n                :parameters=${(x, c) => c.parent.parameters}\n                :condition=${(x) => x}\n                :isFirst=${(x, c) => c.index === 0}\n                @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n                @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n              ></template-condition-builder>\n            `,\n          )}\n        `,\n        { positioning: true },\n      )}\n\n      <div class=\"content-row\">\n        <rapid-button appearance=\"lightweight\" @click=${(x) => x.newCondition()}>\n          + Condition\n        </rapid-button>\n        <rapid-button appearance=\"lightweight\" @click=${(x) => x.newGroup()}>+ Group</rapid-button>\n        <rapid-button appearance=\"icon\" class=\"delete-group\" @click=${(x) => x.deleteSelf()}>\n          <rapid-icon variant=\"regular\" name=\"trash-alt\" size=\"lg\" part=\"icon\"></rapid-icon>\n        </rapid-button>\n      </div>\n    </div>\n  </div>\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TemplateConditionGroupTemplate",
+          "declaration": {
+            "name": "TemplateConditionGroupTemplate",
+            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Parenthesized group of conditions/nested groups for notification template\ncriteria - see rule-condition-group for the rationale. Also forwards\n:parameters down to nested template-condition-builder rows so parameter\nbinding (USER_ENTRY) keeps working inside a group.",
+          "name": "TemplateConditionGroup",
+          "members": [
+            {
+              "kind": "field",
+              "name": "node",
+              "type": {
+                "text": "ConditionGroupEntity"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "fields",
+              "type": {
+                "text": "Field[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "parameters",
               "type": {
-                "text": "string"
-              }
+                "text": "Array<ParameterBuilderEntity>"
+              },
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "sourceTextField",
+              "name": "isFirst",
               "type": {
-                "text": "TextField"
-              }
+                "text": "boolean"
+              },
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "sourceSelect",
+              "name": "joinOperator",
               "type": {
-                "text": "Select"
+                "text": "string"
               }
             },
             {
               "kind": "field",
-              "name": "reqRepItems",
+              "name": "groupChildren",
               "type": {
-                "text": "array"
+                "text": "ConditionNode[]"
               },
-              "default": "['REQUEST_1', 'REQUEST_2', 'REQUEST_3']"
-            },
-            {
-              "kind": "method",
-              "name": "deleteParameter"
-            },
-            {
-              "kind": "method",
-              "name": "parameterChanged"
-            },
-            {
-              "kind": "method",
-              "name": "nameChanged"
+              "default": "[]"
             },
             {
               "kind": "method",
-              "name": "labelChanged"
+              "name": "nodeChanged"
             },
             {
               "kind": "method",
-              "name": "typeChanged"
+              "name": "joinOperatorChanged"
             },
             {
               "kind": "method",
-              "name": "sourceTypeChanged"
+              "name": "newCondition"
             },
             {
               "kind": "method",
-              "name": "sourceSelectedChanged"
+              "name": "newGroup"
             },
             {
               "kind": "method",
-              "name": "sourceTypedChanged"
+              "name": "editChild",
+              "parameters": [
+                {
+                  "name": "_editedChild",
+                  "type": {
+                    "text": "ConditionNode"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "genericChanged",
-              "privacy": "private",
+              "name": "deleteChild",
               "parameters": [
                 {
-                  "name": "parameterAttribute"
-                },
-                {
-                  "name": "value"
+                  "name": "deletedChild",
+                  "type": {
+                    "text": "ConditionNode"
+                  }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "deleteSelf"
             }
           ],
           "events": [
             {
-              "description": "Fired when a parameter is deleted. detail: `ParameterBuilderEntity`",
+              "description": "Fired when this whole group should be removed",
               "name": "delete"
             },
             {
-              "description": "Fired when a parameter is edited. detail: `ParameterBuilderEntity`",
+              "description": "Fired when anything inside this group changes",
               "name": "edit"
             }
           ],
-          "attributes": [
-            {
-              "name": "parameter",
-              "type": {
-                "text": "ParameterBuilderEntity"
-              },
-              "fieldName": "parameter"
-            }
-          ],
           "superclass": {
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "parameter-builder",
+          "tagName": "template-condition-group",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "ParameterBuilder",
+          "name": "TemplateConditionGroup",
           "declaration": {
-            "name": "ParameterBuilder",
-            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
+            "name": "TemplateConditionGroup",
+            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "parameter-builder",
+          "name": "template-condition-group",
           "declaration": {
-            "name": "ParameterBuilder",
-            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
+            "name": "TemplateConditionGroup",
+            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
           }
         }
       ]
@@ -10916,164 +11074,6 @@
           }
         }
       ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "TemplateConditionGroupTemplate",
-          "default": "html<TemplateConditionGroup>`\n  ${when(\n    (x) => !x.isFirst,\n    html`\n      <div class=\"join-toggle-row\">\n        <div class=\"join-toggle\">\n          <span\n            class=\"join-text${(x) => classNames(['active', x.joinOperator === 'AND'])}\"\n            @click=${(x) => (x.joinOperator = 'AND')}\n          >\n            AND\n          </span>\n          <span\n            class=\"join-text${(x) => classNames(['active', x.joinOperator === 'OR'])}\"\n            @click=${(x) => (x.joinOperator = 'OR')}\n          >\n            OR\n          </span>\n        </div>\n      </div>\n    `,\n  )}\n  <div class=\"condition-group-row\">\n    <div class=\"condition-group-box\">\n      ${repeat(\n        (x) => x.groupChildren,\n        html<ConditionNode, TemplateConditionGroup>`\n          ${when(\n            (x) => isGroup(x),\n            html<ConditionNode>`\n              <template-condition-group\n                :fields=${(x, c) => c.parent.fields}\n                :parameters=${(x, c) => c.parent.parameters}\n                :node=${(x) => x}\n                :isFirst=${(x, c) => c.index === 0}\n                @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n                @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n              ></template-condition-group>\n            `,\n          )}\n          ${when(\n            (x) => !isGroup(x),\n            html<ConditionNode>`\n              <template-condition-builder\n                :fields=${(x, c) => c.parent.fields}\n                :parameters=${(x, c) => c.parent.parameters}\n                :condition=${(x) => x}\n                :isFirst=${(x, c) => c.index === 0}\n                @edit=${(x, c) => c.parent.editChild(eventDetail(c))}\n                @delete=${(x, c) => c.parent.deleteChild(eventDetail(c))}\n              ></template-condition-builder>\n            `,\n          )}\n        `,\n        { positioning: true },\n      )}\n\n      <div class=\"content-row\">\n        <rapid-button appearance=\"lightweight\" @click=${(x) => x.newCondition()}>\n          + Condition\n        </rapid-button>\n        <rapid-button appearance=\"lightweight\" @click=${(x) => x.newGroup()}>+ Group</rapid-button>\n        <rapid-button appearance=\"icon\" class=\"delete-group\" @click=${(x) => x.deleteSelf()}>\n          <rapid-icon variant=\"regular\" name=\"trash-alt\" size=\"lg\" part=\"icon\"></rapid-icon>\n        </rapid-button>\n      </div>\n    </div>\n  </div>\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "TemplateConditionGroupTemplate",
-          "declaration": {
-            "name": "TemplateConditionGroupTemplate",
-            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Parenthesized group of conditions/nested groups for notification template\ncriteria - see rule-condition-group for the rationale. Also forwards\n:parameters down to nested template-condition-builder rows so parameter\nbinding (USER_ENTRY) keeps working inside a group.",
-          "name": "TemplateConditionGroup",
-          "members": [
-            {
-              "kind": "field",
-              "name": "node",
-              "type": {
-                "text": "ConditionGroupEntity"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "fields",
-              "type": {
-                "text": "Field[]"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "parameters",
-              "type": {
-                "text": "Array<ParameterBuilderEntity>"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "isFirst",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "joinOperator",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "groupChildren",
-              "type": {
-                "text": "ConditionNode[]"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "method",
-              "name": "nodeChanged"
-            },
-            {
-              "kind": "method",
-              "name": "joinOperatorChanged"
-            },
-            {
-              "kind": "method",
-              "name": "newCondition"
-            },
-            {
-              "kind": "method",
-              "name": "newGroup"
-            },
-            {
-              "kind": "method",
-              "name": "editChild",
-              "parameters": [
-                {
-                  "name": "_editedChild",
-                  "type": {
-                    "text": "ConditionNode"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "deleteChild",
-              "parameters": [
-                {
-                  "name": "deletedChild",
-                  "type": {
-                    "text": "ConditionNode"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "deleteSelf"
-            }
-          ],
-          "events": [
-            {
-              "description": "Fired when this whole group should be removed",
-              "name": "delete"
-            },
-            {
-              "description": "Fired when anything inside this group changes",
-              "name": "edit"
-            }
-          ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
-          },
-          "tagName": "template-condition-group",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "TemplateConditionGroup",
-          "declaration": {
-            "name": "TemplateConditionGroup",
-            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "template-condition-group",
-          "declaration": {
-            "name": "TemplateConditionGroup",
-            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
-          }
-        }
-      ]
     }
   ]
 }