@genesislcap/pbc-notify-ui 15.24.1 → 15.25.1

package/dist/custom-elements.json

@@ -2041,19 +2041,54 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/alert-sound-attachment.ts",
+      "path": "src/components/foundation-sounds/foundation-sounds-panel.styles.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "alertSoundAttachmentTemplate",
-          "default": "html<AlertSoundAttachmentHost>`\n  <div class=\"alert-sound\">\n    <input\n      ${ref('fileInput')}\n      class=\"file-input\"\n      type=\"file\"\n      accept=\"audio/*\"\n      @change=${(x, c) => x.onAlertSoundSelected(c.event)}\n    />\n    <label>Alert sound</label>\n    <div class=\"alert-sound-row\">\n      <span class=\"alert-sound-name\" title=${(x) => x.alertSoundFileName || ''}>\n        ${(x) => x.alertSoundFileName || 'No sound attached'}\n      </span>\n      <rapid-button appearance=\"lightweight\" @click=${(x) => x.openAlertSoundPicker()}>\n        ${(x) => (x.hasAlertSound ? 'Replace' : 'Attach')}\n      </rapid-button>\n      ${when(\n        (x) => x.hasAlertSound,\n        html<AlertSoundAttachmentHost>`\n          <rapid-button appearance=\"lightweight\" @click=${(x) => x.testAttachedAlertSound()}>\n            Test\n          </rapid-button>\n          <rapid-button appearance=\"lightweight\" @click=${(x) => x.clearAttachedAlertSound()}>\n            Clear\n          </rapid-button>\n        `,\n      )}\n    </div>\n  </div>\n`",
-          "description": "Shared Attach/Replace/Test/Clear UI for rule and template dialogs.",
-          "privacy": "public"
-        },
+          "name": "FoundationSoundsPanelStyles",
+          "default": "css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    width: 100%;\n  }\n\n  .sounds-controls {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-height: 0;\n    gap: 12px;\n    padding: calc(var(--design-unit) * 3px);\n    box-sizing: border-box;\n  }\n\n  .sounds-help-disclosure {\n    flex: 0 0 auto;\n  }\n\n  .sounds-help-toggle {\n    margin-inline-start: calc(var(--design-unit) * 1px);\n  }\n\n  .sounds-help-toggle::before {\n    content: '+';\n  }\n\n  .sounds-help-disclosure[expanded] .sounds-help-toggle::before {\n    content: '−';\n  }\n\n  .sounds-help {\n    margin: 0;\n    font-size: var(--type-ramp-minus-1-font-size);\n    color: var(--neutral-foreground-hint);\n    text-align: left;\n  }\n\n  .volume-row {\n    display: flex;\n    align-items: center;\n    flex: 0 0 auto;\n    gap: calc(var(--design-unit) * 2px);\n    min-width: 0;\n  }\n\n  .volume-icon {\n    flex: 0 0 auto;\n  }\n\n  .volume-label {\n    flex: 0 0 auto;\n    font-size: var(--type-ramp-minus-1-font-size);\n    color: var(--neutral-foreground-hint);\n  }\n\n  .volume-slider {\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  .volume-percent {\n    flex: 0 0 auto;\n    min-width: 3ch;\n    text-align: end;\n    font-size: var(--type-ramp-minus-1-font-size);\n    color: var(--neutral-foreground-hint);\n  }\n\n  .mute-all {\n    flex: 0 0 auto;\n    margin: 0;\n  }\n\n  .sound-rules-panel {\n    flex: 1 1 auto;\n    min-height: 0;\n    overflow: auto;\n  }\n\n  .sound-rules {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .sound-rule {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    padding: 12px;\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n\n    /* Keep absolute listboxes from being clipped by the card itself. */\n    overflow: visible;\n  }\n\n  .sound-rule-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    font-weight: 700;\n    font-size: var(--type-ramp-minus-1-font-size);\n  }\n\n  .sound-rule-actions {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n  }\n\n  .sound-rule-label {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    font-size: var(--type-ramp-minus-1-font-size);\n    color: var(--neutral-foreground-hint);\n  }\n\n  .pattern-input,\n  .match-mode-select,\n  .rule-select,\n  .sound-file-input {\n    width: 100%;\n  }\n\n  /*\n   * Anchor the listbox to the select host and use position:fixed so it escapes\n   * .sound-rules-panel overflow:auto (and the rule card). Each select sets a\n   * unique --sounds-select-anchor / anchor-name via inline style.\n   * !important beats FAST's internal absolute top/bottom for [open] selects.\n   */\n  .match-mode-select[open]::part(listbox),\n  .rule-select[open]::part(listbox) {\n    position: fixed !important;\n    /* stylelint-disable-next-line property-no-unknown -- CSS anchor positioning */\n    position-anchor: var(--sounds-select-anchor);\n    inset: auto !important;\n    top: anchor(bottom) !important;\n    left: anchor(left) !important;\n    right: anchor(right) !important;\n    bottom: auto !important;\n    width: auto !important;\n    margin-top: calc(var(--design-unit) * 1px);\n    z-index: 10000;\n    max-height: min(240px, 40vh);\n    overflow-x: hidden;\n    overflow-y: auto;\n    box-shadow: 0 4px 16px rgb(0 0 0 / 24%);\n  }\n\n  .match-mode-select[open][position='above']::part(listbox),\n  .rule-select[open][position='above']::part(listbox) {\n    top: auto !important;\n    bottom: anchor(top) !important;\n    margin-top: 0;\n    margin-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .sound-file-row {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n\n  .sound-file-row .sound-file-input {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .choose-sound {\n    cursor: pointer;\n  }\n\n  .sound-rules-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex: 0 0 auto;\n    gap: 8px;\n  }\n\n  .rule-count {\n    font-size: var(--type-ramp-minus-1-font-size);\n    color: var(--neutral-foreground-hint);\n  }\n\n  .file-input {\n    display: none;\n  }\n\n  ${scrollbarStyles}\n`"
+        }
+      ],
+      "exports": [
         {
-          "kind": "mixin",
-          "description": "Mixin: pick / test / clear / load server sound + apply fields to submit payload.\n\nSubclasses must provide ruleService, isAlertSoundEditMode,\nalertSoundEntityId, and alertSoundCacheSyncMode.",
-          "name": "AlertSoundAttachmentMixin",
+          "kind": "js",
+          "name": "FoundationSoundsPanelStyles",
+          "declaration": {
+            "name": "FoundationSoundsPanelStyles",
+            "module": "src/components/foundation-sounds/foundation-sounds-panel.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-sounds/foundation-sounds-panel.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "FoundationSoundsPanelTemplate",
+          "default": "html<FoundationSoundsPanel>`\n  <div class=\"sounds-controls\" part=\"controls\">\n    <input\n      ${ref('fileInput')}\n      class=\"file-input\"\n      type=\"file\"\n      accept=\"audio/*\"\n      @change=${(x, c) => x.onFileSelected(c.event)}\n    />\n    <rapid-disclosure class=\"sounds-help-disclosure\" appearance=\"lightweight\">\n      <span slot=\"title\">\n        Sound Alerts Information\n        <span class=\"sounds-help-toggle\" aria-hidden=\"true\"></span>\n      </span>\n      <p class=\"sounds-help\">\n        Add up to ${(x) => x.maxRules} sounds.\n        <br />\n        Match text in MESSAGE or HEADER (a word or phrase), or a notification rule (including rules\n        created when you subscribe to a template).\n        <br />\n        The first matching rule is played.\n      </p>\n    </rapid-disclosure>\n    <div class=\"volume-row\">\n      <rapid-icon\n        class=\"volume-icon\"\n        name=${(x) => (x.muted || x.volumePercent === 0 ? 'volume-xmark' : 'volume-high')}\n      ></rapid-icon>\n      <span class=\"volume-label\">Volume</span>\n      <rapid-slider\n        class=\"volume-slider\"\n        min=\"0\"\n        max=\"100\"\n        step=\"1\"\n        :value=${(x) => String(x.volumePercent)}\n        @change=${(x, c) => x.onVolumeChange(c.event)}\n      ></rapid-slider>\n      <span class=\"volume-percent\">${(x) => `${x.volumePercent}%`}</span>\n      <rapid-button\n        class=\"mute-all\"\n        appearance=\"lightweight\"\n        title=${(x) => (x.muted ? 'Unmute alert sounds' : 'Mute all alert sounds')}\n        @click=${(x) => x.toggleMute()}\n      >\n        ${(x) => (x.muted ? 'Unmute' : 'Mute all')}\n      </rapid-button>\n    </div>\n    <div class=\"sound-rules-panel\">\n      <div class=\"sound-rules\">\n        ${repeat(\n          (x) => x.rules,\n          html<AlertSoundRuleView, FoundationSoundsPanel>`\n            <div class=\"sound-rule\" data-rule-index=${(x) => x.index}>\n              <div class=\"sound-rule-header\">\n                <span>Rule ${(x) => x.index + 1}</span>\n                <div class=\"sound-rule-actions\">\n                  <rapid-button\n                    class=\"mute-rule\"\n                    appearance=\"stealth\"\n                    title=${(x) => (x.muted ? 'Unmute this rule' : 'Mute this rule')}\n                    @click=${(x, c) => c.parent.toggleRuleMute(x.index)}\n                  >\n                    <rapid-icon\n                      name=${(x) => (x.muted ? 'volume-xmark' : 'volume-high')}\n                    ></rapid-icon>\n                  </rapid-button>\n                  <rapid-button\n                    class=\"remove-rule\"\n                    appearance=\"stealth\"\n                    title=${(_, c) => (c.parent.canRemoveRule ? 'Remove rule' : 'Reset rule')}\n                    @click=${(x, c) => c.parent.removeRule(x.index)}\n                  >\n                    <rapid-icon name=\"trash\"></rapid-icon>\n                  </rapid-button>\n                </div>\n              </div>\n              <label class=\"sound-rule-label\">\n                Match by\n                <rapid-select\n                  class=\"match-mode-select\"\n                  style=${(x) =>\n                    `anchor-name: --sound-match-${x.index}; --sounds-select-anchor: --sound-match-${x.index}`}\n                  :value=${(x) => x.matchMode}\n                  @change=${(x, c) => c.parent.onMatchModeChange(x.index, c.event)}\n                >\n                  <rapid-option value=\"message\">MESSAGE text</rapid-option>\n                  <rapid-option value=\"header\">HEADER text</rapid-option>\n                  <rapid-option value=\"rule\">Notification rule</rapid-option>\n                </rapid-select>\n              </label>\n              <label\n                class=\"sound-rule-label\"\n                style=${(x) => (x.matchMode === 'rule' ? 'display: none;' : '')}\n              >\n                ${(x) => (x.matchMode === 'header' ? 'HEADER text' : 'MESSAGE text')}\n                <rapid-text-field\n                  class=\"pattern-input\"\n                  placeholder=${(x) =>\n                    x.matchMode === 'header' ? 'e.g. Price alert' : 'e.g. limit breached'}\n                  :value=${(x) => x.pattern}\n                  @input=${(x, c) => c.parent.onPatternInput(x.index, c.event)}\n                ></rapid-text-field>\n              </label>\n              <label\n                class=\"sound-rule-label\"\n                style=${(x) => (x.matchMode === 'rule' ? '' : 'display: none;')}\n              >\n                Notification rule\n                <rapid-select\n                  class=\"rule-select\"\n                  style=${(x) =>\n                    `anchor-name: --sound-rule-${x.index}; --sounds-select-anchor: --sound-rule-${x.index}`}\n                  :value=${(x) => x.templateId ?? ''}\n                  @change=${(x, c) => c.parent.onRuleChange(x.index, c.event)}\n                >\n                  <options-datasource\n                    value-field=\"id\"\n                    label-field=\"name\"\n                    option-element=\"rapid-option\"\n                    :data=${(_, c) => c.parent.ruleSelectOptions}\n                  ></options-datasource>\n                </rapid-select>\n              </label>\n              <label class=\"sound-rule-label\">\n                Sound file\n                <div class=\"sound-file-row\">\n                  <rapid-text-field\n                    class=\"sound-file-input\"\n                    readonly\n                    placeholder=\"No sound selected\"\n                    :value=${(x) => x.fileName ?? ''}\n                    title=${(x) => x.fileName ?? 'No sound selected'}\n                  >\n                    <rapid-icon\n                      slot=\"end\"\n                      class=\"choose-sound\"\n                      name=\"folder-open\"\n                      title=\"Choose alert sound\"\n                      @click=${(x, c) => {\n                        c.event.stopPropagation();\n                        return c.parent.openFilePicker(x.index);\n                      }}\n                    ></rapid-icon>\n                  </rapid-text-field>\n                  <rapid-button\n                    class=\"test-sound\"\n                    appearance=\"stealth\"\n                    title=\"Test play this sound\"\n                    ?disabled=${(x) => !x.hasSound}\n                    @click=${(x, c) => c.parent.testSound(x.index)}\n                  >\n                    <rapid-icon name=\"play\"></rapid-icon>\n                  </rapid-button>\n                  <rapid-button\n                    class=\"clear-sound\"\n                    appearance=\"stealth\"\n                    title=\"Clear sound file\"\n                    ?disabled=${(x) => !x.hasSound}\n                    @click=${(x, c) => c.parent.clearSound(x.index)}\n                  >\n                    <rapid-icon name=\"times\"></rapid-icon>\n                  </rapid-button>\n                </div>\n              </label>\n            </div>\n          `,\n        )}\n      </div>\n    </div>\n    <div class=\"sound-rules-footer\">\n      <rapid-button\n        class=\"add-rule\"\n        appearance=\"lightweight\"\n        title=\"Add sound rule\"\n        ?disabled=${(x) => !x.canAddRule}\n        @click=${(x) => x.addRule()}\n      >\n        <rapid-icon name=\"plus\"></rapid-icon>\n        Add rule\n      </rapid-button>\n      <span class=\"rule-count\">${(x) => `${x.rules.length} / ${x.maxRules}`}</span>\n    </div>\n  </div>\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FoundationSoundsPanelTemplate",
+          "declaration": {
+            "name": "FoundationSoundsPanelTemplate",
+            "module": "src/components/foundation-sounds/foundation-sounds-panel.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-sounds/foundation-sounds-panel.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Configures alert sound rules in the inbox Sounds tab. Persists via the shared\nAlertSoundPlayer; playback is handled by layout-mounted\nFoundationSounds.",
+          "name": "FoundationSoundsPanel",
           "members": [
             {
               "kind": "field",
@@ -2064,56 +2099,21 @@
             },
             {
               "kind": "field",
-              "name": "isAlertSoundEditMode",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "True when editing an existing entity (clear should set CLEAR_ALERT_SOUND).",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "alertSoundEntityId",
-              "type": {
-                "text": "string | null"
-              },
-              "description": "DYNAMIC_RULE_ID of the entity being edited (null on create).\nUsed when alertSoundCacheSyncMode is `'entity'`.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "alertSoundCacheSyncMode",
-              "type": {
-                "text": "'entity' | 'all'"
-              },
-              "description": "`'entity'` — update/clear cache for alertSoundEntityId (rules).\n`'all'` — drop every cached server sound (templates; instance ids unknown).",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "alertSoundFileName",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Display name of the attached / pending alert sound file."
-            },
-            {
-              "kind": "field",
-              "name": "alertSoundMimeType",
+              "name": "volumePercent",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''"
+              "default": "100",
+              "description": "Global playback volume 0–100. @internal"
             },
             {
               "kind": "field",
-              "name": "hasAlertSound",
+              "name": "selectableRules",
               "type": {
-                "text": "boolean"
+                "text": "AlertSoundSelectableRule[]"
               },
-              "default": "false",
-              "description": "True when edit loaded an existing server sound (or user attached one)."
+              "default": "[]",
+              "description": "Notification rules from REQ_NOTIFICATION_RULE. @internal"
             },
             {
               "kind": "field",
@@ -2124,58 +2124,98 @@
             },
             {
               "kind": "field",
-              "name": "pendingAlertSoundData",
+              "name": "pendingRuleIndex",
               "type": {
-                "text": "string | null"
+                "text": "number | null"
               },
+              "privacy": "private",
               "default": "null"
             },
             {
               "kind": "field",
-              "name": "alertSoundDirty",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "True when the user picked a new file this session (needs upload)."
+              "name": "player",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "clearAlertSound",
+              "name": "unsubscribePlayer",
               "type": {
-                "text": "boolean"
+                "text": "(() => void) | undefined"
               },
-              "default": "false"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "testAudio",
+              "name": "ignoreSelectChanges",
               "type": {
-                "text": "HTMLAudioElement | null"
+                "text": "boolean"
               },
-              "default": "null",
-              "description": "In-progress Test playback; not private — mixin return type is exported."
+              "privacy": "private",
+              "default": "false",
+              "description": "Suppresses select change events while options are rebuilt."
             },
             {
               "kind": "method",
-              "name": "loadExistingAlertSound",
+              "name": "onMatchModeChange",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
               "parameters": [
                 {
-                  "name": "dynamicRuleId",
+                  "name": "index",
                   "type": {
-                    "text": "string"
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "openAlertSoundPicker"
+              "name": "onPatternInput",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "onAlertSoundSelected",
+              "name": "onRuleChange",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
               "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                },
                 {
                   "name": "event",
                   "type": {
@@ -2186,886 +2226,939 @@
             },
             {
               "kind": "method",
-              "name": "clearAttachedAlertSound"
+              "name": "openFilePicker",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "testAttachedAlertSound"
+              "name": "onFileSelected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "stopTestSound"
+              "name": "clearSound",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "resetAlertSoundState"
+              "name": "testSound",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "applyAlertSoundToPayload",
+              "name": "toggleRuleMute",
               "return": {
                 "type": {
-                  "text": "T"
+                  "text": "boolean"
                 }
               },
               "parameters": [
                 {
-                  "name": "target",
+                  "name": "index",
                   "type": {
-                    "text": "T"
+                    "text": "number"
                   }
                 }
-              ],
-              "description": "Merges pending sound / clear flag onto a create/update DETAILS object."
+              ]
             },
             {
               "kind": "method",
-              "name": "syncAlertSoundCacheAfterSave",
-              "description": "Keep AlertSoundPlayer's in-memory NOTIFY_ALERT_SOUND cache in sync with\nwhat we just saved — otherwise the next alert still plays the old file."
-            }
-          ],
-          "parameters": [
+              "name": "onVolumeChange",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
             {
-              "name": "Base",
-              "type": {
-                "text": "TBase"
+              "kind": "method",
+              "name": "toggleMute",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               }
-            }
-          ],
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "alertSoundAttachmentTemplate",
-          "declaration": {
-            "name": "alertSoundAttachmentTemplate",
-            "module": "src/components/foundation-notification-dashboard/alert-sound-attachment.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "AlertSoundAttachmentMixin",
-          "declaration": {
-            "name": "AlertSoundAttachmentMixin",
-            "module": "src/components/foundation-notification-dashboard/alert-sound-attachment.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./notification-dashboard"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/notification-dashboard.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "FoundationNotificationDashboardStyles",
-          "default": "css`\n  .notification-dashboard,\n  rapid-tabs,\n  rapid-tab-panel {\n    height: 100%;\n  }\n\n  .no-permissions {\n    font-family: var(--body-font);\n    color: var(--neutral-foreground-rest);\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n`",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "FoundationNotificationDashboardStyles",
-          "declaration": {
-            "name": "FoundationNotificationDashboardStyles",
-            "module": "src/components/foundation-notification-dashboard/notification-dashboard.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/notification-dashboard.tabs.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "NotificationDashboardTab",
-          "members": [
+            },
             {
-              "kind": "field",
-              "name": "id",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "addRule",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               }
             },
             {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              }
+              "kind": "method",
+              "name": "removeRule",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "component",
-              "type": {
-                "text": "string"
-              }
+              "kind": "method",
+              "name": "reloadRules",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "description": "Reloads the notification-rule picker (e.g. when the Sounds tab is opened)."
             },
             {
-              "kind": "field",
-              "name": "right",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "loadRules",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
               }
+            },
+            {
+              "kind": "method",
+              "name": "settleRuleOptions",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "description": "Suppresses select `change` events only while options-datasource rebuilds\nthe DOM — not for the `getRules()` round trip itself, so a user picking a\nrule while a request is in flight isn't silently dropped."
+            },
+            {
+              "kind": "method",
+              "name": "applyRuleSelectValues",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Re-applies persisted template ids onto `.rule-select` hosts after\noptions-datasource has rebuilt its options. We deliberately do *not* bind\n`:initialSelectedValue` to templateId: that path compares the option label\nagainst Select.value (the option id), always mismatches, clearData()'s the\nselect, and leaves the next pick stuck on \"Select a rule...\"."
+            },
+            {
+              "kind": "method",
+              "name": "mapRules",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "AlertSoundSelectableRule[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "ruleList",
+                  "type": {
+                    "text": "NamedRuleRow[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "ruleMatchId",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "rule",
+                  "type": {
+                    "text": "NamedRuleRow | undefined"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "syncSoundState",
+              "privacy": "private"
             }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "NOTIFICATION_DASHBOARD_TABS",
-          "type": {
-            "text": "NotificationDashboardTab[]"
+          ],
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
           },
-          "default": "[\n  {\n    id: 'rules',\n    name: 'Rules',\n    component: 'rule-management',\n    right: 'NotificationRuleView',\n  },\n  {\n    id: 'templates',\n    name: 'Templates',\n    component: 'template-management',\n    right: 'NotificationRuleTemplateView',\n  },\n  {\n    id: 'routes',\n    name: 'Routes',\n    component: 'route-management',\n    right: 'NotificationRouteView',\n  },\n  /* TODO: Not needed at the moment\n  {\n    id: 'notify-audit',\n    name: 'Notify Audit',\n    component: 'notify-audit-management',\n    right: 'NotificationAuditView',\n  },\n  */\n]"
+          "tagName": "foundation-sounds-panel",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "NotificationDashboardTab",
+          "name": "FoundationSoundsPanel",
           "declaration": {
-            "name": "NotificationDashboardTab",
-            "module": "src/components/foundation-notification-dashboard/notification-dashboard.tabs.ts"
+            "name": "FoundationSoundsPanel",
+            "module": "src/components/foundation-sounds/foundation-sounds-panel.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "NOTIFICATION_DASHBOARD_TABS",
+          "kind": "custom-element-definition",
+          "name": "foundation-sounds-panel",
           "declaration": {
-            "name": "NOTIFICATION_DASHBOARD_TABS",
-            "module": "src/components/foundation-notification-dashboard/notification-dashboard.tabs.ts"
+            "name": "FoundationSoundsPanel",
+            "module": "src/components/foundation-sounds/foundation-sounds-panel.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/notification-dashboard.template.ts",
+      "path": "src/components/foundation-sounds/foundation-sounds.styles.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "FoundationNotificationDashboardTemplate",
-          "default": "html<FoundationNotificationDashboard>`\n  <div class=\"notification-dashboard\">\n    ${whenElse(\n      (x) => x.hasPermissions,\n      html`\n        <rapid-tabs class=\"tabs\">\n          <!-- Tabs -->\n          ${repeat(\n            (_) => NOTIFICATION_DASHBOARD_TABS,\n            html<NotificationDashboardTab>`\n              ${when(\n                (x, c) => (c.parent.auth as Auth).currentUser.hasPermission(x.right),\n                html<NotificationDashboardTab>`\n                  <rapid-tab slot=\"${(x) => x.id}-tab\">${(x) => x.name}</rapid-tab>\n                `,\n              )}\n            `,\n          )}\n\n          <!-- Panels -->\n          ${repeat(\n            (_) => NOTIFICATION_DASHBOARD_TABS,\n            html<NotificationDashboardTab>`\n              ${when(\n                (x, c) => (c.parent.auth as Auth).currentUser.hasPermission(x.right),\n                html`\n                  ${\n                    /* HTML Render */\n                    (x) => html<NotificationDashboardTab>`\n                        <rapid-tab-panel slot=\"${x.id}-tab\"\n                                         id=\"${x.id}-tab-panel\">\n                            <${x.component}></${x.component}>\n                        </rapid-tab-panel>\n                      `\n                  }\n                `,\n              )}\n            `,\n          )}\n        </rapid-tabs>\n      `,\n      html`\n        <div class=\"no-permissions\">\n          <label>User has no permissions to view Notification Screens</label>\n        </div>\n      `,\n    )}\n  </div>\n`"
+          "name": "FoundationSoundsStyles",
+          "default": "css`\n  :host {\n    display: none;\n  }\n`",
+          "description": "Headless layout listener — take no space in the layout chrome."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "FoundationNotificationDashboardTemplate",
+          "name": "FoundationSoundsStyles",
           "declaration": {
-            "name": "FoundationNotificationDashboardTemplate",
-            "module": "src/components/foundation-notification-dashboard/notification-dashboard.template.ts"
+            "name": "FoundationSoundsStyles",
+            "module": "src/components/foundation-sounds/foundation-sounds.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/notification-dashboard.ts",
+      "path": "src/components/foundation-sounds/foundation-sounds.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "FoundationNotificationDashboard",
+          "description": "Headless listener for inbox alert inserts. Plays configured sounds via the\nshared AlertSoundPlayer. Mount once in the app layout.\n\nConfigure rules in the inbox Sounds tab with FoundationSoundsPanel.",
+          "name": "FoundationSounds",
           "members": [
             {
               "kind": "field",
-              "name": "auth",
+              "name": "connect",
               "type": {
-                "text": "Auth"
+                "text": "Connect"
               }
             },
             {
               "kind": "field",
-              "name": "ready",
+              "name": "inboxService",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+                "text": "FoundationInboxService"
+              }
             },
             {
               "kind": "field",
-              "name": "hasPermissions",
+              "name": "ruleService",
               "type": {
-                "text": "boolean"
-              },
-              "default": "true"
-            }
-          ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
-          },
-          "tagName": "foundation-notification-dashboard",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "FoundationNotificationDashboard",
-          "declaration": {
-            "name": "FoundationNotificationDashboard",
-            "module": "src/components/foundation-notification-dashboard/notification-dashboard.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "foundation-notification-dashboard",
-          "declaration": {
-            "name": "FoundationNotificationDashboard",
-            "module": "src/components/foundation-notification-dashboard/notification-dashboard.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/notification-dashboard.utils.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UUIDGenerator",
-          "members": [
+                "text": "RuleService"
+              }
+            },
             {
               "kind": "field",
-              "name": "uuid",
+              "name": "soundEnabled",
               "type": {
-                "text": "UUID"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "static": true
-            },
-            {
-              "kind": "field",
-              "name": "createUUID",
-              "static": true
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "isEmpty",
-          "parameters": [
-            {
-              "name": "value"
-            }
-          ]
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "DynamicRuleUtils",
-          "members": [
-            {
-              "kind": "field",
-              "name": "createEmptyCondition",
-              "static": true
+              "default": "true",
+              "description": "When false, new audible alerts are tracked but do not play."
             },
             {
               "kind": "field",
-              "name": "createAssignment",
-              "static": true
+              "name": "connectionSub",
+              "type": {
+                "text": "Subscription | undefined"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "createTextAssignment",
-              "static": true
+              "name": "player",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "getAssignmentValue",
-              "static": true
+              "name": "knownAlertIds",
+              "privacy": "private",
+              "default": "new Set<string>()"
             },
             {
               "kind": "field",
-              "name": "getAssignmentText",
-              "static": true
-            },
-            {
-              "kind": "method",
-              "name": "createConditions",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "any"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "conditions",
-                  "type": {
-                    "text": "ConditionNode[]"
-                  }
-                },
-                {
-                  "name": "parameters",
-                  "optional": true
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "hasMultiValueCondition",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "conditions",
-                  "type": {
-                    "text": "ConditionNode[]"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "hasOrJoin",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "conditions",
-                  "type": {
-                    "text": "ConditionNode[]"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "hasGroup",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "conditions",
-                  "type": {
-                    "text": "ConditionNode[]"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "hasUnsupportedOperator",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "conditions",
-                  "type": {
-                    "text": "ConditionNode[]"
-                  }
-                }
-              ]
+              "name": "serverSoundFetches",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new Map<string, Promise<boolean>>()",
+              "description": "In-flight server sound fetches keyed by DYNAMIC_RULE_ID."
             },
             {
               "kind": "method",
-              "name": "flattenConditions",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "ConditionBuilderEntity[]"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "conditions",
-                  "type": {
-                    "text": "ConditionNode[]"
-                  }
+              "name": "subscribeToAlerts",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
-              ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "subscriptionHandler",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "resolveLeftValues",
-              "static": true,
+              "name": "playForNewAlerts",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "ConditionNode[]"
+                  "text": "Promise<void>"
                 }
               },
               "parameters": [
                 {
-                  "name": "conditions",
-                  "type": {
-                    "text": "ConditionNode[]"
-                  }
-                },
-                {
-                  "name": "fields",
+                  "name": "rows",
                   "type": {
-                    "text": "any[]"
+                    "text": "Array<{\n      id: string;\n      message?: string;\n      header?: string;\n      dynamicRuleId?: string;\n    }>"
                   }
                 }
               ]
             },
-            {
-              "kind": "field",
-              "name": "createEmptyGroup",
-              "static": true
-            },
             {
               "kind": "method",
-              "name": "buildRawExpression",
-              "static": true,
+              "name": "tryPlayServerSound",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "Promise<boolean>"
                 }
               },
               "parameters": [
                 {
-                  "name": "conditions",
+                  "name": "dynamicRuleId",
                   "type": {
-                    "text": "ConditionNode[]"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "parseRawExpression",
-              "static": true,
+              "name": "fetchAndCacheServerSound",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "ConditionNode[] | null"
+                  "text": "Promise<boolean>"
                 }
               },
               "parameters": [
                 {
-                  "name": "rawExpression",
+                  "name": "dynamicRuleId",
                   "type": {
                     "text": "string"
                   }
                 }
               ]
             }
-          ]
+          ],
+          "attributes": [
+            {
+              "name": "sound-enabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "When false, new audible alerts are tracked but do not play.",
+              "fieldName": "soundEnabled"
+            }
+          ],
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          },
+          "tagName": "foundation-sounds",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FoundationSounds",
+          "declaration": {
+            "name": "FoundationSounds",
+            "module": "src/components/foundation-sounds/foundation-sounds.ts"
+          }
         },
         {
-          "kind": "class",
-          "description": "",
-          "name": "TemplateUtils",
+          "kind": "custom-element-definition",
+          "name": "foundation-sounds",
+          "declaration": {
+            "name": "FoundationSounds",
+            "module": "src/components/foundation-sounds/foundation-sounds.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/alert-sound-attachment.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "alertSoundAttachmentTemplate",
+          "default": "html<AlertSoundAttachmentHost>`\n  <div class=\"alert-sound\">\n    <input\n      ${ref('fileInput')}\n      class=\"file-input\"\n      type=\"file\"\n      accept=\"audio/*\"\n      @change=${(x, c) => x.onAlertSoundSelected(c.event)}\n    />\n    <label>Alert sound</label>\n    <div class=\"alert-sound-row\">\n      <span class=\"alert-sound-name\" title=${(x) => x.alertSoundFileName || ''}>\n        ${(x) => x.alertSoundFileName || 'No sound attached'}\n      </span>\n      <rapid-button appearance=\"lightweight\" @click=${(x) => x.openAlertSoundPicker()}>\n        ${(x) => (x.hasAlertSound ? 'Replace' : 'Attach')}\n      </rapid-button>\n      ${when(\n        (x) => x.hasAlertSound,\n        html<AlertSoundAttachmentHost>`\n          <rapid-button appearance=\"lightweight\" @click=${(x) => x.testAttachedAlertSound()}>\n            Test\n          </rapid-button>\n          <rapid-button appearance=\"lightweight\" @click=${(x) => x.clearAttachedAlertSound()}>\n            Clear\n          </rapid-button>\n        `,\n      )}\n    </div>\n  </div>\n`",
+          "description": "Shared Attach/Replace/Test/Clear UI for rule and template dialogs.",
+          "privacy": "public"
+        },
+        {
+          "kind": "mixin",
+          "description": "Mixin: pick / test / clear / load server sound + apply fields to submit payload.\n\nSubclasses must provide ruleService, isAlertSoundEditMode,\nalertSoundEntityId, and alertSoundCacheSyncMode.",
+          "name": "AlertSoundAttachmentMixin",
           "members": [
             {
               "kind": "field",
-              "name": "createEmptyParameter",
-              "static": true
+              "name": "ruleService",
+              "type": {
+                "text": "RuleService"
+              }
             },
             {
-              "kind": "method",
-              "name": "getParameters",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "parameters"
-                }
-              ]
+              "kind": "field",
+              "name": "isAlertSoundEditMode",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "True when editing an existing entity (clear should set CLEAR_ALERT_SOUND).",
+              "readonly": true
             },
             {
-              "kind": "method",
-              "name": "buildRightValue",
-              "privacy": "private",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "logicalOperator",
-                  "type": {
-                    "text": "LogicalOperator"
-                  }
-                },
-                {
-                  "name": "condition"
-                },
-                {
-                  "name": "parameters",
-                  "optional": true
-                }
-              ]
+              "kind": "field",
+              "name": "alertSoundEntityId",
+              "type": {
+                "text": "string | null"
+              },
+              "description": "DYNAMIC_RULE_ID of the entity being edited (null on create).\nUsed when alertSoundCacheSyncMode is `'entity'`.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "alertSoundCacheSyncMode",
+              "type": {
+                "text": "'entity' | 'all'"
+              },
+              "description": "`'entity'` — update/clear cache for alertSoundEntityId (rules).\n`'all'` — drop every cached server sound (templates; instance ids unknown).",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "alertSoundFileName",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Display name of the attached / pending alert sound file."
+            },
+            {
+              "kind": "field",
+              "name": "alertSoundMimeType",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "hasAlertSound",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "True when edit loaded an existing server sound (or user attached one)."
+            },
+            {
+              "kind": "field",
+              "name": "fileInput",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "pendingAlertSoundData",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "alertSoundDirty",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "True when the user picked a new file this session (needs upload)."
+            },
+            {
+              "kind": "field",
+              "name": "clearAlertSound",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "testAudio",
+              "type": {
+                "text": "HTMLAudioElement | null"
+              },
+              "default": "null",
+              "description": "In-progress Test playback; not private — mixin return type is exported."
             },
             {
               "kind": "method",
-              "name": "getConditions",
-              "static": true,
+              "name": "loadExistingAlertSound",
               "parameters": [
                 {
-                  "name": "conditions"
-                },
-                {
-                  "name": "parameters",
-                  "optional": true
+                  "name": "dynamicRuleId",
+                  "type": {
+                    "text": "string"
+                  }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "createParameterDetails",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "parameters"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "RuleUtils",
-          "members": [
+              "name": "openAlertSoundPicker"
+            },
             {
               "kind": "method",
-              "name": "buildRightValue",
-              "privacy": "private",
-              "static": true,
+              "name": "onAlertSoundSelected",
               "parameters": [
                 {
-                  "name": "logicalOperator",
+                  "name": "event",
                   "type": {
-                    "text": "LogicalOperator"
+                    "text": "Event"
                   }
-                },
-                {
-                  "name": "condition"
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "getConditions",
-              "static": true,
+              "name": "clearAttachedAlertSound"
+            },
+            {
+              "kind": "method",
+              "name": "testAttachedAlertSound"
+            },
+            {
+              "kind": "method",
+              "name": "stopTestSound"
+            },
+            {
+              "kind": "method",
+              "name": "resetAlertSoundState"
+            },
+            {
+              "kind": "method",
+              "name": "applyAlertSoundToPayload",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
               "parameters": [
                 {
-                  "name": "conditions"
+                  "name": "target",
+                  "type": {
+                    "text": "T"
+                  }
                 }
-              ]
+              ],
+              "description": "Merges pending sound / clear flag onto a create/update DETAILS object."
+            },
+            {
+              "kind": "method",
+              "name": "syncAlertSoundCacheAfterSave",
+              "description": "Keep AlertSoundPlayer's in-memory NOTIFY_ALERT_SOUND cache in sync with\nwhat we just saved — otherwise the next alert still plays the old file."
             }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "showNotificationError",
+          ],
           "parameters": [
             {
-              "name": "error"
+              "name": "Base",
+              "type": {
+                "text": "TBase"
+              }
             }
-          ]
+          ],
+          "privacy": "public"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UUIDGenerator",
-          "declaration": {
-            "name": "UUIDGenerator",
-            "module": "src/components/foundation-notification-dashboard/notification-dashboard.utils.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "isEmpty",
+          "name": "alertSoundAttachmentTemplate",
           "declaration": {
-            "name": "isEmpty",
-            "module": "src/components/foundation-notification-dashboard/notification-dashboard.utils.ts"
+            "name": "alertSoundAttachmentTemplate",
+            "module": "src/components/foundation-notification-dashboard/alert-sound-attachment.ts"
           }
         },
         {
           "kind": "js",
-          "name": "DynamicRuleUtils",
+          "name": "AlertSoundAttachmentMixin",
           "declaration": {
-            "name": "DynamicRuleUtils",
-            "module": "src/components/foundation-notification-dashboard/notification-dashboard.utils.ts"
+            "name": "AlertSoundAttachmentMixin",
+            "module": "src/components/foundation-notification-dashboard/alert-sound-attachment.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/index.ts",
+      "declarations": [],
+      "exports": [
         {
           "kind": "js",
-          "name": "TemplateUtils",
+          "name": "*",
           "declaration": {
-            "name": "TemplateUtils",
-            "module": "src/components/foundation-notification-dashboard/notification-dashboard.utils.ts"
+            "name": "*",
+            "package": "./notification-dashboard"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/notification-dashboard.styles.ts",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "RuleUtils",
-          "declaration": {
-            "name": "RuleUtils",
-            "module": "src/components/foundation-notification-dashboard/notification-dashboard.utils.ts"
-          }
-        },
+          "kind": "variable",
+          "name": "FoundationNotificationDashboardStyles",
+          "default": "css`\n  .notification-dashboard,\n  rapid-tabs,\n  rapid-tab-panel {\n    height: 100%;\n  }\n\n  .no-permissions {\n    font-family: var(--body-font);\n    color: var(--neutral-foreground-rest);\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n`",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "showNotificationError",
+          "name": "FoundationNotificationDashboardStyles",
           "declaration": {
-            "name": "showNotificationError",
-            "module": "src/components/foundation-notification-dashboard/notification-dashboard.utils.ts"
+            "name": "FoundationNotificationDashboardStyles",
+            "module": "src/components/foundation-notification-dashboard/notification-dashboard.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-sounds/foundation-sounds-panel.styles.ts",
+      "path": "src/components/foundation-notification-dashboard/notification-dashboard.tabs.ts",
       "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "NotificationDashboardTab",
+          "members": [
+            {
+              "kind": "field",
+              "name": "id",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "component",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "right",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
         {
           "kind": "variable",
-          "name": "FoundationSoundsPanelStyles",
-          "default": "css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    width: 100%;\n  }\n\n  .sounds-controls {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-height: 0;\n    gap: 12px;\n    padding: calc(var(--design-unit) * 3px);\n    box-sizing: border-box;\n  }\n\n  .sounds-help-disclosure {\n    flex: 0 0 auto;\n  }\n\n  .sounds-help-toggle {\n    margin-inline-start: calc(var(--design-unit) * 1px);\n  }\n\n  .sounds-help-toggle::before {\n    content: '+';\n  }\n\n  .sounds-help-disclosure[expanded] .sounds-help-toggle::before {\n    content: '−';\n  }\n\n  .sounds-help {\n    margin: 0;\n    font-size: var(--type-ramp-minus-1-font-size);\n    color: var(--neutral-foreground-hint);\n    text-align: left;\n  }\n\n  .volume-row {\n    display: flex;\n    align-items: center;\n    flex: 0 0 auto;\n    gap: calc(var(--design-unit) * 2px);\n    min-width: 0;\n  }\n\n  .volume-icon {\n    flex: 0 0 auto;\n  }\n\n  .volume-label {\n    flex: 0 0 auto;\n    font-size: var(--type-ramp-minus-1-font-size);\n    color: var(--neutral-foreground-hint);\n  }\n\n  .volume-slider {\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  .volume-percent {\n    flex: 0 0 auto;\n    min-width: 3ch;\n    text-align: end;\n    font-size: var(--type-ramp-minus-1-font-size);\n    color: var(--neutral-foreground-hint);\n  }\n\n  .mute-all {\n    flex: 0 0 auto;\n    margin: 0;\n  }\n\n  .sound-rules-panel {\n    flex: 1 1 auto;\n    min-height: 0;\n    overflow: auto;\n  }\n\n  .sound-rules {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .sound-rule {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    padding: 12px;\n    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n\n    /* Keep absolute listboxes from being clipped by the card itself. */\n    overflow: visible;\n  }\n\n  .sound-rule-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    font-weight: 700;\n    font-size: var(--type-ramp-minus-1-font-size);\n  }\n\n  .sound-rule-actions {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n  }\n\n  .sound-rule-label {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    font-size: var(--type-ramp-minus-1-font-size);\n    color: var(--neutral-foreground-hint);\n  }\n\n  .pattern-input,\n  .match-mode-select,\n  .rule-select,\n  .sound-file-input {\n    width: 100%;\n  }\n\n  /*\n   * Anchor the listbox to the select host and use position:fixed so it escapes\n   * .sound-rules-panel overflow:auto (and the rule card). Each select sets a\n   * unique --sounds-select-anchor / anchor-name via inline style.\n   * !important beats FAST's internal absolute top/bottom for [open] selects.\n   */\n  .match-mode-select[open]::part(listbox),\n  .rule-select[open]::part(listbox) {\n    position: fixed !important;\n    /* stylelint-disable-next-line property-no-unknown -- CSS anchor positioning */\n    position-anchor: var(--sounds-select-anchor);\n    inset: auto !important;\n    top: anchor(bottom) !important;\n    left: anchor(left) !important;\n    right: anchor(right) !important;\n    bottom: auto !important;\n    width: auto !important;\n    margin-top: calc(var(--design-unit) * 1px);\n    z-index: 10000;\n    max-height: min(240px, 40vh);\n    overflow-x: hidden;\n    overflow-y: auto;\n    box-shadow: 0 4px 16px rgb(0 0 0 / 24%);\n  }\n\n  .match-mode-select[open][position='above']::part(listbox),\n  .rule-select[open][position='above']::part(listbox) {\n    top: auto !important;\n    bottom: anchor(top) !important;\n    margin-top: 0;\n    margin-bottom: calc(var(--design-unit) * 1px);\n  }\n\n  .sound-file-row {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n\n  .sound-file-row .sound-file-input {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .choose-sound {\n    cursor: pointer;\n  }\n\n  .sound-rules-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex: 0 0 auto;\n    gap: 8px;\n  }\n\n  .rule-count {\n    font-size: var(--type-ramp-minus-1-font-size);\n    color: var(--neutral-foreground-hint);\n  }\n\n  .file-input {\n    display: none;\n  }\n\n  ${scrollbarStyles}\n`"
+          "name": "NOTIFICATION_DASHBOARD_TABS",
+          "type": {
+            "text": "NotificationDashboardTab[]"
+          },
+          "default": "[\n  {\n    id: 'rules',\n    name: 'Rules',\n    component: 'rule-management',\n    right: 'NotificationRuleView',\n  },\n  {\n    id: 'templates',\n    name: 'Templates',\n    component: 'template-management',\n    right: 'NotificationRuleTemplateView',\n  },\n  {\n    id: 'routes',\n    name: 'Routes',\n    component: 'route-management',\n    right: 'NotificationRouteView',\n  },\n  /* TODO: Not needed at the moment\n  {\n    id: 'notify-audit',\n    name: 'Notify Audit',\n    component: 'notify-audit-management',\n    right: 'NotificationAuditView',\n  },\n  */\n]"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "FoundationSoundsPanelStyles",
+          "name": "NotificationDashboardTab",
           "declaration": {
-            "name": "FoundationSoundsPanelStyles",
-            "module": "src/components/foundation-sounds/foundation-sounds-panel.styles.ts"
+            "name": "NotificationDashboardTab",
+            "module": "src/components/foundation-notification-dashboard/notification-dashboard.tabs.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "NOTIFICATION_DASHBOARD_TABS",
+          "declaration": {
+            "name": "NOTIFICATION_DASHBOARD_TABS",
+            "module": "src/components/foundation-notification-dashboard/notification-dashboard.tabs.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-sounds/foundation-sounds-panel.template.ts",
+      "path": "src/components/foundation-notification-dashboard/notification-dashboard.template.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "FoundationSoundsPanelTemplate",
-          "default": "html<FoundationSoundsPanel>`\n  <div class=\"sounds-controls\" part=\"controls\">\n    <input\n      ${ref('fileInput')}\n      class=\"file-input\"\n      type=\"file\"\n      accept=\"audio/*\"\n      @change=${(x, c) => x.onFileSelected(c.event)}\n    />\n    <rapid-disclosure class=\"sounds-help-disclosure\" appearance=\"lightweight\">\n      <span slot=\"title\">\n        Sound Alerts Information\n        <span class=\"sounds-help-toggle\" aria-hidden=\"true\"></span>\n      </span>\n      <p class=\"sounds-help\">\n        Add up to ${(x) => x.maxRules} sounds.\n        <br />\n        Match text in MESSAGE or HEADER (a word or phrase), or a notification rule (including rules\n        created when you subscribe to a template).\n        <br />\n        The first matching rule is played.\n      </p>\n    </rapid-disclosure>\n    <div class=\"volume-row\">\n      <rapid-icon\n        class=\"volume-icon\"\n        name=${(x) => (x.muted || x.volumePercent === 0 ? 'volume-xmark' : 'volume-high')}\n      ></rapid-icon>\n      <span class=\"volume-label\">Volume</span>\n      <rapid-slider\n        class=\"volume-slider\"\n        min=\"0\"\n        max=\"100\"\n        step=\"1\"\n        :value=${(x) => String(x.volumePercent)}\n        @change=${(x, c) => x.onVolumeChange(c.event)}\n      ></rapid-slider>\n      <span class=\"volume-percent\">${(x) => `${x.volumePercent}%`}</span>\n      <rapid-button\n        class=\"mute-all\"\n        appearance=\"lightweight\"\n        title=${(x) => (x.muted ? 'Unmute alert sounds' : 'Mute all alert sounds')}\n        @click=${(x) => x.toggleMute()}\n      >\n        ${(x) => (x.muted ? 'Unmute' : 'Mute all')}\n      </rapid-button>\n    </div>\n    <div class=\"sound-rules-panel\">\n      <div class=\"sound-rules\">\n        ${repeat(\n          (x) => x.rules,\n          html<AlertSoundRuleView, FoundationSoundsPanel>`\n            <div class=\"sound-rule\" data-rule-index=${(x) => x.index}>\n              <div class=\"sound-rule-header\">\n                <span>Rule ${(x) => x.index + 1}</span>\n                <div class=\"sound-rule-actions\">\n                  <rapid-button\n                    class=\"mute-rule\"\n                    appearance=\"stealth\"\n                    title=${(x) => (x.muted ? 'Unmute this rule' : 'Mute this rule')}\n                    @click=${(x, c) => c.parent.toggleRuleMute(x.index)}\n                  >\n                    <rapid-icon\n                      name=${(x) => (x.muted ? 'volume-xmark' : 'volume-high')}\n                    ></rapid-icon>\n                  </rapid-button>\n                  <rapid-button\n                    class=\"remove-rule\"\n                    appearance=\"stealth\"\n                    title=${(_, c) => (c.parent.canRemoveRule ? 'Remove rule' : 'Reset rule')}\n                    @click=${(x, c) => c.parent.removeRule(x.index)}\n                  >\n                    <rapid-icon name=\"trash\"></rapid-icon>\n                  </rapid-button>\n                </div>\n              </div>\n              <label class=\"sound-rule-label\">\n                Match by\n                <rapid-select\n                  class=\"match-mode-select\"\n                  style=${(x) =>\n                    `anchor-name: --sound-match-${x.index}; --sounds-select-anchor: --sound-match-${x.index}`}\n                  :value=${(x) => x.matchMode}\n                  @change=${(x, c) => c.parent.onMatchModeChange(x.index, c.event)}\n                >\n                  <rapid-option value=\"message\">MESSAGE text</rapid-option>\n                  <rapid-option value=\"header\">HEADER text</rapid-option>\n                  <rapid-option value=\"rule\">Notification rule</rapid-option>\n                </rapid-select>\n              </label>\n              <label\n                class=\"sound-rule-label\"\n                style=${(x) => (x.matchMode === 'rule' ? 'display: none;' : '')}\n              >\n                ${(x) => (x.matchMode === 'header' ? 'HEADER text' : 'MESSAGE text')}\n                <rapid-text-field\n                  class=\"pattern-input\"\n                  placeholder=${(x) =>\n                    x.matchMode === 'header' ? 'e.g. Price alert' : 'e.g. limit breached'}\n                  :value=${(x) => x.pattern}\n                  @input=${(x, c) => c.parent.onPatternInput(x.index, c.event)}\n                ></rapid-text-field>\n              </label>\n              <label\n                class=\"sound-rule-label\"\n                style=${(x) => (x.matchMode === 'rule' ? '' : 'display: none;')}\n              >\n                Notification rule\n                <rapid-select\n                  class=\"rule-select\"\n                  style=${(x) =>\n                    `anchor-name: --sound-rule-${x.index}; --sounds-select-anchor: --sound-rule-${x.index}`}\n                  :value=${(x) => x.templateId ?? ''}\n                  @change=${(x, c) => c.parent.onRuleChange(x.index, c.event)}\n                >\n                  <options-datasource\n                    value-field=\"id\"\n                    label-field=\"name\"\n                    option-element=\"rapid-option\"\n                    :data=${(_, c) => c.parent.ruleSelectOptions}\n                  ></options-datasource>\n                </rapid-select>\n              </label>\n              <label class=\"sound-rule-label\">\n                Sound file\n                <div class=\"sound-file-row\">\n                  <rapid-text-field\n                    class=\"sound-file-input\"\n                    readonly\n                    placeholder=\"No sound selected\"\n                    :value=${(x) => x.fileName ?? ''}\n                    title=${(x) => x.fileName ?? 'No sound selected'}\n                  >\n                    <rapid-icon\n                      slot=\"end\"\n                      class=\"choose-sound\"\n                      name=\"folder-open\"\n                      title=\"Choose alert sound\"\n                      @click=${(x, c) => {\n                        c.event.stopPropagation();\n                        return c.parent.openFilePicker(x.index);\n                      }}\n                    ></rapid-icon>\n                  </rapid-text-field>\n                  <rapid-button\n                    class=\"test-sound\"\n                    appearance=\"stealth\"\n                    title=\"Test play this sound\"\n                    ?disabled=${(x) => !x.hasSound}\n                    @click=${(x, c) => c.parent.testSound(x.index)}\n                  >\n                    <rapid-icon name=\"play\"></rapid-icon>\n                  </rapid-button>\n                  <rapid-button\n                    class=\"clear-sound\"\n                    appearance=\"stealth\"\n                    title=\"Clear sound file\"\n                    ?disabled=${(x) => !x.hasSound}\n                    @click=${(x, c) => c.parent.clearSound(x.index)}\n                  >\n                    <rapid-icon name=\"times\"></rapid-icon>\n                  </rapid-button>\n                </div>\n              </label>\n            </div>\n          `,\n        )}\n      </div>\n    </div>\n    <div class=\"sound-rules-footer\">\n      <rapid-button\n        class=\"add-rule\"\n        appearance=\"lightweight\"\n        title=\"Add sound rule\"\n        ?disabled=${(x) => !x.canAddRule}\n        @click=${(x) => x.addRule()}\n      >\n        <rapid-icon name=\"plus\"></rapid-icon>\n        Add rule\n      </rapid-button>\n      <span class=\"rule-count\">${(x) => `${x.rules.length} / ${x.maxRules}`}</span>\n    </div>\n  </div>\n`"
+          "name": "FoundationNotificationDashboardTemplate",
+          "default": "html<FoundationNotificationDashboard>`\n  <div class=\"notification-dashboard\">\n    ${whenElse(\n      (x) => x.hasPermissions,\n      html`\n        <rapid-tabs class=\"tabs\">\n          <!-- Tabs -->\n          ${repeat(\n            (_) => NOTIFICATION_DASHBOARD_TABS,\n            html<NotificationDashboardTab>`\n              ${when(\n                (x, c) => (c.parent.auth as Auth).currentUser.hasPermission(x.right),\n                html<NotificationDashboardTab>`\n                  <rapid-tab slot=\"${(x) => x.id}-tab\">${(x) => x.name}</rapid-tab>\n                `,\n              )}\n            `,\n          )}\n\n          <!-- Panels -->\n          ${repeat(\n            (_) => NOTIFICATION_DASHBOARD_TABS,\n            html<NotificationDashboardTab>`\n              ${when(\n                (x, c) => (c.parent.auth as Auth).currentUser.hasPermission(x.right),\n                html`\n                  ${\n                    /* HTML Render */\n                    (x) => html<NotificationDashboardTab>`\n                        <rapid-tab-panel slot=\"${x.id}-tab\"\n                                         id=\"${x.id}-tab-panel\">\n                            <${x.component}></${x.component}>\n                        </rapid-tab-panel>\n                      `\n                  }\n                `,\n              )}\n            `,\n          )}\n        </rapid-tabs>\n      `,\n      html`\n        <div class=\"no-permissions\">\n          <label>User has no permissions to view Notification Screens</label>\n        </div>\n      `,\n    )}\n  </div>\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "FoundationSoundsPanelTemplate",
+          "name": "FoundationNotificationDashboardTemplate",
           "declaration": {
-            "name": "FoundationSoundsPanelTemplate",
-            "module": "src/components/foundation-sounds/foundation-sounds-panel.template.ts"
+            "name": "FoundationNotificationDashboardTemplate",
+            "module": "src/components/foundation-notification-dashboard/notification-dashboard.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/foundation-sounds/foundation-sounds-panel.ts",
+      "path": "src/components/foundation-notification-dashboard/notification-dashboard.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Configures alert sound rules in the inbox Sounds tab. Persists via the shared\nAlertSoundPlayer; playback is handled by layout-mounted\nFoundationSounds.",
-          "name": "FoundationSoundsPanel",
+          "description": "",
+          "name": "FoundationNotificationDashboard",
           "members": [
             {
               "kind": "field",
-              "name": "ruleService",
+              "name": "auth",
               "type": {
-                "text": "RuleService"
+                "text": "Auth"
               }
             },
             {
               "kind": "field",
-              "name": "volumePercent",
+              "name": "ready",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "100",
-              "description": "Global playback volume 0–100. @internal"
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "selectableRules",
+              "name": "hasPermissions",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true"
+            }
+          ],
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          },
+          "tagName": "foundation-notification-dashboard",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FoundationNotificationDashboard",
+          "declaration": {
+            "name": "FoundationNotificationDashboard",
+            "module": "src/components/foundation-notification-dashboard/notification-dashboard.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "foundation-notification-dashboard",
+          "declaration": {
+            "name": "FoundationNotificationDashboard",
+            "module": "src/components/foundation-notification-dashboard/notification-dashboard.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/notification-dashboard.utils.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UUIDGenerator",
+          "members": [
+            {
+              "kind": "field",
+              "name": "uuid",
               "type": {
-                "text": "AlertSoundSelectableRule[]"
+                "text": "UUID"
               },
-              "default": "[]",
-              "description": "Notification rules from REQ_NOTIFICATION_RULE. @internal"
+              "privacy": "private",
+              "static": true
             },
             {
               "kind": "field",
-              "name": "fileInput",
-              "type": {
-                "text": "HTMLInputElement"
-              }
-            },
+              "name": "createUUID",
+              "static": true
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "isEmpty",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "pendingRuleIndex",
-              "type": {
-                "text": "number | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
+              "name": "value"
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DynamicRuleUtils",
+          "members": [
             {
               "kind": "field",
-              "name": "player",
-              "privacy": "private",
-              "readonly": true
+              "name": "createEmptyCondition",
+              "static": true
             },
             {
               "kind": "field",
-              "name": "unsubscribePlayer",
-              "type": {
-                "text": "(() => void) | undefined"
-              },
-              "privacy": "private"
+              "name": "createAssignment",
+              "static": true
             },
             {
               "kind": "field",
-              "name": "ignoreSelectChanges",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false",
-              "description": "Suppresses select change events while options are rebuilt."
+              "name": "createTextAssignment",
+              "static": true
             },
             {
-              "kind": "method",
-              "name": "onMatchModeChange",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "index",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "getAssignmentValue",
+              "static": true
             },
             {
-              "kind": "method",
-              "name": "onPatternInput",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "index",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "getAssignmentText",
+              "static": true
             },
             {
               "kind": "method",
-              "name": "onRuleChange",
+              "name": "createConditions",
+              "static": true,
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "any"
                 }
               },
               "parameters": [
                 {
-                  "name": "index",
+                  "name": "conditions",
                   "type": {
-                    "text": "number"
+                    "text": "ConditionNode[]"
                   }
                 },
                 {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "openFilePicker",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "index",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "onFileSelected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
+                  "name": "parameters",
+                  "optional": true
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "clearSound",
+              "name": "hasMultiValueCondition",
+              "static": true,
               "return": {
                 "type": {
                   "text": "boolean"
@@ -3073,16 +3166,17 @@
               },
               "parameters": [
                 {
-                  "name": "index",
+                  "name": "conditions",
                   "type": {
-                    "text": "number"
+                    "text": "ConditionNode[]"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "testSound",
+              "name": "hasOrJoin",
+              "static": true,
               "return": {
                 "type": {
                   "text": "boolean"
@@ -3090,16 +3184,17 @@
               },
               "parameters": [
                 {
-                  "name": "index",
+                  "name": "conditions",
                   "type": {
-                    "text": "number"
+                    "text": "ConditionNode[]"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "toggleRuleMute",
+              "name": "hasGroup",
+              "static": true,
               "return": {
                 "type": {
                   "text": "boolean"
@@ -3107,16 +3202,17 @@
               },
               "parameters": [
                 {
-                  "name": "index",
+                  "name": "conditions",
                   "type": {
-                    "text": "number"
+                    "text": "ConditionNode[]"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "onVolumeChange",
+              "name": "hasUnsupportedOperator",
+              "static": true,
               "return": {
                 "type": {
                   "text": "boolean"
@@ -3124,112 +3220,64 @@
               },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "conditions",
                   "type": {
-                    "text": "Event"
+                    "text": "ConditionNode[]"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "toggleMute",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "addRule",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "removeRule",
+              "name": "flattenConditions",
+              "static": true,
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "ConditionBuilderEntity[]"
                 }
               },
               "parameters": [
                 {
-                  "name": "index",
+                  "name": "conditions",
                   "type": {
-                    "text": "number"
+                    "text": "ConditionNode[]"
                   }
                 }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "reloadRules",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "description": "Reloads the notification-rule picker (e.g. when the Sounds tab is opened)."
-            },
-            {
-              "kind": "method",
-              "name": "loadRules",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "settleRuleOptions",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "description": "Suppresses select `change` events only while options-datasource rebuilds\nthe DOM — not for the `getRules()` round trip itself, so a user picking a\nrule while a request is in flight isn't silently dropped."
-            },
-            {
-              "kind": "method",
-              "name": "applyRuleSelectValues",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Re-applies persisted template ids onto `.rule-select` hosts after\noptions-datasource has rebuilt its options. We deliberately do *not* bind\n`:initialSelectedValue` to templateId: that path compares the option label\nagainst Select.value (the option id), always mismatches, clearData()'s the\nselect, and leaves the next pick stuck on \"Select a rule...\"."
+              ]
             },
             {
               "kind": "method",
-              "name": "mapRules",
-              "privacy": "private",
+              "name": "resolveLeftValues",
+              "static": true,
               "return": {
                 "type": {
-                  "text": "AlertSoundSelectableRule[]"
+                  "text": "ConditionNode[]"
                 }
               },
               "parameters": [
                 {
-                  "name": "ruleList",
+                  "name": "conditions",
                   "type": {
-                    "text": "NamedRuleRow[]"
+                    "text": "ConditionNode[]"
+                  }
+                },
+                {
+                  "name": "fields",
+                  "type": {
+                    "text": "any[]"
                   }
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "createEmptyGroup",
+              "static": true
+            },
             {
               "kind": "method",
-              "name": "ruleMatchId",
-              "privacy": "private",
+              "name": "buildRawExpression",
+              "static": true,
               "return": {
                 "type": {
                   "text": "string"
@@ -3237,239 +3285,191 @@
               },
               "parameters": [
                 {
-                  "name": "rule",
+                  "name": "conditions",
                   "type": {
-                    "text": "NamedRuleRow | undefined"
+                    "text": "ConditionNode[]"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "syncSoundState",
-              "privacy": "private"
+              "name": "parseRawExpression",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "ConditionNode[] | null"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "rawExpression",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             }
-          ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
-          },
-          "tagName": "foundation-sounds-panel",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "FoundationSoundsPanel",
-          "declaration": {
-            "name": "FoundationSoundsPanel",
-            "module": "src/components/foundation-sounds/foundation-sounds-panel.ts"
-          }
+          ]
         },
-        {
-          "kind": "custom-element-definition",
-          "name": "foundation-sounds-panel",
-          "declaration": {
-            "name": "FoundationSoundsPanel",
-            "module": "src/components/foundation-sounds/foundation-sounds-panel.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-sounds/foundation-sounds.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "FoundationSoundsStyles",
-          "default": "css`\n  :host {\n    display: none;\n  }\n`",
-          "description": "Headless layout listener — take no space in the layout chrome."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "FoundationSoundsStyles",
-          "declaration": {
-            "name": "FoundationSoundsStyles",
-            "module": "src/components/foundation-sounds/foundation-sounds.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-sounds/foundation-sounds.ts",
-      "declarations": [
         {
           "kind": "class",
-          "description": "Headless listener for inbox alert inserts. Plays configured sounds via the\nshared AlertSoundPlayer. Mount once in the app layout.\n\nConfigure rules in the inbox Sounds tab with FoundationSoundsPanel.",
-          "name": "FoundationSounds",
+          "description": "",
+          "name": "TemplateUtils",
           "members": [
             {
               "kind": "field",
-              "name": "connect",
-              "type": {
-                "text": "Connect"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "inboxService",
-              "type": {
-                "text": "FoundationInboxService"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "ruleService",
-              "type": {
-                "text": "RuleService"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "soundEnabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "When false, new audible alerts are tracked but do not play."
-            },
-            {
-              "kind": "field",
-              "name": "connectionSub",
-              "type": {
-                "text": "Subscription | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "player",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "knownAlertIds",
-              "privacy": "private",
-              "default": "new Set<string>()"
-            },
-            {
-              "kind": "field",
-              "name": "serverSoundFetches",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new Map<string, Promise<boolean>>()",
-              "description": "In-flight server sound fetches keyed by DYNAMIC_RULE_ID."
+              "name": "createEmptyParameter",
+              "static": true
             },
             {
               "kind": "method",
-              "name": "subscribeToAlerts",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
+              "name": "getParameters",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "parameters"
                 }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "subscriptionHandler",
-              "privacy": "private"
+              ]
             },
             {
               "kind": "method",
-              "name": "playForNewAlerts",
+              "name": "buildRightValue",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
+              "static": true,
               "parameters": [
                 {
-                  "name": "rows",
+                  "name": "logicalOperator",
                   "type": {
-                    "text": "Array<{\n      id: string;\n      message?: string;\n      header?: string;\n      dynamicRuleId?: string;\n    }>"
+                    "text": "LogicalOperator"
                   }
+                },
+                {
+                  "name": "condition"
+                },
+                {
+                  "name": "parameters",
+                  "optional": true
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "tryPlayServerSound",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<boolean>"
-                }
-              },
+              "name": "getConditions",
+              "static": true,
               "parameters": [
                 {
-                  "name": "dynamicRuleId",
-                  "type": {
-                    "text": "string"
-                  }
+                  "name": "conditions"
+                },
+                {
+                  "name": "parameters",
+                  "optional": true
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "fetchAndCacheServerSound",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<boolean>"
+              "name": "createParameterDetails",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "parameters"
                 }
-              },
+              ]
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "RuleUtils",
+          "members": [
+            {
+              "kind": "method",
+              "name": "buildRightValue",
+              "privacy": "private",
+              "static": true,
               "parameters": [
                 {
-                  "name": "dynamicRuleId",
+                  "name": "logicalOperator",
                   "type": {
-                    "text": "string"
+                    "text": "LogicalOperator"
                   }
+                },
+                {
+                  "name": "condition"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getConditions",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "conditions"
                 }
               ]
             }
-          ],
-          "attributes": [
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "showNotificationError",
+          "parameters": [
             {
-              "name": "sound-enabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "When false, new audible alerts are tracked but do not play.",
-              "fieldName": "soundEnabled"
+              "name": "error"
             }
-          ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
-          },
-          "tagName": "foundation-sounds",
-          "customElement": true
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "FoundationSounds",
+          "name": "UUIDGenerator",
           "declaration": {
-            "name": "FoundationSounds",
-            "module": "src/components/foundation-sounds/foundation-sounds.ts"
+            "name": "UUIDGenerator",
+            "module": "src/components/foundation-notification-dashboard/notification-dashboard.utils.ts"
           }
         },
         {
-          "kind": "custom-element-definition",
-          "name": "foundation-sounds",
+          "kind": "js",
+          "name": "isEmpty",
           "declaration": {
-            "name": "FoundationSounds",
-            "module": "src/components/foundation-sounds/foundation-sounds.ts"
+            "name": "isEmpty",
+            "module": "src/components/foundation-notification-dashboard/notification-dashboard.utils.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DynamicRuleUtils",
+          "declaration": {
+            "name": "DynamicRuleUtils",
+            "module": "src/components/foundation-notification-dashboard/notification-dashboard.utils.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "TemplateUtils",
+          "declaration": {
+            "name": "TemplateUtils",
+            "module": "src/components/foundation-notification-dashboard/notification-dashboard.utils.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "RuleUtils",
+          "declaration": {
+            "name": "RuleUtils",
+            "module": "src/components/foundation-notification-dashboard/notification-dashboard.utils.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "showNotificationError",
+          "declaration": {
+            "name": "showNotificationError",
+            "module": "src/components/foundation-notification-dashboard/notification-dashboard.utils.ts"
           }
         }
       ]
@@ -8244,103 +8244,253 @@
             },
             {
               "kind": "method",
-              "name": "resetAlertSoundState",
-              "inheritedFrom": {
-                "name": "AlertSoundAttachmentMixin",
-                "module": "src/components/foundation-notification-dashboard/alert-sound-attachment.ts"
-              }
+              "name": "resetAlertSoundState",
+              "inheritedFrom": {
+                "name": "AlertSoundAttachmentMixin",
+                "module": "src/components/foundation-notification-dashboard/alert-sound-attachment.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "applyAlertSoundToPayload",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Merges pending sound / clear flag onto a create/update DETAILS object.",
+              "inheritedFrom": {
+                "name": "AlertSoundAttachmentMixin",
+                "module": "src/components/foundation-notification-dashboard/alert-sound-attachment.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "syncAlertSoundCacheAfterSave",
+              "description": "Keep AlertSoundPlayer's in-memory NOTIFY_ALERT_SOUND cache in sync with\nwhat we just saved — otherwise the next alert still plays the old file.",
+              "inheritedFrom": {
+                "name": "AlertSoundAttachmentMixin",
+                "module": "src/components/foundation-notification-dashboard/alert-sound-attachment.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired when the dialog should close",
+              "name": "close"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "AlertSoundAttachmentMixin",
+              "module": "/src/components/foundation-notification-dashboard/alert-sound-attachment"
+            }
+          ],
+          "superclass": {
+            "name": "GenesisElement",
+            "package": "@genesislcap/web-core"
+          },
+          "tagName": "template-dialog",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TemplateDialog",
+          "declaration": {
+            "name": "TemplateDialog",
+            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "template-dialog",
+          "declaration": {
+            "name": "TemplateDialog",
+            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.types.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "TemplateDialogMode",
+          "type": {
+            "text": "{\n  CREATE: 'create',\n  EDIT: 'edit',\n}"
+          },
+          "default": "{\n  CREATE: 'create',\n  EDIT: 'edit',\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TemplateDialogMode",
+          "declaration": {
+            "name": "TemplateDialogMode",
+            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.types.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "RuleConditionGroupTemplate",
+          "default": "html<RuleConditionGroup>`\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, RuleConditionGroup>`\n          ${when(\n            (x) => isGroup(x),\n            html<ConditionNode>`\n              <rule-condition-group\n                :fields=${(x, c) => c.parent.fields}\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              ></rule-condition-group>\n            `,\n          )}\n          ${when(\n            (x) => !isGroup(x),\n            html<ConditionNode>`\n              <rule-condition-builder\n                :fields=${(x, c) => c.parent.fields}\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              ></rule-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": "RuleConditionGroupTemplate",
+          "declaration": {
+            "name": "RuleConditionGroupTemplate",
+            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Parenthesized group of conditions/nested groups for notification rule\ncriteria, joined to the previous sibling via AND/OR like a single\ncondition row - but bracketing its own children off from the rest of the\nlist, so e.g. \"(A && B) || C\" can be expressed without the AND silently\nspanning more than intended.",
+          "name": "RuleConditionGroup",
+          "members": [
+            {
+              "kind": "field",
+              "name": "node",
+              "type": {
+                "text": "ConditionGroupEntity"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "fields",
+              "type": {
+                "text": "Field[]"
+              },
+              "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": "applyAlertSoundToPayload",
-              "return": {
-                "type": {
-                  "text": "T"
+              "name": "editChild",
+              "parameters": [
+                {
+                  "name": "_editedChild",
+                  "type": {
+                    "text": "ConditionNode"
+                  }
                 }
-              },
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "deleteChild",
               "parameters": [
                 {
-                  "name": "target",
+                  "name": "deletedChild",
                   "type": {
-                    "text": "T"
+                    "text": "ConditionNode"
                   }
                 }
-              ],
-              "description": "Merges pending sound / clear flag onto a create/update DETAILS object.",
-              "inheritedFrom": {
-                "name": "AlertSoundAttachmentMixin",
-                "module": "src/components/foundation-notification-dashboard/alert-sound-attachment.ts"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "syncAlertSoundCacheAfterSave",
-              "description": "Keep AlertSoundPlayer's in-memory NOTIFY_ALERT_SOUND cache in sync with\nwhat we just saved — otherwise the next alert still plays the old file.",
-              "inheritedFrom": {
-                "name": "AlertSoundAttachmentMixin",
-                "module": "src/components/foundation-notification-dashboard/alert-sound-attachment.ts"
-              }
+              "name": "deleteSelf"
             }
           ],
           "events": [
             {
-              "description": "Fired when the dialog should close",
-              "name": "close"
-            }
-          ],
-          "mixins": [
+              "description": "Fired when this whole group should be removed",
+              "name": "delete"
+            },
             {
-              "name": "AlertSoundAttachmentMixin",
-              "module": "/src/components/foundation-notification-dashboard/alert-sound-attachment"
+              "description": "Fired when anything inside this group changes",
+              "name": "edit"
             }
           ],
           "superclass": {
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "template-dialog",
+          "tagName": "rule-condition-group",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "TemplateDialog",
+          "name": "RuleConditionGroup",
           "declaration": {
-            "name": "TemplateDialog",
-            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.ts"
+            "name": "RuleConditionGroup",
+            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "template-dialog",
-          "declaration": {
-            "name": "TemplateDialog",
-            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.types.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "TemplateDialogMode",
-          "type": {
-            "text": "{\n  CREATE: 'create',\n  EDIT: 'edit',\n}"
-          },
-          "default": "{\n  CREATE: 'create',\n  EDIT: 'edit',\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "TemplateDialogMode",
+          "name": "rule-condition-group",
           "declaration": {
-            "name": "TemplateDialogMode",
-            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-dialog.types.ts"
+            "name": "RuleConditionGroup",
+            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts"
           }
         }
       ]
@@ -8509,246 +8659,90 @@
             },
             {
               "kind": "method",
-              "name": "logicalOperatorChanged"
-            },
-            {
-              "kind": "method",
-              "name": "rightCriteriaChanged"
-            },
-            {
-              "kind": "method",
-              "name": "clearRightValueText",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "clearRightValueSelect",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "rightValueTextChanged"
-            },
-            {
-              "kind": "method",
-              "name": "rightValueSelectChanged"
-            },
-            {
-              "kind": "method",
-              "name": "rightValueMultiSelectChanged"
-            },
-            {
-              "kind": "method",
-              "name": "getEnumValues",
-              "return": {
-                "type": {
-                  "text": "string[]"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "convertDateTime",
-              "parameters": [
-                {
-                  "name": "dateTimeStr",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "convertLongForDatePicker",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "time",
-                  "default": "false",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "getAllFields"
-            },
-            {
-              "kind": "method",
-              "name": "getApplicableFields"
-            }
-          ],
-          "events": [
-            {
-              "description": "Fired when a condition is deleted. detail: `ConditionBuilderEntity`",
-              "name": "delete"
-            },
-            {
-              "description": "Fired when a condition is edited. detail: `ConditionBuilderEntity`",
-              "name": "edit"
-            }
-          ],
-          "superclass": {
-            "name": "GenesisElement",
-            "package": "@genesislcap/web-core"
-          },
-          "tagName": "rule-condition-builder",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "RuleConditionBuilder",
-          "declaration": {
-            "name": "RuleConditionBuilder",
-            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "rule-condition-builder",
-          "declaration": {
-            "name": "RuleConditionBuilder",
-            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.types.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "RuleConditionGroupTemplate",
-          "default": "html<RuleConditionGroup>`\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, RuleConditionGroup>`\n          ${when(\n            (x) => isGroup(x),\n            html<ConditionNode>`\n              <rule-condition-group\n                :fields=${(x, c) => c.parent.fields}\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              ></rule-condition-group>\n            `,\n          )}\n          ${when(\n            (x) => !isGroup(x),\n            html<ConditionNode>`\n              <rule-condition-builder\n                :fields=${(x, c) => c.parent.fields}\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              ></rule-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": "RuleConditionGroupTemplate",
-          "declaration": {
-            "name": "RuleConditionGroupTemplate",
-            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Parenthesized group of conditions/nested groups for notification rule\ncriteria, joined to the previous sibling via AND/OR like a single\ncondition row - but bracketing its own children off from the rest of the\nlist, so e.g. \"(A && B) || C\" can be expressed without the AND silently\nspanning more than intended.",
-          "name": "RuleConditionGroup",
-          "members": [
-            {
-              "kind": "field",
-              "name": "node",
-              "type": {
-                "text": "ConditionGroupEntity"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "fields",
-              "type": {
-                "text": "Field[]"
-              },
-              "default": "[]"
+              "name": "logicalOperatorChanged"
             },
             {
-              "kind": "field",
-              "name": "isFirst",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+              "kind": "method",
+              "name": "rightCriteriaChanged"
             },
             {
-              "kind": "field",
-              "name": "joinOperator",
-              "type": {
-                "text": "string"
-              }
+              "kind": "method",
+              "name": "clearRightValueText",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "groupChildren",
-              "type": {
-                "text": "ConditionNode[]"
-              },
-              "default": "[]"
+              "kind": "method",
+              "name": "clearRightValueSelect",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "nodeChanged"
+              "name": "rightValueTextChanged"
             },
             {
               "kind": "method",
-              "name": "joinOperatorChanged"
+              "name": "rightValueSelectChanged"
             },
             {
               "kind": "method",
-              "name": "newCondition"
+              "name": "rightValueMultiSelectChanged"
             },
             {
               "kind": "method",
-              "name": "newGroup"
+              "name": "getEnumValues",
+              "return": {
+                "type": {
+                  "text": "string[]"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "editChild",
+              "name": "convertDateTime",
               "parameters": [
                 {
-                  "name": "_editedChild",
+                  "name": "dateTimeStr",
                   "type": {
-                    "text": "ConditionNode"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "deleteChild",
+              "name": "convertLongForDatePicker",
               "parameters": [
                 {
-                  "name": "deletedChild",
+                  "name": "value",
                   "type": {
-                    "text": "ConditionNode"
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "time",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "deleteSelf"
+              "name": "getAllFields"
+            },
+            {
+              "kind": "method",
+              "name": "getApplicableFields"
             }
           ],
           "events": [
             {
-              "description": "Fired when this whole group should be removed",
+              "description": "Fired when a condition is deleted. detail: `ConditionBuilderEntity`",
               "name": "delete"
             },
             {
-              "description": "Fired when anything inside this group changes",
+              "description": "Fired when a condition is edited. detail: `ConditionBuilderEntity`",
               "name": "edit"
             }
           ],
@@ -8756,29 +8750,35 @@
             "name": "GenesisElement",
             "package": "@genesislcap/web-core"
           },
-          "tagName": "rule-condition-group",
+          "tagName": "rule-condition-builder",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "RuleConditionGroup",
+          "name": "RuleConditionBuilder",
           "declaration": {
-            "name": "RuleConditionGroup",
-            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts"
+            "name": "RuleConditionBuilder",
+            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "rule-condition-group",
+          "name": "rule-condition-builder",
           "declaration": {
-            "name": "RuleConditionGroup",
-            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-group/rule-condition-group.ts"
+            "name": "RuleConditionBuilder",
+            "module": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.ts"
           }
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/foundation-notification-dashboard/components/rules/rule-dialog/rule-condition-builder/rule-condition-builder.types.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.styles.ts",
@@ -8869,284 +8869,126 @@
               "kind": "field",
               "name": "sourceSelected",
               "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "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": "[]"
+                "text": "string"
+              }
             },
             {
               "kind": "field",
-              "name": "parameters",
+              "name": "sourceTyped",
               "type": {
-                "text": "Array<ParameterBuilderEntity>"
-              },
-              "default": "[]"
+                "text": "string"
+              }
             },
             {
               "kind": "field",
-              "name": "isFirst",
+              "name": "sourceTextField",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+                "text": "TextField"
+              }
             },
             {
               "kind": "field",
-              "name": "joinOperator",
+              "name": "sourceSelect",
               "type": {
-                "text": "string"
+                "text": "Select"
               }
             },
             {
               "kind": "field",
-              "name": "groupChildren",
+              "name": "reqRepItems",
               "type": {
-                "text": "ConditionNode[]"
+                "text": "array"
               },
-              "default": "[]"
+              "default": "['REQUEST_1', 'REQUEST_2', 'REQUEST_3']"
             },
             {
               "kind": "method",
-              "name": "nodeChanged"
+              "name": "deleteParameter"
             },
             {
               "kind": "method",
-              "name": "joinOperatorChanged"
+              "name": "parameterChanged"
             },
             {
               "kind": "method",
-              "name": "newCondition"
+              "name": "nameChanged"
             },
             {
               "kind": "method",
-              "name": "newGroup"
+              "name": "labelChanged"
             },
             {
               "kind": "method",
-              "name": "editChild",
-              "parameters": [
-                {
-                  "name": "_editedChild",
-                  "type": {
-                    "text": "ConditionNode"
-                  }
-                }
-              ]
+              "name": "typeChanged"
             },
             {
               "kind": "method",
-              "name": "deleteChild",
+              "name": "sourceTypeChanged"
+            },
+            {
+              "kind": "method",
+              "name": "sourceSelectedChanged"
+            },
+            {
+              "kind": "method",
+              "name": "sourceTypedChanged"
+            },
+            {
+              "kind": "method",
+              "name": "genericChanged",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "deletedChild",
-                  "type": {
-                    "text": "ConditionNode"
-                  }
+                  "name": "parameterAttribute"
+                },
+                {
+                  "name": "value"
                 }
               ]
-            },
-            {
-              "kind": "method",
-              "name": "deleteSelf"
             }
           ],
           "events": [
             {
-              "description": "Fired when this whole group should be removed",
+              "description": "Fired when a parameter is deleted. detail: `ParameterBuilderEntity`",
               "name": "delete"
             },
             {
-              "description": "Fired when anything inside this group changes",
+              "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": "template-condition-group",
+          "tagName": "parameter-builder",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "TemplateConditionGroup",
+          "name": "ParameterBuilder",
           "declaration": {
-            "name": "TemplateConditionGroup",
-            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
+            "name": "ParameterBuilder",
+            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "template-condition-group",
+          "name": "parameter-builder",
           "declaration": {
-            "name": "TemplateConditionGroup",
-            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/template-condition-group/template-condition-group.ts"
+            "name": "ParameterBuilder",
+            "module": "src/components/foundation-notification-dashboard/components/templates/template-dialog/parameter-builder/parameter-builder.ts"
           }
         }
       ]
@@ -9417,6 +9259,164 @@
           }
         }
       ]
+    },
+    {
+      "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"
+          }
+        }
+      ]
     }
   ]
 }