@praxisui/settings-panel 9.0.0-beta.85 → 9.0.0-beta.88

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-07-21T15:34:49.320Z",
+  "generatedAt": "2026-07-23T02:50:28.389Z",
   "packageName": "@praxisui/settings-panel",
-  "packageVersion": "9.0.0-beta.85",
+  "packageVersion": "9.0.0-beta.88",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 1,
@@ -421,6 +421,37 @@
                     "config.id",
                     "persistSizeKey"
                   ],
+                  "inputSchema": {
+                    "type": "object",
+                    "minProperties": 1,
+                    "properties": {
+                      "width": {
+                        "oneOf": [
+                          {
+                            "type": "string"
+                          },
+                          {
+                            "type": "number"
+                          }
+                        ]
+                      },
+                      "minWidth": {
+                        "type": "string"
+                      },
+                      "maxWidth": {
+                        "type": "string"
+                      },
+                      "resizable": {
+                        "type": "boolean"
+                      },
+                      "persistSizeKey": {
+                        "type": "string"
+                      },
+                      "expanded": {
+                        "type": "boolean"
+                      }
+                    }
+                  },
                   "failureModes": [
                     "invalid-css-size",
                     "min-width-greater-than-max-width",
@@ -500,6 +531,27 @@
                     "config.id",
                     "provider.getSettingsValue"
                   ],
+                  "inputSchema": {
+                    "type": "object",
+                    "minProperties": 1,
+                    "properties": {
+                      "requireDirty": {
+                        "type": "boolean"
+                      },
+                      "requireValid": {
+                        "type": "boolean"
+                      },
+                      "blockWhileBusy": {
+                        "type": "boolean"
+                      },
+                      "useProviderHook": {
+                        "type": "boolean"
+                      },
+                      "closeAfterSave": {
+                        "type": "boolean"
+                      }
+                    }
+                  },
                   "failureModes": [
                     "provider-missing-get-settings-value",
                     "apply-while-invalid",
@@ -540,6 +592,27 @@
               "ambiguityPolicy": "fail",
               "required": false
             },
+            "inputSchema": {
+              "type": "object",
+              "minProperties": 1,
+              "properties": {
+                "requireDirty": {
+                  "type": "boolean"
+                },
+                "requireValid": {
+                  "type": "boolean"
+                },
+                "blockWhileBusy": {
+                  "type": "boolean"
+                },
+                "useProviderHook": {
+                  "type": "boolean"
+                },
+                "closeAfterSave": {
+                  "type": "boolean"
+                }
+              }
+            },
             "effects": [
               {
                 "kind": "compile-domain-patch",
@@ -560,6 +633,27 @@
                     "config.id",
                     "provider.onSave"
                   ],
+                  "inputSchema": {
+                    "type": "object",
+                    "minProperties": 1,
+                    "properties": {
+                      "requireDirty": {
+                        "type": "boolean"
+                      },
+                      "requireValid": {
+                        "type": "boolean"
+                      },
+                      "blockWhileBusy": {
+                        "type": "boolean"
+                      },
+                      "useProviderHook": {
+                        "type": "boolean"
+                      },
+                      "closeAfterSave": {
+                        "type": "boolean"
+                      }
+                    }
+                  },
                   "failureModes": [
                     "save-while-invalid",
                     "save-while-busy",
@@ -732,6 +826,28 @@
                     "componentId",
                     "configManifestComponentId"
                   ],
+                  "inputSchema": {
+                    "type": "object",
+                    "required": [
+                      "componentId"
+                    ],
+                    "properties": {
+                      "componentId": {
+                        "type": "string"
+                      },
+                      "inputs": {
+                        "type": "object"
+                      },
+                      "configManifestComponentId": {
+                        "type": "string"
+                      },
+                      "editorContract": {
+                        "enum": [
+                          "SettingsValueProvider"
+                        ]
+                      }
+                    }
+                  },
                   "failureModes": [
                     "editor-component-not-registered",
                     "settings-value-provider-missing",
@@ -1111,6 +1227,86 @@
         {
           "chunkIndex": 2,
           "chunkKind": "authoring_manifest",
+          "content": "{\"operationId\":\"panel.shell.configure\",\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-settings-panel\",\"ownerPackage\":\"@praxisui/settings-panel\",\"configSchemaId\":\"SettingsPanelConfig\",\"chunkSection\":\"operation_card\",\"semanticSummary\":\"Configure panel shell identity Effects: merge-object.\",\"scope\":\"global\",\"target\":{\"kind\":\"panelShell\",\"resolver\":\"settings-panel-config-root\",\"required\":true},\"inputContract\":{\"required\":[],\"properties\":[\"id\",\"title\",\"titleIcon\"],\"semanticTerms\":[\"id\",\"title\",\"titleIcon\"]},\"effects\":[\"merge-object\"],\"affectedPaths\":[\"config.id\",\"config.title\",\"config.titleIcon\"],\"validators\":[{\"validatorId\":\"panel-id-stable\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_ID_STABLE\",\"description\":\"Panel id must remain stable for replacement, persistence and diagnostics.\"},{\"validatorId\":\"title-i18n-compatible\",\"level\":\"warning\",\"code\":\"SETTINGS_PANEL_TITLE_I18N_COMPATIBLE\",\"description\":\"Authoring chrome text must remain compatible with the settings panel i18n namespace.\"},{\"validatorId\":\"settings-panel-round-trip\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_ROUND_TRIP\",\"description\":\"Open, edit, apply, save, reset and reopen must preserve the shell protocol without mutating consumer config semantics.\"}],\"preconditions\":[\"config-initialized\"],\"submissionImpact\":\"config-only\",\"presentationAffordances\":[],\"positiveExamples\":[],\"negativeExamples\":[]}",
+          "sourcePointer": "projects/praxis-settings-panel/src/lib/ai/praxis-settings-panel-authoring-manifest.ts",
+          "contentHash": "89428a8556b36f13de7e1ab4aa488d313313d5bac3897048acf726dac5f9ed66",
+          "sourceKind": "component_definition",
+          "sourceId": "praxis-settings-panel",
+          "corpusVersion": "1.0.0"
+        },
+        {
+          "chunkIndex": 3,
+          "chunkKind": "authoring_manifest",
+          "content": "{\"operationId\":\"panel.openMode.set\",\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-settings-panel\",\"ownerPackage\":\"@praxisui/settings-panel\",\"configSchemaId\":\"SettingsPanelConfig\",\"chunkSection\":\"operation_card\",\"semanticSummary\":\"Set panel open mode Effects: merge-object. Open this settings panel expanded.\",\"scope\":\"global\",\"target\":{\"kind\":\"openMode\",\"resolver\":\"settings-panel-open-mode\",\"required\":false},\"inputContract\":{\"required\":[],\"properties\":[\"expanded\",\"replacementPolicy\"],\"semanticTerms\":[\"expanded\",\"replacementPolicy\",\"consult-current-editor\",\"reject-when-dirty\",\"force-close-disallowed\"]},\"effects\":[\"merge-object\"],\"affectedPaths\":[\"config.expanded\"],\"validators\":[{\"validatorId\":\"replacement-mediates-before-close\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_REPLACEMENT_MEDIATES_CLOSE\",\"description\":\"Opening a replacement panel must consult the current editor onBeforeClose before closing.\"},{\"validatorId\":\"settings-panel-round-trip\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_ROUND_TRIP\",\"description\":\"Open, edit, apply, save, reset and reopen must preserve the shell protocol without mutating consumer config semantics.\"}],\"preconditions\":[\"config-initialized\"],\"submissionImpact\":\"config-only\",\"presentationAffordances\":[],\"positiveExamples\":[{\"id\":\"start-expanded\",\"request\":\"Open this settings panel expanded.\",\"operationId\":\"panel.openMode.set\",\"params\":{\"expanded\":true},\"isPositive\":true}],\"negativeExamples\":[]}",
+          "sourcePointer": "projects/praxis-settings-panel/src/lib/ai/praxis-settings-panel-authoring-manifest.ts",
+          "contentHash": "14ea4ece5b05c8c1418a1ef80723f34b9677c5d9a5c011cf42d67234d23fc031",
+          "sourceKind": "component_definition",
+          "sourceId": "praxis-settings-panel",
+          "corpusVersion": "1.0.0"
+        },
+        {
+          "chunkIndex": 4,
+          "chunkKind": "authoring_manifest",
+          "content": "{\"operationId\":\"panel.size.set\",\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-settings-panel\",\"ownerPackage\":\"@praxisui/settings-panel\",\"configSchemaId\":\"SettingsPanelConfig\",\"chunkSection\":\"operation_card\",\"semanticSummary\":\"Set panel size and resize policy Effects: compile-domain-patch. Make the settings drawer resizable between 420px and 960px.\",\"scope\":\"layout\",\"target\":{\"kind\":\"panelSize\",\"resolver\":\"settings-panel-size-and-resize\",\"required\":false},\"inputContract\":{\"required\":[],\"properties\":[\"width\",\"minWidth\",\"maxWidth\",\"resizable\",\"persistSizeKey\",\"expanded\"],\"semanticTerms\":[\"width\",\"minWidth\",\"maxWidth\",\"resizable\",\"persistSizeKey\",\"expanded\"]},\"effects\":[\"compile-domain-patch\"],\"affectedPaths\":[\"config.minWidth\",\"config.maxWidth\",\"config.resizable\",\"config.persistSizeKey\",\"runtime.width\"],\"validators\":[{\"validatorId\":\"panel-size-safe\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_SIZE_SAFE\",\"description\":\"Panel sizes must be finite numbers or safe CSS size strings.\"},{\"validatorId\":\"panel-min-max-consistent\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_MIN_MAX_CONSISTENT\",\"description\":\"Minimum width must not exceed maximum width.\"},{\"validatorId\":\"resize-persistence-explicit\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_RESIZE_PERSISTENCE_EXPLICIT\",\"description\":\"Persisted resize must use a stable persistSizeKey or be explicitly transient.\"},{\"validatorId\":\"settings-panel-round-trip\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_ROUND_TRIP\",\"description\":\"Open, edit, apply, save, reset and reopen must preserve the shell protocol without mutating consumer config semantics.\"}],\"preconditions\":[\"config-initialized\"],\"submissionImpact\":\"visual-only\",\"presentationAffordances\":[],\"positiveExamples\":[{\"id\":\"set-resizable-width\",\"request\":\"Make the settings drawer resizable between 420px and 960px.\",\"operationId\":\"panel.size.set\",\"params\":{\"resizable\":true,\"minWidth\":\"420px\",\"maxWidth\":\"960px\",\"persistSizeKey\":\"settings-panel:orders\"},\"isPositive\":true}],\"negativeExamples\":[]}",
+          "sourcePointer": "projects/praxis-settings-panel/src/lib/ai/praxis-settings-panel-authoring-manifest.ts",
+          "contentHash": "1f82d6984412e6bb8397657fcbde973779ebb810478279c1f45e0e0d57f21983",
+          "sourceKind": "component_definition",
+          "sourceId": "praxis-settings-panel",
+          "corpusVersion": "1.0.0"
+        },
+        {
+          "chunkIndex": 5,
+          "chunkKind": "authoring_manifest",
+          "content": "{\"operationId\":\"panel.applyBehavior.set\",\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-settings-panel\",\"ownerPackage\":\"@praxisui/settings-panel\",\"configSchemaId\":\"SettingsPanelConfig\",\"chunkSection\":\"operation_card\",\"semanticSummary\":\"Set apply behavior Effects: compile-domain-patch. Apply the editor change without saving or closing.\",\"scope\":\"interaction\",\"target\":{\"kind\":\"applyBehavior\",\"resolver\":\"settings-value-provider-apply-contract\",\"required\":false},\"inputContract\":{\"required\":[],\"properties\":[\"requireDirty\",\"requireValid\",\"blockWhileBusy\",\"useProviderHook\",\"closeAfterSave\"],\"semanticTerms\":[\"requireDirty\",\"requireValid\",\"blockWhileBusy\",\"useProviderHook\",\"closeAfterSave\"]},\"effects\":[\"compile-domain-patch\"],\"affectedPaths\":[\"provider.isDirty$\",\"provider.isValid$\",\"provider.isBusy$\",\"ref.applied$\"],\"validators\":[{\"validatorId\":\"apply-requires-provider-value\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_APPLY_REQUIRES_PROVIDER_VALUE\",\"description\":\"Apply must obtain payloads from SettingsValueProvider.getSettingsValue().\"},{\"validatorId\":\"dirty-valid-busy-gates-preserved\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_STATE_GATES_PRESERVED\",\"description\":\"Apply and Save remain gated by dirty, valid and busy state.\"},{\"validatorId\":\"apply-does-not-close-panel\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_APPLY_DOES_NOT_CLOSE\",\"description\":\"Apply emits preview payloads without closing the panel.\"},{\"validatorId\":\"settings-panel-round-trip\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_ROUND_TRIP\",\"description\":\"Open, edit, apply, save, reset and reopen must preserve the shell protocol without mutating consumer config semantics.\"}],\"preconditions\":[\"settings-value-provider-attached\"],\"submissionImpact\":\"none\",\"presentationAffordances\":[],\"positiveExamples\":[{\"id\":\"apply-preview\",\"request\":\"Apply the editor change without saving or closing.\",\"operationId\":\"panel.applyBehavior.set\",\"params\":{\"requireDirty\":true,\"requireValid\":true,\"blockWhileBusy\":true},\"isPositive\":true}],\"negativeExamples\":[]}",
+          "sourcePointer": "projects/praxis-settings-panel/src/lib/ai/praxis-settings-panel-authoring-manifest.ts",
+          "contentHash": "85cb6bfebc2f996189efa526f433cb53a93d047bc83e7d4b7f6b21f948fae9ea",
+          "sourceKind": "component_definition",
+          "sourceId": "praxis-settings-panel",
+          "corpusVersion": "1.0.0"
+        },
+        {
+          "chunkIndex": 6,
+          "chunkKind": "authoring_manifest",
+          "content": "{\"operationId\":\"panel.saveBehavior.set\",\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-settings-panel\",\"ownerPackage\":\"@praxisui/settings-panel\",\"configSchemaId\":\"SettingsPanelConfig\",\"chunkSection\":\"operation_card\",\"semanticSummary\":\"Set save behavior Effects: compile-domain-patch. Save this editor value and close the panel.\",\"scope\":\"interaction\",\"target\":{\"kind\":\"saveBehavior\",\"resolver\":\"settings-value-provider-save-contract\",\"required\":false},\"inputContract\":{\"required\":[],\"properties\":[\"requireDirty\",\"requireValid\",\"blockWhileBusy\",\"useProviderHook\",\"closeAfterSave\"],\"semanticTerms\":[\"requireDirty\",\"requireValid\",\"blockWhileBusy\",\"useProviderHook\",\"closeAfterSave\"]},\"effects\":[\"compile-domain-patch\"],\"affectedPaths\":[\"provider.onSave\",\"provider.getSettingsValue\",\"ref.saved$\",\"ref.closed$\"],\"validators\":[{\"validatorId\":\"save-prefers-provider-hook\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_SAVE_PREFERS_PROVIDER_HOOK\",\"description\":\"Save must call onSave when provided before falling back to getSettingsValue().\"},{\"validatorId\":\"save-fallback-value-preserved\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_SAVE_FALLBACK_PRESERVED\",\"description\":\"Save fallback must preserve getSettingsValue payload semantics.\"},{\"validatorId\":\"save-closes-with-save-reason\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_SAVE_CLOSE_REASON\",\"description\":\"Successful save must emit saved$ and close with reason save.\"},{\"validatorId\":\"dirty-valid-busy-gates-preserved\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_STATE_GATES_PRESERVED\",\"description\":\"Apply and Save remain gated by dirty, valid and busy state.\"}],\"preconditions\":[\"settings-value-provider-attached\"],\"submissionImpact\":\"config-only\",\"presentationAffordances\":[],\"positiveExamples\":[{\"id\":\"save-and-close\",\"request\":\"Save this editor value and close the panel.\",\"operationId\":\"panel.saveBehavior.set\",\"params\":{\"requireDirty\":true,\"requireValid\":true,\"blockWhileBusy\":true,\"useProviderHook\":true,\"closeAfterSave\":true},\"isPositive\":true}],\"negativeExamples\":[]}",
+          "sourcePointer": "projects/praxis-settings-panel/src/lib/ai/praxis-settings-panel-authoring-manifest.ts",
+          "contentHash": "2f27aa3b25dcf4709e5000cb26ee7c77ea0f1319ee101e7bf7c60485ba1f916a",
+          "sourceKind": "component_definition",
+          "sourceId": "praxis-settings-panel",
+          "corpusVersion": "1.0.0"
+        },
+        {
+          "chunkIndex": 7,
+          "chunkKind": "authoring_manifest",
+          "content": "{\"operationId\":\"panel.resetBehavior.set\",\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-settings-panel\",\"ownerPackage\":\"@praxisui/settings-panel\",\"configSchemaId\":\"SettingsPanelConfig\",\"chunkSection\":\"operation_card\",\"semanticSummary\":\"Set reset behavior Effects: compile-domain-patch. Reset this editor to its original value. Reset the editor immediately without confirmation.\",\"scope\":\"interaction\",\"target\":{\"kind\":\"resetBehavior\",\"resolver\":\"settings-value-provider-reset-contract\",\"required\":false},\"inputContract\":{\"required\":[],\"properties\":[\"requireConfirmation\",\"callProviderReset\",\"emitResetEvent\",\"clearSavedStatus\"],\"semanticTerms\":[\"requireConfirmation\",\"callProviderReset\",\"emitResetEvent\",\"clearSavedStatus\"]},\"effects\":[\"compile-domain-patch\"],\"affectedPaths\":[\"provider.reset\",\"ref.reset$\",\"panel.lastSavedAt\"],\"validators\":[{\"validatorId\":\"reset-requires-confirmation\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_RESET_REQUIRES_CONFIRMATION\",\"description\":\"Reset is destructive and must remain confirmed before provider reset is called.\"},{\"validatorId\":\"reset-calls-provider-reset\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_RESET_CALLS_PROVIDER\",\"description\":\"Reset must call the hosted provider reset hook when present.\"},{\"validatorId\":\"reset-event-emitted\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_RESET_EVENT_EMITTED\",\"description\":\"Reset must emit SettingsPanelRef.reset$ so hosts can coordinate state.\"},{\"validatorId\":\"settings-panel-round-trip\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_ROUND_TRIP\",\"description\":\"Open, edit, apply, save, reset and reopen must preserve the shell protocol without mutating consumer config semantics.\"}],\"preconditions\":[\"settings-value-provider-attached\",\"confirmation-collected\"],\"submissionImpact\":\"config-only\",\"presentationAffordances\":[],\"positiveExamples\":[{\"id\":\"reset-to-original\",\"request\":\"Reset this editor to its original value.\",\"operationId\":\"panel.resetBehavior.set\",\"params\":{\"requireConfirmation\":true,\"callProviderReset\":true,\"emitResetEvent\":true},\"isPositive\":true}],\"negativeExamples\":[{\"id\":\"reject-reset-without-confirmation\",\"request\":\"Reset the editor immediately without confirmation.\",\"operationId\":\"panel.resetBehavior.set\",\"params\":{\"requireConfirmation\":false,\"callProviderReset\":true},\"isPositive\":false}]}",
+          "sourcePointer": "projects/praxis-settings-panel/src/lib/ai/praxis-settings-panel-authoring-manifest.ts",
+          "contentHash": "56f022761bfe31e2068521ad5b3fe9c3ec36d07f6ee4a2d7b00b8daf340eb0f6",
+          "sourceKind": "component_definition",
+          "sourceId": "praxis-settings-panel",
+          "corpusVersion": "1.0.0"
+        },
+        {
+          "chunkIndex": 8,
+          "chunkKind": "authoring_manifest",
+          "content": "{\"operationId\":\"editor.host.configure\",\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-settings-panel\",\"ownerPackage\":\"@praxisui/settings-panel\",\"configSchemaId\":\"SettingsPanelConfig\",\"chunkSection\":\"operation_card\",\"semanticSummary\":\"Configure hosted editor Effects: compile-domain-patch. Open the table settings editor in the settings panel. Use settings-panel to rename a table column directly. Host a component that has no dirty, valid, busy or getSettingsValue contract.\",\"scope\":\"templating\",\"target\":{\"kind\":\"editorHost\",\"resolver\":\"settings-panel-editor-host\",\"required\":true},\"inputContract\":{\"required\":[\"componentId\"],\"properties\":[\"componentId\",\"inputs\",\"configManifestComponentId\",\"editorContract\"],\"semanticTerms\":[\"componentId\",\"inputs\",\"configManifestComponentId\",\"editorContract\",\"SettingsValueProvider\"]},\"effects\":[\"compile-domain-patch\"],\"affectedPaths\":[\"config.content.component\",\"config.content.inputs\",\"delegatedConsumerPatch\"],\"validators\":[{\"validatorId\":\"editor-component-registered\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_EDITOR_REGISTERED\",\"description\":\"Hosted editor component must resolve from governed component metadata or host registration.\"},{\"validatorId\":\"settings-value-provider-contract-present\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_PROVIDER_CONTRACT_PRESENT\",\"description\":\"Hosted authoring editors must implement SettingsValueProvider state and value contract.\"},{\"validatorId\":\"consumer-config-delegated\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_CONSUMER_CONFIG_DELEGATED\",\"description\":\"Consumer-specific config operations must delegate to the owning component manifest.\"},{\"validatorId\":\"editor-inputs-serializable\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_EDITOR_INPUTS_SERIALIZABLE\",\"description\":\"Persisted editor host inputs must be serializable safe values.\"}],\"preconditions\":[\"component-metadata-resolved\"],\"submissionImpact\":\"config-only\",\"presentationAffordances\":[],\"positiveExamples\":[{\"id\":\"open-component-editor\",\"request\":\"Open the table settings editor in the settings panel.\",\"operationId\":\"editor.host.configure\",\"params\":{\"componentId\":\"praxis-table\",\"inputs\":{\"tableId\":\"orders\"},\"configManifestComponentId\":\"praxis-table\",\"editorContract\":\"SettingsValueProvider\"},\"isPositive\":true}],\"negativeExamples\":[{\"id\":\"reject-table-column-direct-edit\",\"request\":\"Use settings-panel to rename a table column directly.\",\"operationId\":\"editor.host.configure\",\"params\":{\"componentId\":\"praxis-settings-panel\",\"inputs\":{\"columns\":[{\"field\":\"name\",\"label\":\"Name\"}]}},\"isPositive\":false},{\"id\":\"reject-missing-provider\",\"request\":\"Host a component that has no dirty, valid, busy or getSettingsValue contract.\",\"operationId\":\"editor.host.configure\",\"params\":{\"componentId\":\"plain-info-card\"},\"isPositive\":false}]}",
+          "sourcePointer": "projects/praxis-settings-panel/src/lib/ai/praxis-settings-panel-authoring-manifest.ts",
+          "contentHash": "c8d462760a6bd9a86f89e0856c2395b58dc314f8a10f8571168ba02cf20add9e",
+          "sourceKind": "component_definition",
+          "sourceId": "praxis-settings-panel",
+          "corpusVersion": "1.0.0"
+        },
+        {
+          "chunkIndex": 9,
+          "chunkKind": "authoring_manifest",
+          "content": "{\"operationId\":\"diagnostics.visibility.set\",\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-settings-panel\",\"ownerPackage\":\"@praxisui/settings-panel\",\"configSchemaId\":\"SettingsPanelConfig\",\"chunkSection\":\"operation_card\",\"semanticSummary\":\"Set panel diagnostics visibility Effects: merge-object. Show why Apply and Save are disabled while the editor is busy.\",\"scope\":\"interaction\",\"target\":{\"kind\":\"diagnostics\",\"resolver\":\"settings-panel-state-diagnostics\",\"required\":false},\"inputContract\":{\"required\":[],\"properties\":[\"showStatusMessage\",\"showDisabledReason\",\"showBusyState\",\"exposeValidationState\"],\"semanticTerms\":[\"showStatusMessage\",\"showDisabledReason\",\"showBusyState\",\"exposeValidationState\"]},\"effects\":[\"merge-object\"],\"affectedPaths\":[\"config.diagnostics.showStatusMessage\",\"config.diagnostics.showDisabledReason\",\"config.diagnostics.showBusyState\",\"config.diagnostics.exposeValidationState\",\"panel.statusMessage\",\"panel.disabledReason\",\"panel.isDirty\",\"panel.isValid\",\"panel.isBusy\"],\"validators\":[{\"validatorId\":\"diagnostics-follow-provider-state\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_DIAGNOSTICS_PROVIDER_STATE\",\"description\":\"Diagnostics must reflect provider dirty, valid and busy state.\"},{\"validatorId\":\"diagnostics-i18n-compatible\",\"level\":\"warning\",\"code\":\"SETTINGS_PANEL_DIAGNOSTICS_I18N_COMPATIBLE\",\"description\":\"Diagnostics copy must use the settings panel i18n namespace.\"},{\"validatorId\":\"busy-valid-dirty-visible-when-needed\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_STATE_VISIBLE\",\"description\":\"Busy, invalid and dirty states must remain visible or explain disabled actions.\"},{\"validatorId\":\"settings-panel-round-trip\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_ROUND_TRIP\",\"description\":\"Open, edit, apply, save, reset and reopen must preserve the shell protocol without mutating consumer config semantics.\"}],\"preconditions\":[\"settings-value-provider-attached\"],\"submissionImpact\":\"visual-only\",\"presentationAffordances\":[],\"positiveExamples\":[{\"id\":\"show-busy-diagnostics\",\"request\":\"Show why Apply and Save are disabled while the editor is busy.\",\"operationId\":\"diagnostics.visibility.set\",\"params\":{\"showStatusMessage\":true,\"showDisabledReason\":true,\"showBusyState\":true},\"isPositive\":true}],\"negativeExamples\":[]}",
+          "sourcePointer": "projects/praxis-settings-panel/src/lib/ai/praxis-settings-panel-authoring-manifest.ts",
+          "contentHash": "e9c483a80b2b71a732fdcd0d958aeae41f71ba63a46e2ae1f752ac299ee7d6c0",
+          "sourceKind": "component_definition",
+          "sourceId": "praxis-settings-panel",
+          "corpusVersion": "1.0.0"
+        },
+        {
+          "chunkIndex": 10,
+          "chunkKind": "authoring_manifest",
           "content": "{\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-settings-panel\",\"ownerPackage\":\"@praxisui/settings-panel\",\"configSchemaId\":\"SettingsPanelConfig\",\"chunkSection\":\"identity\"}",
           "sourcePointer": "projects/praxis-settings-panel/src/lib/ai/praxis-settings-panel-authoring-manifest.ts",
           "contentHash": "8d76070d6c2614cc589bf54fab458fb43613f9edc2b8d3dc2d7e6cadf26530f7",
@@ -1119,7 +1315,7 @@
           "corpusVersion": "1.0.0"
         },
         {
-          "chunkIndex": 3,
+          "chunkIndex": 11,
           "chunkKind": "authoring_manifest",
           "content": "{\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-settings-panel\",\"ownerPackage\":\"@praxisui/settings-panel\",\"configSchemaId\":\"SettingsPanelConfig\",\"chunkSection\":\"runtimeInputs\",\"runtimeInputs\":[{\"name\":\"config\",\"type\":\"SettingsPanelConfig\",\"description\":\"Canonical settings panel shell config passed to SettingsPanelService.open.\"},{\"name\":\"config.diagnostics\",\"type\":\"SettingsPanelDiagnosticsConfig\",\"description\":\"Optional shell diagnostics visibility config for status, disabled reason, busy state and validation state.\"},{\"name\":\"content.component\",\"type\":\"Type<SettingsValueProvider>\",\"description\":\"Standalone editor component hosted inside the authoring shell.\"},{\"name\":\"content.inputs\",\"type\":\"Record<string, unknown>\",\"description\":\"Initial editor inputs owned by the consumer component manifest.\"},{\"name\":\"ref\",\"type\":\"SettingsPanelRef\",\"description\":\"Panel ref that emits applied, saved, reset, closed and sizeChanged events.\"},{\"name\":\"provider\",\"type\":\"SettingsValueProvider\",\"description\":\"Editor protocol for dirty, valid, busy, getSettingsValue, onSave, reset and close hooks.\"}]}",
           "sourcePointer": "projects/praxis-settings-panel/src/lib/ai/praxis-settings-panel-authoring-manifest.ts",
@@ -1129,7 +1325,7 @@
           "corpusVersion": "1.0.0"
         },
         {
-          "chunkIndex": 4,
+          "chunkIndex": 12,
           "chunkKind": "authoring_manifest",
           "content": "{\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-settings-panel\",\"ownerPackage\":\"@praxisui/settings-panel\",\"configSchemaId\":\"SettingsPanelConfig\",\"chunkSection\":\"editableTargets\",\"editableTargets\":[{\"kind\":\"panelShell\",\"resolver\":\"settings-panel-config-root\",\"description\":\"Top-level shell identity and title fields owned by SettingsPanelConfig.\"},{\"kind\":\"openMode\",\"resolver\":\"settings-panel-open-mode\",\"description\":\"Initial expanded state, replacement mediation and close behavior for an authoring panel.\"},{\"kind\":\"panelSize\",\"resolver\":\"settings-panel-size-and-resize\",\"description\":\"Width, min/max width, resize enablement and persisted size key.\"},{\"kind\":\"applyBehavior\",\"resolver\":\"settings-value-provider-apply-contract\",\"description\":\"Apply availability and payload emission through getSettingsValue().\"},{\"kind\":\"saveBehavior\",\"resolver\":\"settings-value-provider-save-contract\",\"description\":\"Save availability, onSave fallback and close-after-save behavior.\"},{\"kind\":\"resetBehavior\",\"resolver\":\"settings-value-provider-reset-contract\",\"description\":\"Reset confirmation, provider reset hook and reset event emission.\"},{\"kind\":\"editorHost\",\"resolver\":\"settings-panel-editor-host\",\"description\":\"Hosted editor component and serializable input envelope.\"},{\"kind\":\"diagnostics\",\"resolver\":\"settings-panel-state-diagnostics\",\"description\":\"Dirty, valid, busy, disabled reason and status message visibility.\"}]}",
           "sourcePointer": "projects/praxis-settings-panel/src/lib/ai/praxis-settings-panel-authoring-manifest.ts",
@@ -1139,27 +1335,27 @@
           "corpusVersion": "1.0.0"
         },
         {
-          "chunkIndex": 5,
+          "chunkIndex": 13,
           "chunkKind": "authoring_manifest",
-          "content": "{\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-settings-panel\",\"ownerPackage\":\"@praxisui/settings-panel\",\"configSchemaId\":\"SettingsPanelConfig\",\"chunkSection\":\"operations\",\"operations\":[{\"operationId\":\"panel.shell.configure\",\"title\":\"Configure panel shell identity\",\"scope\":\"global\",\"targetKind\":\"panelShell\",\"target\":{\"kind\":\"panelShell\",\"resolver\":\"settings-panel-config-root\",\"ambiguityPolicy\":\"fail\",\"required\":true},\"inputSchema\":{\"type\":\"object\",\"minProperties\":1,\"properties\":{\"id\":{\"type\":\"string\"},\"title\":{\"type\":\"string\"},\"titleIcon\":{\"type\":\"string\"}}},\"effects\":[{\"kind\":\"merge-object\",\"path\":\"config\"}],\"validators\":[\"panel-id-stable\",\"title-i18n-compatible\",\"settings-panel-round-trip\"],\"affectedPaths\":[\"config.id\",\"config.title\",\"config.titleIcon\"],\"submissionImpact\":\"config-only\",\"destructive\":false,\"requiresConfirmation\":false,\"preconditions\":[\"config-initialized\"]},{\"operationId\":\"panel.openMode.set\",\"title\":\"Set panel open mode\",\"scope\":\"global\",\"targetKind\":\"openMode\",\"target\":{\"kind\":\"openMode\",\"resolver\":\"settings-panel-open-mode\",\"ambiguityPolicy\":\"fail\",\"required\":false},\"inputSchema\":{\"type\":\"object\",\"minProperties\":1,\"properties\":{\"expanded\":{\"type\":\"boolean\"},\"replacementPolicy\":{\"enum\":[\"consult-current-editor\",\"reject-when-dirty\",\"force-close-disallowed\"]}}},\"effects\":[{\"kind\":\"merge-object\",\"path\":\"config\"}],\"validators\":[\"replacement-mediates-before-close\",\"settings-panel-round-trip\"],\"affectedPaths\":[\"config.expanded\"],\"submissionImpact\":\"config-only\",\"destructive\":false,\"requiresConfirmation\":false,\"preconditions\":[\"config-initialized\"]},{\"operationId\":\"panel.size.set\",\"title\":\"Set panel size and resize policy\",\"scope\":\"layout\",\"targetKind\":\"panelSize\",\"target\":{\"kind\":\"panelSize\",\"resolver\":\"settings-panel-size-and-resize\",\"ambiguityPolicy\":\"fail\",\"required\":false},\"inputSchema\":{\"type\":\"object\",\"minProperties\":1,\"properties\":{\"width\":{\"oneOf\":[{\"type\":\"string\"},{\"type\":\"number\"}]},\"minWidth\":{\"type\":\"string\"},\"maxWidth\":{\"type\":\"string\"},\"resizable\":{\"type\":\"boolean\"},\"persistSizeKey\":{\"type\":\"string\"},\"expanded\":{\"type\":\"boolean\"}}},\"effects\":[{\"kind\":\"compile-domain-patch\",\"handler\":\"settings-panel-size-set\",\"handlerContract\":{\"reads\":[\"SettingsPanelConfig\",\"SettingsPanelRef.sizeChanged$\",\"persistSizeKey\"],\"writes\":[\"config.minWidth\",\"config.maxWidth\",\"config.resizable\",\"config.persistSizeKey\",\"runtime.size\"],\"identityKeys\":[\"config.id\",\"persistSizeKey\"],\"failureModes\":[\"invalid-css-size\",\"min-width-greater-than-max-width\",\"persist-size-key-missing-for-persistence\"],\"description\":\"Applies shell size configuration and open-panel width changes through SettingsPanelRef.updateSize without changing hosted editor config semantics.\"}}],\"validators\":[\"panel-size-safe\",\"panel-min-max-consistent\",\"resize-persistence-explicit\",\"settings-panel-round-trip\"],\"affectedPaths\":[\"config.minWidth\",\"config.maxWidth\",\"config.resizable\",\"config.persistSizeKey\",\"runtime.width\"],\"submissionImpact\":\"visual-only\",\"destructive\":false,\"requiresConfirmation\":false,\"preconditions\":[\"config-initialized\"]},{\"operationId\":\"panel.applyBehavior.set\",\"title\":\"Set apply behavior\",\"scope\":\"interaction\",\"targetKind\":\"applyBehavior\",\"target\":{\"kind\":\"applyBehavior\",\"resolver\":\"settings-value-provider-apply-contract\",\"ambiguityPolicy\":\"fail\",\"required\":false},\"inputSchema\":{\"type\":\"object\",\"minProperties\":1,\"properties\":{\"requireDirty\":{\"type\":\"boolean\"},\"requireValid\":{\"type\":\"boolean\"},\"blockWhileBusy\":{\"type\":\"boolean\"},\"useProviderHook\":{\"type\":\"boolean\"},\"closeAfterSave\":{\"type\":\"boolean\"}}},\"effects\":[{\"kind\":\"compile-domain-patch\",\"handler\":\"settings-panel-apply-behavior-set\",\"handlerContract\":{\"reads\":[\"SettingsValueProvider.isDirty$\",\"SettingsValueProvider.isValid$\",\"SettingsValueProvider.isBusy$\",\"SettingsValueProvider.getSettingsValue\"],\"writes\":[\"SettingsPanelRef.applied$\"],\"identityKeys\":[\"config.id\",\"provider.getSettingsValue\"],\"failureModes\":[\"provider-missing-get-settings-value\",\"apply-while-invalid\",\"apply-while-busy\",\"apply-without-dirty-state\"],\"description\":\"Keeps Apply gated by dirty, valid and busy state and emits the provider value through SettingsPanelRef.applied$.\"}}],\"validators\":[\"apply-requires-provider-value\",\"dirty-valid-busy-gates-preserved\",\"apply-does-not-close-panel\",\"settings-panel-round-trip\"],\"affectedPaths\":[\"provider.isDirty$\",\"provider.isValid$\",\"provider.isBusy$\",\"ref.applied$\"],\"submissionImpact\":\"none\",\"destructive\":false,\"requiresConfirmation\":false,\"preconditions\":[\"settings-value-provider-attached\"]},{\"operationId\":\"panel.saveBehavior.set\",\"title\":\"Set save behavior\",\"scope\":\"interaction\",\"targetKind\":\"saveBehavior\",\"target\":{\"kind\":\"saveBehavior\",\"resolver\":\"settings-value-provider-save-contract\",\"ambiguityPolicy\":\"fail\",\"required\":false},\"effects\":[{\"kind\":\"compile-domain-patch\",\"handler\":\"settings-panel-save-behavior-set\",\"handlerContract\":{\"reads\":[\"SettingsValueProvider.onSave\",\"SettingsValueProvider.getSettingsValue\",\"SettingsValueProvider.isDirty$\",\"SettingsValueProvider.isValid$\",\"SettingsValueProvider.isBusy$\"],\"writes\":[\"SettingsPanelRef.saved$\",\"SettingsPanelRef.closed$\"],\"identityKeys\":[\"config.id\",\"provider.onSave\"],\"failureModes\":[\"save-while-invalid\",\"save-while-busy\",\"save-result-undefined\",\"provider-save-rejected\"],\"description\":\"Keeps Save gated by dirty, valid and busy state, prefers onSave when present, falls back to getSettingsValue and closes with reason save.\"}}],\"validators\":[\"save-prefers-provider-hook\",\"save-fallback-value-preserved\",\"save-closes-with-save-reason\",\"dirty-valid-busy-gates-preserved\"],\"affectedPaths\":[\"provider.onSave\",\"provider.getSettingsValue\",\"ref.saved$\",\"ref.closed$\"],\"submissionImpact\":\"config-only\",\"destructive\":false,\"requiresConfirmation\":false,\"preconditions\":[\"settings-value-provider-attached\"]},{\"operationId\":\"panel.resetBehavior.set\",\"title\":\"Set reset behavior\",\"scope\":\"interaction\",\"targetKind\":\"resetBehavior\",\"target\":{\"kind\":\"resetBehavior\",\"resolver\":\"settings-value-provider-reset-contract\",\"ambiguityPolicy\":\"fail\",\"required\":false},\"inputSchema\":{\"type\":\"object\",\"minProperties\":1,\"properties\":{\"requireConfirmation\":{\"type\":\"boolean\"},\"callProviderReset\":{\"type\":\"boolean\"},\"emitResetEvent\":{\"type\":\"boolean\"},\"clearSavedStatus\":{\"type\":\"boolean\"}}},\"effects\":[{\"kind\":\"compile-domain-patch\",\"handler\":\"settings-panel-reset-behavior-set\",\"handlerContract\":{\"reads\":[\"SettingsValueProvider.reset\",\"SettingsPanelRef.reset$\",\"ConfirmDialogComponent\"],\"writes\":[\"provider.reset()\",\"SettingsPanelRef.reset$\",\"panel.lastSavedAt\"],\"identityKeys\":[\"config.id\",\"provider.reset\"],\"inputSchema\":{\"type\":\"object\",\"properties\":{\"requireConfirmation\":{\"type\":\"boolean\"},\"callProviderReset\":{\"type\":\"boolean\"},\"emitResetEvent\":{\"type\":\"boolean\"}}},\"failureModes\":[\"reset-confirmation-missing\",\"provider-reset-failed\",\"reset-event-not-emitted\"],\"description\":\"Preserves Reset as a confirmed shell action that calls the provider reset hook and emits SettingsPanelRef.reset$.\"}}],\"destructive\":true,\"requiresConfirmation\":true,\"validators\":[\"reset-requires-confirmation\",\"reset-calls-provider-reset\",\"reset-event-emitted\",\"settings-panel-round-trip\"],\"affectedPaths\":[\"provider.reset\",\"ref.reset$\",\"panel.lastSavedAt\"],\"submissionImpact\":\"config-only\",\"preconditions\":[\"settings-value-provider-attached\",\"confirmation-collected\"]}]}",
+          "content": "{\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-settings-panel\",\"ownerPackage\":\"@praxisui/settings-panel\",\"configSchemaId\":\"SettingsPanelConfig\",\"chunkSection\":\"operations\",\"operations\":[{\"operationId\":\"panel.shell.configure\",\"title\":\"Configure panel shell identity\",\"scope\":\"global\",\"targetKind\":\"panelShell\",\"target\":{\"kind\":\"panelShell\",\"resolver\":\"settings-panel-config-root\",\"ambiguityPolicy\":\"fail\",\"required\":true},\"inputSchema\":{\"type\":\"object\",\"minProperties\":1,\"properties\":{\"id\":{\"type\":\"string\"},\"title\":{\"type\":\"string\"},\"titleIcon\":{\"type\":\"string\"}}},\"effects\":[{\"kind\":\"merge-object\",\"path\":\"config\"}],\"validators\":[\"panel-id-stable\",\"title-i18n-compatible\",\"settings-panel-round-trip\"],\"affectedPaths\":[\"config.id\",\"config.title\",\"config.titleIcon\"],\"submissionImpact\":\"config-only\",\"destructive\":false,\"requiresConfirmation\":false,\"preconditions\":[\"config-initialized\"]},{\"operationId\":\"panel.openMode.set\",\"title\":\"Set panel open mode\",\"scope\":\"global\",\"targetKind\":\"openMode\",\"target\":{\"kind\":\"openMode\",\"resolver\":\"settings-panel-open-mode\",\"ambiguityPolicy\":\"fail\",\"required\":false},\"inputSchema\":{\"type\":\"object\",\"minProperties\":1,\"properties\":{\"expanded\":{\"type\":\"boolean\"},\"replacementPolicy\":{\"enum\":[\"consult-current-editor\",\"reject-when-dirty\",\"force-close-disallowed\"]}}},\"effects\":[{\"kind\":\"merge-object\",\"path\":\"config\"}],\"validators\":[\"replacement-mediates-before-close\",\"settings-panel-round-trip\"],\"affectedPaths\":[\"config.expanded\"],\"submissionImpact\":\"config-only\",\"destructive\":false,\"requiresConfirmation\":false,\"preconditions\":[\"config-initialized\"]},{\"operationId\":\"panel.size.set\",\"title\":\"Set panel size and resize policy\",\"scope\":\"layout\",\"targetKind\":\"panelSize\",\"target\":{\"kind\":\"panelSize\",\"resolver\":\"settings-panel-size-and-resize\",\"ambiguityPolicy\":\"fail\",\"required\":false},\"inputSchema\":{\"type\":\"object\",\"minProperties\":1,\"properties\":{\"width\":{\"oneOf\":[{\"type\":\"string\"},{\"type\":\"number\"}]},\"minWidth\":{\"type\":\"string\"},\"maxWidth\":{\"type\":\"string\"},\"resizable\":{\"type\":\"boolean\"},\"persistSizeKey\":{\"type\":\"string\"},\"expanded\":{\"type\":\"boolean\"}}},\"effects\":[{\"kind\":\"compile-domain-patch\",\"handler\":\"settings-panel-size-set\",\"handlerContract\":{\"reads\":[\"SettingsPanelConfig\",\"SettingsPanelRef.sizeChanged$\",\"persistSizeKey\"],\"writes\":[\"config.minWidth\",\"config.maxWidth\",\"config.resizable\",\"config.persistSizeKey\",\"runtime.size\"],\"identityKeys\":[\"config.id\",\"persistSizeKey\"],\"inputSchema\":{\"type\":\"object\",\"minProperties\":1,\"properties\":{\"width\":{\"oneOf\":[{\"type\":\"string\"},{\"type\":\"number\"}]},\"minWidth\":{\"type\":\"string\"},\"maxWidth\":{\"type\":\"string\"},\"resizable\":{\"type\":\"boolean\"},\"persistSizeKey\":{\"type\":\"string\"},\"expanded\":{\"type\":\"boolean\"}}},\"failureModes\":[\"invalid-css-size\",\"min-width-greater-than-max-width\",\"persist-size-key-missing-for-persistence\"],\"description\":\"Applies shell size configuration and open-panel width changes through SettingsPanelRef.updateSize without changing hosted editor config semantics.\"}}],\"validators\":[\"panel-size-safe\",\"panel-min-max-consistent\",\"resize-persistence-explicit\",\"settings-panel-round-trip\"],\"affectedPaths\":[\"config.minWidth\",\"config.maxWidth\",\"config.resizable\",\"config.persistSizeKey\",\"runtime.width\"],\"submissionImpact\":\"visual-only\",\"destructive\":false,\"requiresConfirmation\":false,\"preconditions\":[\"config-initialized\"]},{\"operationId\":\"panel.applyBehavior.set\",\"title\":\"Set apply behavior\",\"scope\":\"interaction\",\"targetKind\":\"applyBehavior\",\"target\":{\"kind\":\"applyBehavior\",\"resolver\":\"settings-value-provider-apply-contract\",\"ambiguityPolicy\":\"fail\",\"required\":false},\"inputSchema\":{\"type\":\"object\",\"minProperties\":1,\"properties\":{\"requireDirty\":{\"type\":\"boolean\"},\"requireValid\":{\"type\":\"boolean\"},\"blockWhileBusy\":{\"type\":\"boolean\"},\"useProviderHook\":{\"type\":\"boolean\"},\"closeAfterSave\":{\"type\":\"boolean\"}}},\"effects\":[{\"kind\":\"compile-domain-patch\",\"handler\":\"settings-panel-apply-behavior-set\",\"handlerContract\":{\"reads\":[\"SettingsValueProvider.isDirty$\",\"SettingsValueProvider.isValid$\",\"SettingsValueProvider.isBusy$\",\"SettingsValueProvider.getSettingsValue\"],\"writes\":[\"SettingsPanelRef.applied$\"],\"identityKeys\":[\"config.id\",\"provider.getSettingsValue\"],\"inputSchema\":{\"type\":\"object\",\"minProperties\":1,\"properties\":{\"requireDirty\":{\"type\":\"boolean\"},\"requireValid\":{\"type\":\"boolean\"},\"blockWhileBusy\":{\"type\":\"boolean\"},\"useProviderHook\":{\"type\":\"boolean\"},\"closeAfterSave\":{\"type\":\"boolean\"}}},\"failureModes\":[\"provider-missing-get-settings-value\",\"apply-while-invalid\",\"apply-while-busy\",\"apply-without-dirty-state\"],\"description\":\"Keeps Apply gated by dirty, valid and busy state and emits the provider value through SettingsPanelRef.applied$.\"}}],\"validators\":[\"apply-requires-provider-value\",\"dirty-valid-busy-gates-preserved\",\"apply-does-not-close-panel\",\"settings-panel-round-trip\"],\"affectedPaths\":[\"provider.isDirty$\",\"provider.isValid$\",\"provider.isBusy$\",\"ref.applied$\"],\"submissionImpact\":\"none\",\"destructive\":false,\"requiresConfirmation\":false,\"preconditions\":[\"settings-value-provider-attached\"]},{\"operationId\":\"panel.saveBehavior.set\",\"title\":\"Set save behavior\",\"scope\":\"interaction\",\"targetKind\":\"saveBehavior\",\"target\":{\"kind\":\"saveBehavior\",\"resolver\":\"settings-value-provider-save-contract\",\"ambiguityPolicy\":\"fail\",\"required\":false},\"inputSchema\":{\"type\":\"object\",\"minProperties\":1,\"properties\":{\"requireDirty\":{\"type\":\"boolean\"},\"requireValid\":{\"type\":\"boolean\"},\"blockWhileBusy\":{\"type\":\"boolean\"},\"useProviderHook\":{\"type\":\"boolean\"},\"closeAfterSave\":{\"type\":\"boolean\"}}},\"effects\":[{\"kind\":\"compile-domain-patch\",\"handler\":\"settings-panel-save-behavior-set\",\"handlerContract\":{\"reads\":[\"SettingsValueProvider.onSave\",\"SettingsValueProvider.getSettingsValue\",\"SettingsValueProvider.isDirty$\",\"SettingsValueProvider.isValid$\",\"SettingsValueProvider.isBusy$\"],\"writes\":[\"SettingsPanelRef.saved$\",\"SettingsPanelRef.closed$\"],\"identityKeys\":[\"config.id\",\"provider.onSave\"],\"inputSchema\":{\"type\":\"object\",\"minProperties\":1,\"properties\":{\"requireDirty\":{\"type\":\"boolean\"},\"requireValid\":{\"type\":\"boolean\"},\"blockWhileBusy\":{\"type\":\"boolean\"},\"useProviderHook\":{\"type\":\"boolean\"},\"closeAfterSave\":{\"type\":\"boolean\"}}},\"failureModes\":[\"save-while-invalid\",\"save-while-busy\",\"save-result-undefined\",\"provider-save-rejected\"],\"description\":\"Keeps Save gated by dirty, valid and busy state, prefers onSave when present, falls back to getSettingsValue and closes with reason save.\"}}],\"validators\":[\"save-prefers-provider-hook\",\"save-fallback-value-preserved\",\"save-closes-with-save-reason\",\"dirty-valid-busy-gates-preserved\"],\"affectedPaths\":[\"provider.onSave\",\"provider.getSettingsValue\",\"ref.saved$\",\"ref.closed$\"],\"submissionImpact\":\"config-only\",\"destructive\":false,\"requiresConfirmation\":false,\"preconditions\":[\"settings-value-provider-attached\"]}]}",
           "sourcePointer": "projects/praxis-settings-panel/src/lib/ai/praxis-settings-panel-authoring-manifest.ts",
-          "contentHash": "ee4c7ed352ddcb239c54921fac0567128d69d667735f16ab287194fd3f8651c0",
+          "contentHash": "b16d2abba10705e7236125187ec34c513cd21e375a06c94464c2cbb689f4a25b",
           "sourceKind": "component_definition",
           "sourceId": "praxis-settings-panel",
           "corpusVersion": "1.0.0"
         },
         {
-          "chunkIndex": 6,
+          "chunkIndex": 14,
           "chunkKind": "authoring_manifest",
-          "content": "{\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-settings-panel\",\"ownerPackage\":\"@praxisui/settings-panel\",\"configSchemaId\":\"SettingsPanelConfig\",\"chunkSection\":\"operations\",\"operations\":[{\"operationId\":\"editor.host.configure\",\"title\":\"Configure hosted editor\",\"scope\":\"templating\",\"targetKind\":\"editorHost\",\"target\":{\"kind\":\"editorHost\",\"resolver\":\"settings-panel-editor-host\",\"ambiguityPolicy\":\"fail\",\"required\":true},\"inputSchema\":{\"type\":\"object\",\"required\":[\"componentId\"],\"properties\":{\"componentId\":{\"type\":\"string\"},\"inputs\":{\"type\":\"object\"},\"configManifestComponentId\":{\"type\":\"string\"},\"editorContract\":{\"enum\":[\"SettingsValueProvider\"]}}},\"effects\":[{\"kind\":\"compile-domain-patch\",\"handler\":\"settings-panel-editor-host-configure\",\"handlerContract\":{\"reads\":[\"ComponentMetadataRegistry\",\"SettingsPanelConfig.content\",\"SettingsValueProvider\",\"component.authoringManifest\"],\"writes\":[\"config.content.component\",\"config.content.inputs\",\"delegatedConsumerPatch\"],\"identityKeys\":[\"componentId\",\"configManifestComponentId\"],\"failureModes\":[\"editor-component-not-registered\",\"settings-value-provider-missing\",\"consumer-manifest-required\",\"consumer-config-boundary-violation\"],\"description\":\"Configures the hosted editor component and input envelope while delegating consumer-specific config edits to the owning component manifest.\"}}],\"validators\":[\"editor-component-registered\",\"settings-value-provider-contract-present\",\"consumer-config-delegated\",\"editor-inputs-serializable\"],\"affectedPaths\":[\"config.content.component\",\"config.content.inputs\",\"delegatedConsumerPatch\"],\"submissionImpact\":\"config-only\",\"destructive\":false,\"requiresConfirmation\":false,\"preconditions\":[\"component-metadata-resolved\"]},{\"operationId\":\"diagnostics.visibility.set\",\"title\":\"Set panel diagnostics visibility\",\"scope\":\"interaction\",\"targetKind\":\"diagnostics\",\"target\":{\"kind\":\"diagnostics\",\"resolver\":\"settings-panel-state-diagnostics\",\"ambiguityPolicy\":\"fail\",\"required\":false},\"inputSchema\":{\"type\":\"object\",\"minProperties\":1,\"properties\":{\"showStatusMessage\":{\"type\":\"boolean\"},\"showDisabledReason\":{\"type\":\"boolean\"},\"showBusyState\":{\"type\":\"boolean\"},\"exposeValidationState\":{\"type\":\"boolean\"}}},\"effects\":[{\"kind\":\"merge-object\",\"path\":\"config.diagnostics\"}],\"validators\":[\"diagnostics-follow-provider-state\",\"diagnostics-i18n-compatible\",\"busy-valid-dirty-visible-when-needed\",\"settings-panel-round-trip\"],\"affectedPaths\":[\"config.diagnostics.showStatusMessage\",\"config.diagnostics.showDisabledReason\",\"config.diagnostics.showBusyState\",\"config.diagnostics.exposeValidationState\",\"panel.statusMessage\",\"panel.disabledReason\",\"panel.isDirty\",\"panel.isValid\",\"panel.isBusy\"],\"submissionImpact\":\"visual-only\",\"destructive\":false,\"requiresConfirmation\":false,\"preconditions\":[\"settings-value-provider-attached\"]}]}",
+          "content": "{\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-settings-panel\",\"ownerPackage\":\"@praxisui/settings-panel\",\"configSchemaId\":\"SettingsPanelConfig\",\"chunkSection\":\"operations\",\"operations\":[{\"operationId\":\"panel.resetBehavior.set\",\"title\":\"Set reset behavior\",\"scope\":\"interaction\",\"targetKind\":\"resetBehavior\",\"target\":{\"kind\":\"resetBehavior\",\"resolver\":\"settings-value-provider-reset-contract\",\"ambiguityPolicy\":\"fail\",\"required\":false},\"inputSchema\":{\"type\":\"object\",\"minProperties\":1,\"properties\":{\"requireConfirmation\":{\"type\":\"boolean\"},\"callProviderReset\":{\"type\":\"boolean\"},\"emitResetEvent\":{\"type\":\"boolean\"},\"clearSavedStatus\":{\"type\":\"boolean\"}}},\"effects\":[{\"kind\":\"compile-domain-patch\",\"handler\":\"settings-panel-reset-behavior-set\",\"handlerContract\":{\"reads\":[\"SettingsValueProvider.reset\",\"SettingsPanelRef.reset$\",\"ConfirmDialogComponent\"],\"writes\":[\"provider.reset()\",\"SettingsPanelRef.reset$\",\"panel.lastSavedAt\"],\"identityKeys\":[\"config.id\",\"provider.reset\"],\"inputSchema\":{\"type\":\"object\",\"properties\":{\"requireConfirmation\":{\"type\":\"boolean\"},\"callProviderReset\":{\"type\":\"boolean\"},\"emitResetEvent\":{\"type\":\"boolean\"}}},\"failureModes\":[\"reset-confirmation-missing\",\"provider-reset-failed\",\"reset-event-not-emitted\"],\"description\":\"Preserves Reset as a confirmed shell action that calls the provider reset hook and emits SettingsPanelRef.reset$.\"}}],\"destructive\":true,\"requiresConfirmation\":true,\"validators\":[\"reset-requires-confirmation\",\"reset-calls-provider-reset\",\"reset-event-emitted\",\"settings-panel-round-trip\"],\"affectedPaths\":[\"provider.reset\",\"ref.reset$\",\"panel.lastSavedAt\"],\"submissionImpact\":\"config-only\",\"preconditions\":[\"settings-value-provider-attached\",\"confirmation-collected\"]},{\"operationId\":\"editor.host.configure\",\"title\":\"Configure hosted editor\",\"scope\":\"templating\",\"targetKind\":\"editorHost\",\"target\":{\"kind\":\"editorHost\",\"resolver\":\"settings-panel-editor-host\",\"ambiguityPolicy\":\"fail\",\"required\":true},\"inputSchema\":{\"type\":\"object\",\"required\":[\"componentId\"],\"properties\":{\"componentId\":{\"type\":\"string\"},\"inputs\":{\"type\":\"object\"},\"configManifestComponentId\":{\"type\":\"string\"},\"editorContract\":{\"enum\":[\"SettingsValueProvider\"]}}},\"effects\":[{\"kind\":\"compile-domain-patch\",\"handler\":\"settings-panel-editor-host-configure\",\"handlerContract\":{\"reads\":[\"ComponentMetadataRegistry\",\"SettingsPanelConfig.content\",\"SettingsValueProvider\",\"component.authoringManifest\"],\"writes\":[\"config.content.component\",\"config.content.inputs\",\"delegatedConsumerPatch\"],\"identityKeys\":[\"componentId\",\"configManifestComponentId\"],\"inputSchema\":{\"type\":\"object\",\"required\":[\"componentId\"],\"properties\":{\"componentId\":{\"type\":\"string\"},\"inputs\":{\"type\":\"object\"},\"configManifestComponentId\":{\"type\":\"string\"},\"editorContract\":{\"enum\":[\"SettingsValueProvider\"]}}},\"failureModes\":[\"editor-component-not-registered\",\"settings-value-provider-missing\",\"consumer-manifest-required\",\"consumer-config-boundary-violation\"],\"description\":\"Configures the hosted editor component and input envelope while delegating consumer-specific config edits to the owning component manifest.\"}}],\"validators\":[\"editor-component-registered\",\"settings-value-provider-contract-present\",\"consumer-config-delegated\",\"editor-inputs-serializable\"],\"affectedPaths\":[\"config.content.component\",\"config.content.inputs\",\"delegatedConsumerPatch\"],\"submissionImpact\":\"config-only\",\"destructive\":false,\"requiresConfirmation\":false,\"preconditions\":[\"component-metadata-resolved\"]},{\"operationId\":\"diagnostics.visibility.set\",\"title\":\"Set panel diagnostics visibility\",\"scope\":\"interaction\",\"targetKind\":\"diagnostics\",\"target\":{\"kind\":\"diagnostics\",\"resolver\":\"settings-panel-state-diagnostics\",\"ambiguityPolicy\":\"fail\",\"required\":false},\"inputSchema\":{\"type\":\"object\",\"minProperties\":1,\"properties\":{\"showStatusMessage\":{\"type\":\"boolean\"},\"showDisabledReason\":{\"type\":\"boolean\"},\"showBusyState\":{\"type\":\"boolean\"},\"exposeValidationState\":{\"type\":\"boolean\"}}},\"effects\":[{\"kind\":\"merge-object\",\"path\":\"config.diagnostics\"}],\"validators\":[\"diagnostics-follow-provider-state\",\"diagnostics-i18n-compatible\",\"busy-valid-dirty-visible-when-needed\",\"settings-panel-round-trip\"],\"affectedPaths\":[\"config.diagnostics.showStatusMessage\",\"config.diagnostics.showDisabledReason\",\"config.diagnostics.showBusyState\",\"config.diagnostics.exposeValidationState\",\"panel.statusMessage\",\"panel.disabledReason\",\"panel.isDirty\",\"panel.isValid\",\"panel.isBusy\"],\"submissionImpact\":\"visual-only\",\"destructive\":false,\"requiresConfirmation\":false,\"preconditions\":[\"settings-value-provider-attached\"]}]}",
           "sourcePointer": "projects/praxis-settings-panel/src/lib/ai/praxis-settings-panel-authoring-manifest.ts",
-          "contentHash": "c534b9d1ec8ec9a74f58304927418eedcaa4c3391e45cfd547e54fdbf8e70211",
+          "contentHash": "f241c2fdcbb24c343dd55e42191c1edfd147dceff22135635d4321a07027e133",
           "sourceKind": "component_definition",
           "sourceId": "praxis-settings-panel",
           "corpusVersion": "1.0.0"
         },
         {
-          "chunkIndex": 7,
+          "chunkIndex": 15,
           "chunkKind": "authoring_manifest",
           "content": "{\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-settings-panel\",\"ownerPackage\":\"@praxisui/settings-panel\",\"configSchemaId\":\"SettingsPanelConfig\",\"chunkSection\":\"validators\",\"validators\":[{\"validatorId\":\"panel-id-stable\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_ID_STABLE\",\"description\":\"Panel id must remain stable for replacement, persistence and diagnostics.\"},{\"validatorId\":\"replacement-mediates-before-close\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_REPLACEMENT_MEDIATES_CLOSE\",\"description\":\"Opening a replacement panel must consult the current editor onBeforeClose before closing.\"},{\"validatorId\":\"title-i18n-compatible\",\"level\":\"warning\",\"code\":\"SETTINGS_PANEL_TITLE_I18N_COMPATIBLE\",\"description\":\"Authoring chrome text must remain compatible with the settings panel i18n namespace.\"},{\"validatorId\":\"panel-size-safe\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_SIZE_SAFE\",\"description\":\"Panel sizes must be finite numbers or safe CSS size strings.\"},{\"validatorId\":\"panel-min-max-consistent\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_MIN_MAX_CONSISTENT\",\"description\":\"Minimum width must not exceed maximum width.\"},{\"validatorId\":\"resize-persistence-explicit\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_RESIZE_PERSISTENCE_EXPLICIT\",\"description\":\"Persisted resize must use a stable persistSizeKey or be explicitly transient.\"},{\"validatorId\":\"apply-requires-provider-value\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_APPLY_REQUIRES_PROVIDER_VALUE\",\"description\":\"Apply must obtain payloads from SettingsValueProvider.getSettingsValue().\"},{\"validatorId\":\"apply-does-not-close-panel\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_APPLY_DOES_NOT_CLOSE\",\"description\":\"Apply emits preview payloads without closing the panel.\"},{\"validatorId\":\"dirty-valid-busy-gates-preserved\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_STATE_GATES_PRESERVED\",\"description\":\"Apply and Save remain gated by dirty, valid and busy state.\"},{\"validatorId\":\"save-prefers-provider-hook\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_SAVE_PREFERS_PROVIDER_HOOK\",\"description\":\"Save must call onSave when provided before falling back to getSettingsValue().\"},{\"validatorId\":\"save-fallback-value-preserved\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_SAVE_FALLBACK_PRESERVED\",\"description\":\"Save fallback must preserve getSettingsValue payload semantics.\"},{\"validatorId\":\"save-closes-with-save-reason\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_SAVE_CLOSE_REASON\",\"description\":\"Successful save must emit saved$ and close with reason save.\"},{\"validatorId\":\"reset-requires-confirmation\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_RESET_REQUIRES_CONFIRMATION\",\"description\":\"Reset is destructive and must remain confirmed before provider reset is called.\"},{\"validatorId\":\"reset-calls-provider-reset\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_RESET_CALLS_PROVIDER\",\"description\":\"Reset must call the hosted provider reset hook when present.\"},{\"validatorId\":\"reset-event-emitted\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_RESET_EVENT_EMITTED\",\"description\":\"Reset must emit SettingsPanelRef.reset$ so hosts can coordinate state.\"},{\"validatorId\":\"editor-component-registered\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_EDITOR_REGISTERED\",\"description\":\"Hosted editor component must resolve from governed component metadata or host registration.\"},{\"validatorId\":\"settings-value-provider-contract-present\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_PROVIDER_CONTRACT_PRESENT\",\"description\":\"Hosted authoring editors must implement SettingsValueProvider state and value contract.\"},{\"validatorId\":\"consumer-config-delegated\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_CONSUMER_CONFIG_DELEGATED\",\"description\":\"Consumer-specific config operations must delegate to the owning component manifest.\"},{\"validatorId\":\"editor-inputs-serializable\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_EDITOR_INPUTS_SERIALIZABLE\",\"description\":\"Persisted editor host inputs must be serializable safe values.\"},{\"validatorId\":\"diagnostics-follow-provider-state\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_DIAGNOSTICS_PROVIDER_STATE\",\"description\":\"Diagnostics must reflect provider dirty, valid and busy state.\"},{\"validatorId\":\"diagnostics-i18n-compatible\",\"level\":\"warning\",\"code\":\"SETTINGS_PANEL_DIAGNOSTICS_I18N_COMPATIBLE\",\"description\":\"Diagnostics copy must use the settings panel i18n namespace.\"},{\"validatorId\":\"busy-valid-dirty-visible-when-needed\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_STATE_VISIBLE\",\"description\":\"Busy, invalid and dirty states must remain visible or explain disabled actions.\"},{\"validatorId\":\"settings-panel-round-trip\",\"level\":\"error\",\"code\":\"SETTINGS_PANEL_ROUND_TRIP\",\"description\":\"Open, edit, apply, save, reset and reopen must preserve the shell protocol without mutating consumer config semantics.\"}]}",
           "sourcePointer": "projects/praxis-settings-panel/src/lib/ai/praxis-settings-panel-authoring-manifest.ts",
@@ -1169,7 +1365,7 @@
           "corpusVersion": "1.0.0"
         },
         {
-          "chunkIndex": 8,
+          "chunkIndex": 16,
           "chunkKind": "authoring_manifest",
           "content": "{\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-settings-panel\",\"ownerPackage\":\"@praxisui/settings-panel\",\"configSchemaId\":\"SettingsPanelConfig\",\"chunkSection\":\"roundTripRequirements\",\"roundTripRequirements\":[\"SettingsPanelConfig owns only shell fields: identity, title, size, resize persistence and hosted editor envelope.\",\"SettingsValueProvider owns apply/save/reset payload extraction, while consumer config semantics stay delegated to the owning component manifest.\",\"Apply must emit applied$ without closing; Save must emit saved$ and close with reason save; Reset must be confirmed and emit reset$.\",\"Busy, dirty and valid state must gate Apply and Save consistently and remain visible through diagnostics.\",\"Opening a replacement panel must pass through the current editor onBeforeClose and dirty-discard mediation.\"]}",
           "sourcePointer": "projects/praxis-settings-panel/src/lib/ai/praxis-settings-panel-authoring-manifest.ts",
@@ -1179,7 +1375,7 @@
           "corpusVersion": "1.0.0"
         },
         {
-          "chunkIndex": 9,
+          "chunkIndex": 17,
           "chunkKind": "authoring_manifest",
           "content": "{\"schemaVersion\":\"1.0.0\",\"manifestVersion\":\"1.0.0\",\"componentId\":\"praxis-settings-panel\",\"ownerPackage\":\"@praxisui/settings-panel\",\"configSchemaId\":\"SettingsPanelConfig\",\"chunkSection\":\"examples\",\"examples\":[{\"id\":\"open-component-editor\",\"request\":\"Open the table settings editor in the settings panel.\",\"operationId\":\"editor.host.configure\",\"params\":{\"componentId\":\"praxis-table\",\"inputs\":{\"tableId\":\"orders\"},\"configManifestComponentId\":\"praxis-table\",\"editorContract\":\"SettingsValueProvider\"},\"isPositive\":true},{\"id\":\"start-expanded\",\"request\":\"Open this settings panel expanded.\",\"operationId\":\"panel.openMode.set\",\"params\":{\"expanded\":true},\"isPositive\":true},{\"id\":\"set-resizable-width\",\"request\":\"Make the settings drawer resizable between 420px and 960px.\",\"operationId\":\"panel.size.set\",\"params\":{\"resizable\":true,\"minWidth\":\"420px\",\"maxWidth\":\"960px\",\"persistSizeKey\":\"settings-panel:orders\"},\"isPositive\":true},{\"id\":\"apply-preview\",\"request\":\"Apply the editor change without saving or closing.\",\"operationId\":\"panel.applyBehavior.set\",\"params\":{\"requireDirty\":true,\"requireValid\":true,\"blockWhileBusy\":true},\"isPositive\":true},{\"id\":\"save-and-close\",\"request\":\"Save this editor value and close the panel.\",\"operationId\":\"panel.saveBehavior.set\",\"params\":{\"requireDirty\":true,\"requireValid\":true,\"blockWhileBusy\":true,\"useProviderHook\":true,\"closeAfterSave\":true},\"isPositive\":true},{\"id\":\"reset-to-original\",\"request\":\"Reset this editor to its original value.\",\"operationId\":\"panel.resetBehavior.set\",\"params\":{\"requireConfirmation\":true,\"callProviderReset\":true,\"emitResetEvent\":true},\"isPositive\":true},{\"id\":\"show-busy-diagnostics\",\"request\":\"Show why Apply and Save are disabled while the editor is busy.\",\"operationId\":\"diagnostics.visibility.set\",\"params\":{\"showStatusMessage\":true,\"showDisabledReason\":true,\"showBusyState\":true},\"isPositive\":true},{\"id\":\"reject-table-column-direct-edit\",\"request\":\"Use settings-panel to rename a table column directly.\",\"operationId\":\"editor.host.configure\",\"params\":{\"componentId\":\"praxis-settings-panel\",\"inputs\":{\"columns\":[{\"field\":\"name\",\"label\":\"Name\"}]}},\"isPositive\":false},{\"id\":\"reject-missing-provider\",\"request\":\"Host a component that has no dirty, valid, busy or getSettingsValue contract.\",\"operationId\":\"editor.host.configure\",\"params\":{\"componentId\":\"plain-info-card\"},\"isPositive\":false},{\"id\":\"reject-reset-without-confirmation\",\"request\":\"Reset the editor immediately without confirmation.\",\"operationId\":\"panel.resetBehavior.set\",\"params\":{\"requireConfirmation\":false,\"callProviderReset\":true},\"isPositive\":false}]}",
           "sourcePointer": "projects/praxis-settings-panel/src/lib/ai/praxis-settings-panel-authoring-manifest.ts",
@@ -1189,7 +1385,7 @@
           "corpusVersion": "1.0.0"
         },
         {
-          "chunkIndex": 10,
+          "chunkIndex": 18,
           "chunkKind": "context_pack",
           "content": "{\"componentContext\":{\"version\":\"v1\",\"optionsByPath\":{},\"actionCatalog\":[{\"id\":\"title.set\",\"intentExamples\":[\"title\",\"titulo\",\"rename panel\"],\"patchTemplate\":{\"title\":\"{{value}}\"}},{\"id\":\"titleIcon.set\",\"intentExamples\":[\"icon\",\"titulo icon\",\"panel icon\"],\"patchTemplate\":{\"titleIcon\":\"{{value}}\"}},{\"id\":\"expanded.enable\",\"intentExamples\":[\"expand panel\",\"open panel\"],\"patchTemplate\":{\"expanded\":true}},{\"id\":\"expanded.disable\",\"intentExamples\":[\"collapse panel\",\"close panel\"],\"patchTemplate\":{\"expanded\":false}}],\"fieldResolvers\":{},\"hints\":[\"content.component is provided by the host; avoid patching it dynamically.\",\"Use expanded to control default open state.\"]}}",
           "sourcePointer": "projects/praxis-settings-panel/src/lib/ai/settings-panel-context-pack.ts",
@@ -1199,7 +1395,7 @@
           "corpusVersion": "1.0.0"
         },
         {
-          "chunkIndex": 11,
+          "chunkIndex": 19,
           "chunkKind": "recipe",
           "content": "{\"_comment\":\"Receita para o Painel de Configurações (Settings Panel).\",\"templateMeta\":{\"registryKey\":\"praxis-settings-panel\",\"variantId\":\"base\",\"useWhen\":\"Base settings panel configuration.\",\"examplePrompts\":[\"configure settings panel sections\",\"set settings panel titles and icons\"]},\"config\":{\"saveMode\":\"auto\",\"i18n\":{\"title\":\"Configurações do Sistema\",\"saveSuccess\":\"Salvo com sucesso!\"},\"validation\":{\"mode\":\"blur\"},\"sections\":[{\"id\":\"general\",\"title\":\"Geral\",\"icon\":\"tune\",\"permissions\":[\"admin\",\"manager\"],\"fields\":[{\"key\":\"appName\",\"type\":\"text\",\"label\":\"Nome da Aplicação\",\"required\":true},{\"key\":\"theme\",\"type\":\"select\",\"label\":\"Tema\",\"options\":[\"Light\",\"Dark\"]}]},{\"id\":\"notifications\",\"title\":\"Notificações\",\"icon\":\"notifications\",\"fields\":[{\"key\":\"emailAlerts\",\"type\":\"toggle\",\"label\":\"Alertas por E-mail\",\"default\":true},{\"key\":\"smsAlerts\",\"type\":\"toggle\",\"label\":\"Alertas por SMS\"}]}],\"overrides\":{\"tenant-abc\":{\"defaults\":{\"theme\":\"Dark\"}}}}}",
           "sourcePointer": "examples/ai-recipes/praxis-settings-panel.json",

package/fesm2022/praxisui-settings-panel.mjs

@@ -7,23 +7,23 @@ import * as i4 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i1 from '@angular/material/dialog';
 import { MatDialogModule } from '@angular/material/dialog';
-import * as i4$1 from '@angular/material/icon';
+import * as i3 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i7 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import * as i5 from '@angular/material/tooltip';
+import * as i4$1 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { filter, switchMap, debounceTime, distinctUntilChanged } from 'rxjs/operators';
 import { isObservable, firstValueFrom, of, from, Subject, ReplaySubject, take, BehaviorSubject } from 'rxjs';
 import * as i1$2 from '@praxisui/core';
-import { providePraxisI18n, PraxisI18nService, PraxisIconDirective, SETTINGS_PANEL_DATA as SETTINGS_PANEL_DATA$1, PraxisLayerScaleStyleService, SETTINGS_PANEL_BRIDGE, SURFACE_DRAWER_BRIDGE, GlobalConfigService, FieldControlType, IconPickerService, LoggerService, ComponentMetadataRegistry } from '@praxisui/core';
+import { providePraxisI18n, PraxisI18nService, PraxisIconButtonComponent, PraxisIconDirective, SETTINGS_PANEL_DATA as SETTINGS_PANEL_DATA$1, PraxisLayerScaleStyleService, SETTINGS_PANEL_BRIDGE, SURFACE_DRAWER_BRIDGE, GlobalConfigService, FieldControlType, IconPickerService, LoggerService, ComponentMetadataRegistry } from '@praxisui/core';
 import { ConfirmDialogComponent } from '@praxisui/dynamic-fields';
 import * as i1$1 from '@angular/cdk/overlay';
 import { ComponentPortal } from '@angular/cdk/portal';
 import * as i2$1 from '@angular/material/snack-bar';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
-import * as i3 from '@angular/material/expansion';
+import * as i3$1 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
 import * as i8 from '@angular/material/chips';
 import { MatChipsModule } from '@angular/material/chips';
@@ -988,7 +988,7 @@ class SettingsPanelComponent {
             .afterClosed();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SettingsPanelComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.MatDialog }, { token: i0.ElementRef }, { token: i1$1.OverlayContainer }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: SettingsPanelComponent, isStandalone: true, selector: "praxis-settings-panel", host: { listeners: { "document:keydown": "handleKeydown($event)", "document:pointermove": "onDocumentPointerMove($event)", "document:pointerup": "onDocumentPointerEnd($event)", "document:pointercancel": "onDocumentPointerEnd($event)" } }, providers: [providePraxisSettingsPanelI18n()], viewQueries: [{ propertyName: "contentHost", first: true, predicate: ["contentHost"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n  class=\"settings-panel\"\n  data-testid=\"settings-panel-root\"\n  [class.expanded]=\"expanded\"\n  [class.is-resizable]=\"showResizeHandle\"\n  [ngStyle]=\"panelInlineStyles\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  [attr.aria-labelledby]=\"titleId\"\n  cdkTrapFocus\n  cdkTrapFocusAutoCapture\n  >\n  @if (showResizeHandle) {\n    <div\n      class=\"settings-panel__resize-handle\"\n      role=\"separator\"\n      tabindex=\"0\"\n      aria-orientation=\"vertical\"\n      [attr.aria-label]=\"resizeHandleLabel\"\n      (pointerdown)=\"onResizeHandlePointerDown($event)\"\n      (keydown)=\"onResizeHandleKeydown($event)\"\n    ></div>\n  }\n  <header class=\"settings-panel-header\">\n    <h2 class=\"settings-panel-title\" [id]=\"titleId\">\n      @if (titleIcon) {\n        <mat-icon class=\"title-icon\" [praxisIcon]=\"titleIcon\"></mat-icon>\n      }\n      <span>{{ title }}</span>\n    </h2>\n    <span class=\"spacer\"></span>\n    <button\n      mat-icon-button\n      type=\"button\"\n      data-testid=\"settings-panel-toggle-expand\"\n      [attr.aria-label]=\"expanded ? tx('Collapse panel') : tx('Expand panel')\"\n      [attr.aria-expanded]=\"expanded\"\n      [matTooltip]=\"expanded ? tx('Collapse panel') : tx('Expand panel')\"\n      (click)=\"toggleExpand()\"\n      >\n      <mat-icon [praxisIcon]=\"expanded ? 'close_fullscreen' : 'open_in_full'\"></mat-icon>\n    </button>\n    <button\n      mat-icon-button\n      type=\"button\"\n      data-testid=\"settings-panel-close-icon\"\n      [attr.aria-label]=\"tx('Close')\"\n      [matTooltip]=\"tx('Close')\"\n      (click)=\"onCancel()\"\n      >\n      <mat-icon [praxisIcon]=\"'close'\"></mat-icon>\n    </button>\n  </header>\n  @if (showStatusMessage) {\n    <div\n      class=\"settings-panel-status\"\n      [attr.data-status]=\"statusTone\"\n      role=\"status\"\n      aria-live=\"polite\"\n      >\n      <mat-icon\n        aria-hidden=\"true\"\n        [praxisIcon]=\"\n          statusTone === 'dirty' || statusTone === 'invalid'\n            ? 'warning'\n            : statusTone === 'saved'\n              ? 'check_circle'\n              : statusTone === 'busy'\n                ? 'autorenew'\n                : 'info'\n        \"\n      ></mat-icon>\n      <span>{{ statusMessage }}</span>\n    </div>\n  }\n  <div class=\"settings-panel-body\">\n    <ng-template #contentHost></ng-template>\n  </div>\n  <footer class=\"settings-panel-footer\">\n    <button\n      mat-button\n      type=\"button\"\n      data-testid=\"settings-panel-reset\"\n      (mousedown)=\"$event.stopPropagation()\"\n      (click)=\"$event.stopPropagation(); onReset()\"\n      [disabled]=\"isBusy\"\n      >\n      <mat-icon aria-hidden=\"true\" [praxisIcon]=\"'restart_alt'\"></mat-icon>\n      <span>{{ tx('Reset') }}</span>\n    </button>\n    <span class=\"spacer\"></span>\n    <button\n      mat-button\n      type=\"button\"\n      data-testid=\"settings-panel-cancel\"\n      (mousedown)=\"$event.stopPropagation()\"\n      (click)=\"$event.stopPropagation(); onCancel()\"\n      [disabled]=\"isBusy\"\n      >\n      <mat-icon aria-hidden=\"true\" [praxisIcon]=\"'close'\"></mat-icon>\n      <span>{{ tx('Cancel') }}</span>\n    </button>\n    <button\n      mat-stroked-button\n      type=\"button\"\n      data-testid=\"settings-panel-apply\"\n      (mousedown)=\"$event.stopPropagation()\"\n      (click)=\"$event.stopPropagation(); onApply()\"\n      [disabled]=\"!canApply\"\n      [matTooltip]=\"applySaveDisabledReason\"\n      [matTooltipDisabled]=\"canApply || !diagnostics.showDisabledReason\"\n      [attr.aria-busy]=\"isBusy\"\n      [attr.aria-label]=\"applyActionLabel || 'Apply'\"\n      >\n      @if (showBusyIndicator) {\n        <mat-progress-spinner\n          mode=\"indeterminate\"\n          diameter=\"20\"\n        ></mat-progress-spinner>\n      }\n      @if (!showBusyIndicator) {\n        <mat-icon aria-hidden=\"true\" [praxisIcon]=\"'done'\">done</mat-icon>\n        <span class=\"settings-panel-action-label settings-panel-action-label--apply\">{{ applyActionLabel }}</span>\n      }\n    </button>\n    <button\n      mat-flat-button\n      color=\"primary\"\n      type=\"button\"\n      data-testid=\"settings-panel-save\"\n      (mousedown)=\"$event.stopPropagation()\"\n      (click)=\"$event.stopPropagation(); onSave()\"\n      [disabled]=\"!canSave\"\n      [matTooltip]=\"applySaveDisabledReason\"\n      [matTooltipDisabled]=\"canSave || !diagnostics.showDisabledReason\"\n      [attr.aria-busy]=\"isBusy\"\n      [attr.aria-label]=\"saveActionLabel || 'Save & Close'\"\n      >\n      @if (showBusyIndicator) {\n        <mat-progress-spinner\n          mode=\"indeterminate\"\n          diameter=\"20\"\n        ></mat-progress-spinner>\n      }\n      @if (!showBusyIndicator) {\n        <mat-icon aria-hidden=\"true\" [praxisIcon]=\"'save'\">save</mat-icon>\n        <span class=\"settings-panel-action-label settings-panel-action-label--save\">{{ saveActionLabel }}</span>\n      }\n    </button>\n  </footer>\n</div>\n", styles: ["@charset \"UTF-8\";praxis-settings-panel{display:block;height:100%;width:100%;min-width:0;flex:1 1 auto}praxis-settings-panel .settings-panel{position:relative;--pfx-settings-panel-surface-container: var( --md-sys-color-surface-container, #ffffff );--pfx-settings-panel-surface-container-high: var( --md-sys-color-surface-container-high, #f7f7f7 );--pfx-settings-panel-surface-container-low: var( --md-sys-color-surface-container-low, #f2f4f7 );--pfx-settings-panel-surface: var(--md-sys-color-surface, #ffffff);--pfx-settings-panel-on-surface: var(--md-sys-color-on-surface, #111827);--pfx-settings-panel-on-surface-variant: var( --md-sys-color-on-surface-variant, rgba(17, 24, 39, .72) );--pfx-settings-panel-outline: var( --md-sys-color-outline, rgba(15, 23, 42, .24) );--pfx-settings-panel-outline-variant: var( --md-sys-color-outline-variant, rgba(15, 23, 42, .12) );--pfx-settings-panel-primary: var(--md-sys-color-primary, #2563eb);--pfx-settings-panel-primary-container: var( --md-sys-color-primary-container, rgba(37, 99, 235, .14) );--pfx-settings-panel-on-primary-container: var( --md-sys-color-on-primary-container, #0f172a );--pfx-settings-panel-secondary: var( --md-sys-color-secondary, var(--pfx-settings-panel-primary) );--pfx-settings-panel-error: var(--md-sys-color-error, #b3261e);--pfx-settings-panel-error-container: var( --md-sys-color-error-container, rgba(179, 38, 30, .14) );display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto;grid-template-areas:\"header\" \"status\" \"body\" \"footer\";height:100%;max-width:100%;background:var(--pfx-settings-panel-surface-container);color:var(--pfx-settings-panel-on-surface);border-left:1px solid var(--pfx-settings-panel-outline-variant);width:var(--pfx-settings-panel-width, 720px);max-width:100vw;min-width:0;transition:width .3s ease;box-shadow:var(--pfx-settings-panel-elevation, var(--md-sys-elevation-level2, 0 8px 24px rgba(0, 0, 0, .16)));overflow:hidden}praxis-settings-panel .settings-panel.expanded{width:min(var(--pfx-settings-panel-width-expanded, 95vw),var(--pfx-settings-panel-max-width, 2400px))}praxis-settings-panel .settings-panel__resize-handle{position:absolute;inset:0 auto 0 0;width:12px;cursor:col-resize;touch-action:none;z-index:3;outline:none}praxis-settings-panel .settings-panel__resize-handle:before{content:\"\";position:absolute;inset:0 auto 0 4px;width:2px;background:transparent;transition:background-color var(--pfx-side-panel-motion-duration, .16s) ease,opacity var(--pfx-side-panel-motion-duration, .16s) ease;opacity:0}praxis-settings-panel .settings-panel.is-resizable:hover .settings-panel__resize-handle:before,praxis-settings-panel .settings-panel__resize-handle:focus-visible:before{opacity:1;background:var(--pfx-settings-panel-outline)}praxis-settings-panel .settings-panel-header{grid-area:header;display:flex;align-items:center;gap:var(--pfx-settings-panel-header-gap, 8px);padding:10px var(--pfx-settings-panel-header-padding-x, 16px);min-height:var(--pfx-settings-panel-header-height, 64px);border-bottom:1px solid var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-high);box-shadow:var(--pfx-settings-panel-header-shadow, var(--md-sys-elevation-level1, 0 2px 6px rgba(0, 0, 0, .08)));flex-shrink:0;min-width:0;max-width:100%}praxis-settings-panel .settings-panel-header .spacer{flex:1 1 auto;min-width:0}praxis-settings-panel .settings-panel-status{grid-area:status;display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 16px;border-bottom:1px solid var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-high);color:var(--pfx-settings-panel-on-surface);font-size:.85rem;font-weight:500;min-width:0;max-width:100%}praxis-settings-panel .settings-panel-status mat-icon{width:18px;height:18px;font-size:18px}praxis-settings-panel .settings-panel-status[data-status=dirty],praxis-settings-panel .settings-panel-status[data-status=invalid]{color:var(--pfx-settings-panel-error);background:color-mix(in srgb,var(--pfx-settings-panel-error-container) 30%,var(--pfx-settings-panel-surface-container-high))}praxis-settings-panel .settings-panel-status[data-status=saved]{color:var(--pfx-settings-panel-primary);background:color-mix(in srgb,var(--pfx-settings-panel-primary-container) 28%,var(--pfx-settings-panel-surface-container-high))}praxis-settings-panel .settings-panel-body{grid-area:body;overflow-y:auto;overflow-x:hidden;scroll-padding-top:var(--pfx-settings-panel-scroll-padding-start, 16px);scroll-padding-bottom:var(--pfx-settings-panel-scroll-padding-end, 88px);min-height:0;padding:var(--pfx-settings-panel-body-padding, 8px 8px 24px 8px);background:var(--pfx-settings-panel-surface);display:flex;flex-direction:column;min-width:0;max-width:100%}praxis-settings-panel .settings-panel-body>*{min-width:0;max-width:100%}praxis-settings-panel .settings-panel-content{display:block;min-width:0;max-width:100%}praxis-settings-panel .settings-panel-content>*{min-width:0;max-width:100%;box-sizing:border-box}praxis-settings-panel .settings-panel-footer{grid-area:footer;border-top:1px solid var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-high);box-shadow:var(--pfx-settings-panel-footer-shadow, var(--md-sys-elevation-level1, 0 -2px 6px rgba(0, 0, 0, .08)));display:flex;align-items:center;flex-wrap:wrap;padding:var(--pfx-settings-panel-footer-padding, 12px 16px);column-gap:var(--pfx-settings-panel-footer-gap, 12px);row-gap:8px;flex-shrink:0;min-width:0;max-width:100%}praxis-settings-panel .spacer{flex:1}praxis-settings-panel .settings-panel-title{display:inline-flex;align-items:center;flex:1 1 auto;gap:var(--pfx-settings-panel-title-gap, 8px);font-weight:700;line-height:1.2;letter-spacing:.2px;margin:0;min-width:0;overflow:visible;white-space:normal}praxis-settings-panel .settings-panel-title span{min-width:0;overflow:visible;white-space:normal}praxis-settings-panel .settings-panel-title mat-icon{color:var(--pfx-settings-panel-primary)}praxis-settings-panel .settings-panel-title .title-icon{width:20px;height:20px;font-size:20px}praxis-settings-panel .settings-panel-footer button+button{margin-left:var(--pfx-settings-panel-footer-gap, 12px)}praxis-settings-panel .settings-panel-footer button{display:inline-flex;align-items:center}praxis-settings-panel .settings-panel-footer button .mat-icon{font-size:20px;width:20px;height:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}praxis-settings-panel .settings-panel-footer .mat-button-wrapper{display:inline-flex;align-items:center;gap:var(--pfx-settings-panel-button-gap, 8px)}praxis-settings-panel .settings-panel-footer .mat-progress-spinner{margin-right:8px}praxis-settings-panel .settings-panel-footer .mat-flat-button[color=primary]{font-weight:600}praxis-settings-panel .settings-panel .mdc-button__label{display:inline-flex;align-items:center;gap:var(--pfx-settings-panel-button-gap, 8px);line-height:1}praxis-settings-panel .settings-panel .mdc-button__label>span{display:inline-flex;align-items:center;line-height:1}praxis-settings-panel .settings-panel-action-label--apply:empty:after{content:\"Apply\"}praxis-settings-panel .settings-panel-action-label--save:empty:after{content:\"Save & Close\"}praxis-settings-panel .settings-panel .mdc-button__label .mat-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}@media(max-width:520px){praxis-settings-panel .settings-panel-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}praxis-settings-panel .settings-panel-footer .spacer{display:none}praxis-settings-panel .settings-panel-footer button{justify-content:center;width:100%;min-width:0}praxis-settings-panel .settings-panel-footer button+button{margin-left:0}}praxis-settings-panel .settings-panel .mat-divider{background-color:var(--pfx-settings-panel-outline-variant)!important}praxis-settings-panel .settings-panel .mat-expansion-panel{background:var(--pfx-settings-panel-surface-container)!important;border:1px solid var(--pfx-settings-panel-outline-variant);border-radius:var(--md-sys-shape-corner-medium, 12px);box-shadow:var(--md-sys-elevation-level1, 0 2px 8px rgba(0, 0, 0, .08));color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-expansion-panel-header{background:var(--pfx-settings-panel-surface-container)!important;color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-content{color:var(--pfx-settings-panel-on-surface);flex-wrap:wrap;gap:4px 12px;min-width:0;overflow:visible}praxis-settings-panel .settings-panel .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover{background:color-mix(in srgb,var(--pfx-settings-panel-surface-container-high) 84%,var(--pfx-settings-panel-primary) 16%)}praxis-settings-panel .settings-panel .mat-expansion-panel.mat-expanded>.mat-expansion-panel-header{background:var(--pfx-settings-panel-surface-container-high)!important}praxis-settings-panel .settings-panel .mat-expansion-panel-header mat-icon,praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-icon{color:var(--pfx-settings-panel-on-surface)!important}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-title,praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-description{color:var(--pfx-settings-panel-on-surface);min-width:0;overflow:visible;white-space:normal}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-description{color:var(--pfx-settings-panel-on-surface-variant);flex-wrap:wrap;gap:8px}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-title>*,praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-description>*{color:inherit}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-title small,praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-description small{color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-indicator,praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-indicator:after{color:var(--pfx-settings-panel-on-surface-variant);border-color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-expansion-panel .mat-action-row{border-top-color:var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-low)}praxis-settings-panel .settings-panel .mat-accordion,praxis-settings-panel .settings-panel .mat-accordion .mat-expansion-panel-spacing{background:transparent!important}praxis-settings-panel .settings-panel .mat-expansion-panel-content,praxis-settings-panel .settings-panel .mat-expansion-panel-content-wrapper,praxis-settings-panel .settings-panel .mat-expansion-panel-body{background:var(--pfx-settings-panel-surface-container)!important;color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-expansion-panel .mat-expansion-panel-body{padding:8px}praxis-settings-panel .settings-panel .mat-expansion-panel .mat-expansion-panel-body>*{color:inherit}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mat-mdc-tab-header{border-bottom:1px solid var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-low)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab{min-width:0}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab .mdc-tab__text-label{color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab:hover .mdc-tab__text-label,praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab:focus .mdc-tab__text-label{color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab.mdc-tab--active .mdc-tab__text-label{color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mat-mdc-tab-header-pagination{color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mat-mdc-tab-header-pagination-chevron{border-color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mat-mdc-tab-header-pagination:not(.mat-mdc-tab-header-pagination-disabled):hover{background:color-mix(in srgb,var(--pfx-settings-panel-surface-container-high) 84%,var(--pfx-settings-panel-primary) 16%)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab-indicator__content--underline{border-color:var(--pfx-settings-panel-primary)}praxis-settings-panel .settings-panel .mat-mdc-card{background:var(--pfx-settings-panel-surface-container-low);border:1px solid var(--pfx-settings-panel-outline-variant);color:var(--pfx-settings-panel-on-surface);box-shadow:var(--md-sys-elevation-level1, 0 2px 8px rgba(0, 0, 0, .08))}praxis-settings-panel .settings-panel .mat-mdc-card-subtitle,praxis-settings-panel .settings-panel .mat-mdc-card-content{color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-mdc-card-title{color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-mdc-form-field{width:100%;--mdc-filled-text-field-container-color: var( --pfx-settings-panel-surface-container );--mdc-filled-text-field-hover-container-color: var( --pfx-settings-panel-surface-container-high );--mdc-filled-text-field-focus-container-color: var( --pfx-settings-panel-surface-container-high );--mdc-filled-text-field-active-indicator-color: var( --pfx-settings-panel-outline-variant );--mdc-filled-text-field-hover-active-indicator-color: var( --pfx-settings-panel-secondary );--mdc-filled-text-field-focus-active-indicator-color: var( --pfx-settings-panel-primary );--mdc-filled-text-field-label-text-color: var( --pfx-settings-panel-on-surface-variant );--mdc-filled-text-field-focus-label-text-color: var( --pfx-settings-panel-primary );--mdc-filled-text-field-input-text-color: var( --pfx-settings-panel-on-surface );--mdc-filled-text-field-caret-color: var(--pfx-settings-panel-primary);--mdc-outlined-text-field-outline-color: var( --pfx-settings-panel-outline-variant );--mdc-outlined-text-field-hover-outline-color: var( --pfx-settings-panel-secondary );--mdc-outlined-text-field-focus-outline-color: var( --pfx-settings-panel-primary );--mdc-outlined-text-field-label-text-color: var( --pfx-settings-panel-on-surface-variant );--mdc-outlined-text-field-focus-label-text-color: var( --pfx-settings-panel-primary );--mdc-outlined-text-field-input-text-color: var( --pfx-settings-panel-on-surface );--mdc-outlined-text-field-caret-color: var(--pfx-settings-panel-primary);--mat-form-field-focus-select-arrow-color: var( --pfx-settings-panel-primary );--mat-form-field-enabled-select-arrow-color: var( --pfx-settings-panel-on-surface-variant )}praxis-settings-panel .settings-panel .mdc-text-field--filled{background-color:var(--pfx-settings-panel-surface-container)!important;border-radius:var(--md-sys-shape-corner-small, 8px) var(--md-sys-shape-corner-small, 8px) 0 0}praxis-settings-panel .settings-panel .mat-mdc-text-field-wrapper,praxis-settings-panel .settings-panel .mat-mdc-form-field-flex,praxis-settings-panel .settings-panel .mat-mdc-form-field-infix,praxis-settings-panel .settings-panel .mat-mdc-form-field-focus-overlay{background:var(--pfx-settings-panel-surface-container)!important;color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-mdc-form-field-focus-overlay{opacity:0}praxis-settings-panel .settings-panel .mdc-text-field--filled .mdc-text-field__input,praxis-settings-panel .settings-panel .mdc-text-field--filled .mdc-floating-label,praxis-settings-panel .settings-panel .mat-mdc-select-value,praxis-settings-panel .settings-panel .mat-mdc-select-arrow,praxis-settings-panel .settings-panel .mat-mdc-form-field .mat-mdc-floating-label{color:var(--pfx-settings-panel-on-surface-variant)!important}praxis-settings-panel .settings-panel .mdc-text-field--filled.mdc-text-field--focused .mdc-floating-label,praxis-settings-panel .settings-panel .mdc-text-field--filled .mdc-text-field__input{color:var(--pfx-settings-panel-on-surface)!important}praxis-settings-panel .settings-panel .mat-mdc-form-field input,praxis-settings-panel .settings-panel .mat-mdc-form-field textarea,praxis-settings-panel .settings-panel .mat-mdc-form-field .mdc-text-field__input{color:var(--pfx-settings-panel-on-surface)!important}praxis-settings-panel .settings-panel .mat-mdc-form-field-subscript-wrapper,praxis-settings-panel .settings-panel .mat-mdc-form-field-hint-wrapper,praxis-settings-panel .settings-panel .mat-mdc-form-field-error-wrapper,praxis-settings-panel .settings-panel .mat-mdc-hint{color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-button-toggle-group{border-color:var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-low)}praxis-settings-panel .settings-panel .mat-button-toggle{background:var(--pfx-settings-panel-surface-container-low);color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-button-toggle+.mat-button-toggle{border-left-color:var(--pfx-settings-panel-outline-variant)}praxis-settings-panel .settings-panel .mat-button-toggle-checked{background:var(--pfx-settings-panel-primary-container)!important;color:var(--pfx-settings-panel-on-primary-container)!important}praxis-settings-panel .settings-panel .mat-button-toggle .mat-icon,praxis-settings-panel .settings-panel .mat-button-toggle-checked .mat-icon{color:inherit}praxis-settings-panel .settings-panel .mat-mdc-slide-toggle .mdc-label{color:var(--pfx-settings-panel-on-surface)}.settings-panel{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%}.settings-panel-body{overflow-x:hidden;min-width:0}.settings-panel-body>*{min-width:0;max-width:100%}.praxis-settings-panel-backdrop{background:var(--pfx-backdrop, rgba(8, 15, 26, .42));backdrop-filter:blur(var(--pfx-backdrop-blur, 6px)) saturate(110%);-webkit-backdrop-filter:blur(var(--pfx-backdrop-blur, 6px)) saturate(110%)}.praxis-settings-panel-pane{position:fixed!important;top:0!important;right:0!important;display:flex!important;align-items:stretch!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;z-index:var(--praxis-layer-settings-panel, 1220)!important}.praxis-settings-panel-pane .settings-panel{pointer-events:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatDialogModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: SettingsPanelComponent, isStandalone: true, selector: "praxis-settings-panel", host: { listeners: { "document:keydown": "handleKeydown($event)", "document:pointermove": "onDocumentPointerMove($event)", "document:pointerup": "onDocumentPointerEnd($event)", "document:pointercancel": "onDocumentPointerEnd($event)" } }, providers: [providePraxisSettingsPanelI18n()], viewQueries: [{ propertyName: "contentHost", first: true, predicate: ["contentHost"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n  class=\"settings-panel\"\n  data-testid=\"settings-panel-root\"\n  [class.expanded]=\"expanded\"\n  [class.is-resizable]=\"showResizeHandle\"\n  [ngStyle]=\"panelInlineStyles\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  [attr.aria-labelledby]=\"titleId\"\n  cdkTrapFocus\n  cdkTrapFocusAutoCapture\n  >\n  @if (showResizeHandle) {\n    <div\n      class=\"settings-panel__resize-handle\"\n      role=\"separator\"\n      tabindex=\"0\"\n      aria-orientation=\"vertical\"\n      [attr.aria-label]=\"resizeHandleLabel\"\n      (pointerdown)=\"onResizeHandlePointerDown($event)\"\n      (keydown)=\"onResizeHandleKeydown($event)\"\n    ></div>\n  }\n  <header class=\"settings-panel-header\">\n    <h2 class=\"settings-panel-title\" [id]=\"titleId\">\n      @if (titleIcon) {\n        <mat-icon class=\"title-icon\" [praxisIcon]=\"titleIcon\"></mat-icon>\n      }\n      <span>{{ title }}</span>\n    </h2>\n    <span class=\"spacer\"></span>\n    <button\n      [praxisIconButton]=\"expanded ? 'close_fullscreen' : 'open_in_full'\"\n      size=\"compact\"\n      type=\"button\"\n      data-testid=\"settings-panel-toggle-expand\"\n      [attr.aria-label]=\"expanded ? tx('Collapse panel') : tx('Expand panel')\"\n      [attr.aria-expanded]=\"expanded\"\n      [matTooltip]=\"expanded ? tx('Collapse panel') : tx('Expand panel')\"\n      (click)=\"toggleExpand()\"\n    ></button>\n    <button\n      praxisIconButton=\"close\"\n      size=\"compact\"\n      type=\"button\"\n      data-testid=\"settings-panel-close-icon\"\n      [attr.aria-label]=\"tx('Close')\"\n      [matTooltip]=\"tx('Close')\"\n      (click)=\"onCancel()\"\n    ></button>\n  </header>\n  @if (showStatusMessage) {\n    <div\n      class=\"settings-panel-status\"\n      [attr.data-status]=\"statusTone\"\n      role=\"status\"\n      aria-live=\"polite\"\n      >\n      <mat-icon\n        aria-hidden=\"true\"\n        [praxisIcon]=\"\n          statusTone === 'dirty' || statusTone === 'invalid'\n            ? 'warning'\n            : statusTone === 'saved'\n              ? 'check_circle'\n              : statusTone === 'busy'\n                ? 'autorenew'\n                : 'info'\n        \"\n      ></mat-icon>\n      <span>{{ statusMessage }}</span>\n    </div>\n  }\n  <div class=\"settings-panel-body\">\n    <ng-template #contentHost></ng-template>\n  </div>\n  <footer class=\"settings-panel-footer\">\n    <button\n      mat-button\n      type=\"button\"\n      data-testid=\"settings-panel-reset\"\n      (mousedown)=\"$event.stopPropagation()\"\n      (click)=\"$event.stopPropagation(); onReset()\"\n      [disabled]=\"isBusy\"\n      >\n      <mat-icon aria-hidden=\"true\" [praxisIcon]=\"'restart_alt'\"></mat-icon>\n      <span>{{ tx('Reset') }}</span>\n    </button>\n    <span class=\"spacer\"></span>\n    <button\n      mat-button\n      type=\"button\"\n      data-testid=\"settings-panel-cancel\"\n      (mousedown)=\"$event.stopPropagation()\"\n      (click)=\"$event.stopPropagation(); onCancel()\"\n      [disabled]=\"isBusy\"\n      >\n      <mat-icon aria-hidden=\"true\" [praxisIcon]=\"'close'\"></mat-icon>\n      <span>{{ tx('Cancel') }}</span>\n    </button>\n    <button\n      mat-stroked-button\n      type=\"button\"\n      data-testid=\"settings-panel-apply\"\n      (mousedown)=\"$event.stopPropagation()\"\n      (click)=\"$event.stopPropagation(); onApply()\"\n      [disabled]=\"!canApply\"\n      [matTooltip]=\"applySaveDisabledReason\"\n      [matTooltipDisabled]=\"canApply || !diagnostics.showDisabledReason\"\n      [attr.aria-busy]=\"isBusy\"\n      [attr.aria-label]=\"applyActionLabel || 'Apply'\"\n      >\n      @if (showBusyIndicator) {\n        <mat-progress-spinner\n          mode=\"indeterminate\"\n          diameter=\"20\"\n        ></mat-progress-spinner>\n      }\n      @if (!showBusyIndicator) {\n        <mat-icon aria-hidden=\"true\" [praxisIcon]=\"'done'\">done</mat-icon>\n        <span class=\"settings-panel-action-label settings-panel-action-label--apply\">{{ applyActionLabel }}</span>\n      }\n    </button>\n    <button\n      mat-flat-button\n      color=\"primary\"\n      type=\"button\"\n      data-testid=\"settings-panel-save\"\n      (mousedown)=\"$event.stopPropagation()\"\n      (click)=\"$event.stopPropagation(); onSave()\"\n      [disabled]=\"!canSave\"\n      [matTooltip]=\"applySaveDisabledReason\"\n      [matTooltipDisabled]=\"canSave || !diagnostics.showDisabledReason\"\n      [attr.aria-busy]=\"isBusy\"\n      [attr.aria-label]=\"saveActionLabel || 'Save & Close'\"\n      >\n      @if (showBusyIndicator) {\n        <mat-progress-spinner\n          mode=\"indeterminate\"\n          diameter=\"20\"\n        ></mat-progress-spinner>\n      }\n      @if (!showBusyIndicator) {\n        <mat-icon aria-hidden=\"true\" [praxisIcon]=\"'save'\">save</mat-icon>\n        <span class=\"settings-panel-action-label settings-panel-action-label--save\">{{ saveActionLabel }}</span>\n      }\n    </button>\n  </footer>\n</div>\n", styles: ["@charset \"UTF-8\";praxis-settings-panel{display:block;height:100%;width:100%;min-width:0;flex:1 1 auto}praxis-settings-panel .settings-panel{position:relative;--pfx-settings-panel-surface-container: var( --md-sys-color-surface-container, #ffffff );--pfx-settings-panel-surface-container-high: var( --md-sys-color-surface-container-high, #f7f7f7 );--pfx-settings-panel-surface-container-low: var( --md-sys-color-surface-container-low, #f2f4f7 );--pfx-settings-panel-surface: var(--md-sys-color-surface, #ffffff);--pfx-settings-panel-on-surface: var(--md-sys-color-on-surface, #111827);--pfx-settings-panel-on-surface-variant: var( --md-sys-color-on-surface-variant, rgba(17, 24, 39, .72) );--pfx-settings-panel-outline: var( --md-sys-color-outline, rgba(15, 23, 42, .24) );--pfx-settings-panel-outline-variant: var( --md-sys-color-outline-variant, rgba(15, 23, 42, .12) );--pfx-settings-panel-primary: var(--md-sys-color-primary, #2563eb);--pfx-settings-panel-primary-container: var( --md-sys-color-primary-container, rgba(37, 99, 235, .14) );--pfx-settings-panel-on-primary-container: var( --md-sys-color-on-primary-container, #0f172a );--pfx-settings-panel-secondary: var( --md-sys-color-secondary, var(--pfx-settings-panel-primary) );--pfx-settings-panel-error: var(--md-sys-color-error, #b3261e);--pfx-settings-panel-error-container: var( --md-sys-color-error-container, rgba(179, 38, 30, .14) );display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto;grid-template-areas:\"header\" \"status\" \"body\" \"footer\";height:100%;max-width:100%;background:var(--pfx-settings-panel-surface-container);color:var(--pfx-settings-panel-on-surface);border-left:1px solid var(--pfx-settings-panel-outline-variant);width:var(--pfx-settings-panel-width, 720px);max-width:100vw;min-width:0;transition:width .3s ease;box-shadow:var(--pfx-settings-panel-elevation, var(--md-sys-elevation-level2, 0 8px 24px rgba(0, 0, 0, .16)));overflow:hidden}praxis-settings-panel .settings-panel.expanded{width:min(var(--pfx-settings-panel-width-expanded, 95vw),var(--pfx-settings-panel-max-width, 2400px))}praxis-settings-panel .settings-panel__resize-handle{position:absolute;inset:0 auto 0 0;width:12px;cursor:col-resize;touch-action:none;z-index:3;outline:none}praxis-settings-panel .settings-panel__resize-handle:before{content:\"\";position:absolute;inset:0 auto 0 4px;width:2px;background:transparent;transition:background-color var(--pfx-side-panel-motion-duration, .16s) ease,opacity var(--pfx-side-panel-motion-duration, .16s) ease;opacity:0}praxis-settings-panel .settings-panel.is-resizable:hover .settings-panel__resize-handle:before,praxis-settings-panel .settings-panel__resize-handle:focus-visible:before{opacity:1;background:var(--pfx-settings-panel-outline)}praxis-settings-panel .settings-panel-header{grid-area:header;display:flex;align-items:center;gap:var(--pfx-settings-panel-header-gap, 8px);padding:10px var(--pfx-settings-panel-header-padding-x, 16px);min-height:var(--pfx-settings-panel-header-height, 64px);border-bottom:1px solid var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-high);box-shadow:var(--pfx-settings-panel-header-shadow, var(--md-sys-elevation-level1, 0 2px 6px rgba(0, 0, 0, .08)));flex-shrink:0;min-width:0;max-width:100%}praxis-settings-panel .settings-panel-header .spacer{flex:1 1 auto;min-width:0}praxis-settings-panel .settings-panel-status{grid-area:status;display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 16px;border-bottom:1px solid var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-high);color:var(--pfx-settings-panel-on-surface);font-size:.85rem;font-weight:500;min-width:0;max-width:100%}praxis-settings-panel .settings-panel-status mat-icon{width:18px;height:18px;font-size:18px}praxis-settings-panel .settings-panel-status[data-status=dirty],praxis-settings-panel .settings-panel-status[data-status=invalid]{color:var(--pfx-settings-panel-error);background:color-mix(in srgb,var(--pfx-settings-panel-error-container) 30%,var(--pfx-settings-panel-surface-container-high))}praxis-settings-panel .settings-panel-status[data-status=saved]{color:var(--pfx-settings-panel-primary);background:color-mix(in srgb,var(--pfx-settings-panel-primary-container) 28%,var(--pfx-settings-panel-surface-container-high))}praxis-settings-panel .settings-panel-body{grid-area:body;overflow-y:auto;overflow-x:hidden;scroll-padding-top:var(--pfx-settings-panel-scroll-padding-start, 16px);scroll-padding-bottom:var(--pfx-settings-panel-scroll-padding-end, 88px);min-height:0;padding:var(--pfx-settings-panel-body-padding, 8px 8px 24px 8px);background:var(--pfx-settings-panel-surface);display:flex;flex-direction:column;min-width:0;max-width:100%}praxis-settings-panel .settings-panel-body>*{min-width:0;max-width:100%}praxis-settings-panel .settings-panel-content{display:block;min-width:0;max-width:100%}praxis-settings-panel .settings-panel-content>*{min-width:0;max-width:100%;box-sizing:border-box}praxis-settings-panel .settings-panel-footer{grid-area:footer;border-top:1px solid var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-high);box-shadow:var(--pfx-settings-panel-footer-shadow, var(--md-sys-elevation-level1, 0 -2px 6px rgba(0, 0, 0, .08)));display:flex;align-items:center;flex-wrap:wrap;padding:var(--pfx-settings-panel-footer-padding, 12px 16px);column-gap:var(--pfx-settings-panel-footer-gap, 12px);row-gap:8px;flex-shrink:0;min-width:0;max-width:100%}praxis-settings-panel .spacer{flex:1}praxis-settings-panel .settings-panel-title{display:inline-flex;align-items:center;flex:1 1 auto;gap:var(--pfx-settings-panel-title-gap, 8px);font-weight:700;line-height:1.2;letter-spacing:.2px;margin:0;min-width:0;overflow:visible;white-space:normal}praxis-settings-panel .settings-panel-title span{min-width:0;overflow:visible;white-space:normal}praxis-settings-panel .settings-panel-title mat-icon{color:var(--pfx-settings-panel-primary)}praxis-settings-panel .settings-panel-title .title-icon{width:20px;height:20px;font-size:20px}praxis-settings-panel .settings-panel-footer button+button{margin-left:var(--pfx-settings-panel-footer-gap, 12px)}praxis-settings-panel .settings-panel-footer button{display:inline-flex;align-items:center}praxis-settings-panel .settings-panel-footer button .mat-icon{font-size:20px;width:20px;height:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}praxis-settings-panel .settings-panel-footer .mat-button-wrapper{display:inline-flex;align-items:center;gap:var(--pfx-settings-panel-button-gap, 8px)}praxis-settings-panel .settings-panel-footer .mat-progress-spinner{margin-right:8px}praxis-settings-panel .settings-panel-footer .mat-flat-button[color=primary]{font-weight:600}praxis-settings-panel .settings-panel .mdc-button__label{display:inline-flex;align-items:center;gap:var(--pfx-settings-panel-button-gap, 8px);line-height:1}praxis-settings-panel .settings-panel .mdc-button__label>span{display:inline-flex;align-items:center;line-height:1}praxis-settings-panel .settings-panel-action-label--apply:empty:after{content:\"Apply\"}praxis-settings-panel .settings-panel-action-label--save:empty:after{content:\"Save & Close\"}praxis-settings-panel .settings-panel .mdc-button__label .mat-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}@media(max-width:520px){praxis-settings-panel .settings-panel-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}praxis-settings-panel .settings-panel-footer .spacer{display:none}praxis-settings-panel .settings-panel-footer button{justify-content:center;width:100%;min-width:0}praxis-settings-panel .settings-panel-footer button+button{margin-left:0}}praxis-settings-panel .settings-panel .mat-divider{background-color:var(--pfx-settings-panel-outline-variant)!important}praxis-settings-panel .settings-panel .mat-expansion-panel{background:var(--pfx-settings-panel-surface-container)!important;border:1px solid var(--pfx-settings-panel-outline-variant);border-radius:var(--md-sys-shape-corner-medium, 12px);box-shadow:var(--md-sys-elevation-level1, 0 2px 8px rgba(0, 0, 0, .08));color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-expansion-panel-header{background:var(--pfx-settings-panel-surface-container)!important;color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-content{color:var(--pfx-settings-panel-on-surface);flex-wrap:wrap;gap:4px 12px;min-width:0;overflow:visible}praxis-settings-panel .settings-panel .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover{background:color-mix(in srgb,var(--pfx-settings-panel-surface-container-high) 84%,var(--pfx-settings-panel-primary) 16%)}praxis-settings-panel .settings-panel .mat-expansion-panel.mat-expanded>.mat-expansion-panel-header{background:var(--pfx-settings-panel-surface-container-high)!important}praxis-settings-panel .settings-panel .mat-expansion-panel-header mat-icon,praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-icon{color:var(--pfx-settings-panel-on-surface)!important}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-title,praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-description{color:var(--pfx-settings-panel-on-surface);min-width:0;overflow:visible;white-space:normal}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-description{color:var(--pfx-settings-panel-on-surface-variant);flex-wrap:wrap;gap:8px}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-title>*,praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-description>*{color:inherit}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-title small,praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-description small{color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-indicator,praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-indicator:after{color:var(--pfx-settings-panel-on-surface-variant);border-color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-expansion-panel .mat-action-row{border-top-color:var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-low)}praxis-settings-panel .settings-panel .mat-accordion,praxis-settings-panel .settings-panel .mat-accordion .mat-expansion-panel-spacing{background:transparent!important}praxis-settings-panel .settings-panel .mat-expansion-panel-content,praxis-settings-panel .settings-panel .mat-expansion-panel-content-wrapper,praxis-settings-panel .settings-panel .mat-expansion-panel-body{background:var(--pfx-settings-panel-surface-container)!important;color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-expansion-panel .mat-expansion-panel-body{padding:8px}praxis-settings-panel .settings-panel .mat-expansion-panel .mat-expansion-panel-body>*{color:inherit}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mat-mdc-tab-header{border-bottom:1px solid var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-low)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab{min-width:0}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab .mdc-tab__text-label{color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab:hover .mdc-tab__text-label,praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab:focus .mdc-tab__text-label{color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab.mdc-tab--active .mdc-tab__text-label{color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mat-mdc-tab-header-pagination{color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mat-mdc-tab-header-pagination-chevron{border-color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mat-mdc-tab-header-pagination:not(.mat-mdc-tab-header-pagination-disabled):hover{background:color-mix(in srgb,var(--pfx-settings-panel-surface-container-high) 84%,var(--pfx-settings-panel-primary) 16%)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab-indicator__content--underline{border-color:var(--pfx-settings-panel-primary)}praxis-settings-panel .settings-panel .mat-mdc-card{background:var(--pfx-settings-panel-surface-container-low);border:1px solid var(--pfx-settings-panel-outline-variant);color:var(--pfx-settings-panel-on-surface);box-shadow:var(--md-sys-elevation-level1, 0 2px 8px rgba(0, 0, 0, .08))}praxis-settings-panel .settings-panel .mat-mdc-card-subtitle,praxis-settings-panel .settings-panel .mat-mdc-card-content{color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-mdc-card-title{color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-mdc-form-field{width:100%;--mdc-filled-text-field-container-color: var( --pfx-settings-panel-surface-container );--mdc-filled-text-field-hover-container-color: var( --pfx-settings-panel-surface-container-high );--mdc-filled-text-field-focus-container-color: var( --pfx-settings-panel-surface-container-high );--mdc-filled-text-field-active-indicator-color: var( --pfx-settings-panel-outline-variant );--mdc-filled-text-field-hover-active-indicator-color: var( --pfx-settings-panel-secondary );--mdc-filled-text-field-focus-active-indicator-color: var( --pfx-settings-panel-primary );--mdc-filled-text-field-label-text-color: var( --pfx-settings-panel-on-surface-variant );--mdc-filled-text-field-focus-label-text-color: var( --pfx-settings-panel-primary );--mdc-filled-text-field-input-text-color: var( --pfx-settings-panel-on-surface );--mdc-filled-text-field-caret-color: var(--pfx-settings-panel-primary);--mdc-outlined-text-field-outline-color: var( --pfx-settings-panel-outline-variant );--mdc-outlined-text-field-hover-outline-color: var( --pfx-settings-panel-secondary );--mdc-outlined-text-field-focus-outline-color: var( --pfx-settings-panel-primary );--mdc-outlined-text-field-label-text-color: var( --pfx-settings-panel-on-surface-variant );--mdc-outlined-text-field-focus-label-text-color: var( --pfx-settings-panel-primary );--mdc-outlined-text-field-input-text-color: var( --pfx-settings-panel-on-surface );--mdc-outlined-text-field-caret-color: var(--pfx-settings-panel-primary);--mat-form-field-focus-select-arrow-color: var( --pfx-settings-panel-primary );--mat-form-field-enabled-select-arrow-color: var( --pfx-settings-panel-on-surface-variant )}praxis-settings-panel .settings-panel .mdc-text-field--filled{background-color:var(--pfx-settings-panel-surface-container)!important;border-radius:var(--md-sys-shape-corner-small, 8px) var(--md-sys-shape-corner-small, 8px) 0 0}praxis-settings-panel .settings-panel .mat-mdc-text-field-wrapper,praxis-settings-panel .settings-panel .mat-mdc-form-field-flex,praxis-settings-panel .settings-panel .mat-mdc-form-field-infix,praxis-settings-panel .settings-panel .mat-mdc-form-field-focus-overlay{background:var(--pfx-settings-panel-surface-container)!important;color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-mdc-form-field-focus-overlay{opacity:0}praxis-settings-panel .settings-panel .mdc-text-field--filled .mdc-text-field__input,praxis-settings-panel .settings-panel .mdc-text-field--filled .mdc-floating-label,praxis-settings-panel .settings-panel .mat-mdc-select-value,praxis-settings-panel .settings-panel .mat-mdc-select-arrow,praxis-settings-panel .settings-panel .mat-mdc-form-field .mat-mdc-floating-label{color:var(--pfx-settings-panel-on-surface-variant)!important}praxis-settings-panel .settings-panel .mdc-text-field--filled.mdc-text-field--focused .mdc-floating-label,praxis-settings-panel .settings-panel .mdc-text-field--filled .mdc-text-field__input{color:var(--pfx-settings-panel-on-surface)!important}praxis-settings-panel .settings-panel .mat-mdc-form-field input,praxis-settings-panel .settings-panel .mat-mdc-form-field textarea,praxis-settings-panel .settings-panel .mat-mdc-form-field .mdc-text-field__input{color:var(--pfx-settings-panel-on-surface)!important}praxis-settings-panel .settings-panel .mat-mdc-form-field-subscript-wrapper,praxis-settings-panel .settings-panel .mat-mdc-form-field-hint-wrapper,praxis-settings-panel .settings-panel .mat-mdc-form-field-error-wrapper,praxis-settings-panel .settings-panel .mat-mdc-hint{color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-button-toggle-group{border-color:var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-low)}praxis-settings-panel .settings-panel .mat-button-toggle{background:var(--pfx-settings-panel-surface-container-low);color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-button-toggle+.mat-button-toggle{border-left-color:var(--pfx-settings-panel-outline-variant)}praxis-settings-panel .settings-panel .mat-button-toggle-checked{background:var(--pfx-settings-panel-primary-container)!important;color:var(--pfx-settings-panel-on-primary-container)!important}praxis-settings-panel .settings-panel .mat-button-toggle .mat-icon,praxis-settings-panel .settings-panel .mat-button-toggle-checked .mat-icon{color:inherit}praxis-settings-panel .settings-panel .mat-mdc-slide-toggle .mdc-label{color:var(--pfx-settings-panel-on-surface)}.settings-panel{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%}.settings-panel-body{overflow-x:hidden;min-width:0}.settings-panel-body>*{min-width:0;max-width:100%}.praxis-settings-panel-backdrop{background:var(--pfx-backdrop, rgba(8, 15, 26, .42));backdrop-filter:blur(var(--pfx-backdrop-blur, 6px)) saturate(110%);-webkit-backdrop-filter:blur(var(--pfx-backdrop-blur, 6px)) saturate(110%)}.praxis-settings-panel-pane{position:fixed!important;top:0!important;right:0!important;display:flex!important;align-items:stretch!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;z-index:var(--praxis-layer-settings-panel, 1220)!important}.praxis-settings-panel-pane .settings-panel{pointer-events:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatDialogModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SettingsPanelComponent, decorators: [{
             type: Component,
@@ -997,12 +997,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         NgStyle,
                         MatButtonModule,
                         MatIconModule,
+                        PraxisIconButtonComponent,
                         PraxisIconDirective,
                         MatTooltipModule,
                         CdkTrapFocus,
                         MatProgressSpinnerModule,
                         MatDialogModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [providePraxisSettingsPanelI18n()], template: "<div\n  class=\"settings-panel\"\n  data-testid=\"settings-panel-root\"\n  [class.expanded]=\"expanded\"\n  [class.is-resizable]=\"showResizeHandle\"\n  [ngStyle]=\"panelInlineStyles\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  [attr.aria-labelledby]=\"titleId\"\n  cdkTrapFocus\n  cdkTrapFocusAutoCapture\n  >\n  @if (showResizeHandle) {\n    <div\n      class=\"settings-panel__resize-handle\"\n      role=\"separator\"\n      tabindex=\"0\"\n      aria-orientation=\"vertical\"\n      [attr.aria-label]=\"resizeHandleLabel\"\n      (pointerdown)=\"onResizeHandlePointerDown($event)\"\n      (keydown)=\"onResizeHandleKeydown($event)\"\n    ></div>\n  }\n  <header class=\"settings-panel-header\">\n    <h2 class=\"settings-panel-title\" [id]=\"titleId\">\n      @if (titleIcon) {\n        <mat-icon class=\"title-icon\" [praxisIcon]=\"titleIcon\"></mat-icon>\n      }\n      <span>{{ title }}</span>\n    </h2>\n    <span class=\"spacer\"></span>\n    <button\n      mat-icon-button\n      type=\"button\"\n      data-testid=\"settings-panel-toggle-expand\"\n      [attr.aria-label]=\"expanded ? tx('Collapse panel') : tx('Expand panel')\"\n      [attr.aria-expanded]=\"expanded\"\n      [matTooltip]=\"expanded ? tx('Collapse panel') : tx('Expand panel')\"\n      (click)=\"toggleExpand()\"\n      >\n      <mat-icon [praxisIcon]=\"expanded ? 'close_fullscreen' : 'open_in_full'\"></mat-icon>\n    </button>\n    <button\n      mat-icon-button\n      type=\"button\"\n      data-testid=\"settings-panel-close-icon\"\n      [attr.aria-label]=\"tx('Close')\"\n      [matTooltip]=\"tx('Close')\"\n      (click)=\"onCancel()\"\n      >\n      <mat-icon [praxisIcon]=\"'close'\"></mat-icon>\n    </button>\n  </header>\n  @if (showStatusMessage) {\n    <div\n      class=\"settings-panel-status\"\n      [attr.data-status]=\"statusTone\"\n      role=\"status\"\n      aria-live=\"polite\"\n      >\n      <mat-icon\n        aria-hidden=\"true\"\n        [praxisIcon]=\"\n          statusTone === 'dirty' || statusTone === 'invalid'\n            ? 'warning'\n            : statusTone === 'saved'\n              ? 'check_circle'\n              : statusTone === 'busy'\n                ? 'autorenew'\n                : 'info'\n        \"\n      ></mat-icon>\n      <span>{{ statusMessage }}</span>\n    </div>\n  }\n  <div class=\"settings-panel-body\">\n    <ng-template #contentHost></ng-template>\n  </div>\n  <footer class=\"settings-panel-footer\">\n    <button\n      mat-button\n      type=\"button\"\n      data-testid=\"settings-panel-reset\"\n      (mousedown)=\"$event.stopPropagation()\"\n      (click)=\"$event.stopPropagation(); onReset()\"\n      [disabled]=\"isBusy\"\n      >\n      <mat-icon aria-hidden=\"true\" [praxisIcon]=\"'restart_alt'\"></mat-icon>\n      <span>{{ tx('Reset') }}</span>\n    </button>\n    <span class=\"spacer\"></span>\n    <button\n      mat-button\n      type=\"button\"\n      data-testid=\"settings-panel-cancel\"\n      (mousedown)=\"$event.stopPropagation()\"\n      (click)=\"$event.stopPropagation(); onCancel()\"\n      [disabled]=\"isBusy\"\n      >\n      <mat-icon aria-hidden=\"true\" [praxisIcon]=\"'close'\"></mat-icon>\n      <span>{{ tx('Cancel') }}</span>\n    </button>\n    <button\n      mat-stroked-button\n      type=\"button\"\n      data-testid=\"settings-panel-apply\"\n      (mousedown)=\"$event.stopPropagation()\"\n      (click)=\"$event.stopPropagation(); onApply()\"\n      [disabled]=\"!canApply\"\n      [matTooltip]=\"applySaveDisabledReason\"\n      [matTooltipDisabled]=\"canApply || !diagnostics.showDisabledReason\"\n      [attr.aria-busy]=\"isBusy\"\n      [attr.aria-label]=\"applyActionLabel || 'Apply'\"\n      >\n      @if (showBusyIndicator) {\n        <mat-progress-spinner\n          mode=\"indeterminate\"\n          diameter=\"20\"\n        ></mat-progress-spinner>\n      }\n      @if (!showBusyIndicator) {\n        <mat-icon aria-hidden=\"true\" [praxisIcon]=\"'done'\">done</mat-icon>\n        <span class=\"settings-panel-action-label settings-panel-action-label--apply\">{{ applyActionLabel }}</span>\n      }\n    </button>\n    <button\n      mat-flat-button\n      color=\"primary\"\n      type=\"button\"\n      data-testid=\"settings-panel-save\"\n      (mousedown)=\"$event.stopPropagation()\"\n      (click)=\"$event.stopPropagation(); onSave()\"\n      [disabled]=\"!canSave\"\n      [matTooltip]=\"applySaveDisabledReason\"\n      [matTooltipDisabled]=\"canSave || !diagnostics.showDisabledReason\"\n      [attr.aria-busy]=\"isBusy\"\n      [attr.aria-label]=\"saveActionLabel || 'Save & Close'\"\n      >\n      @if (showBusyIndicator) {\n        <mat-progress-spinner\n          mode=\"indeterminate\"\n          diameter=\"20\"\n        ></mat-progress-spinner>\n      }\n      @if (!showBusyIndicator) {\n        <mat-icon aria-hidden=\"true\" [praxisIcon]=\"'save'\">save</mat-icon>\n        <span class=\"settings-panel-action-label settings-panel-action-label--save\">{{ saveActionLabel }}</span>\n      }\n    </button>\n  </footer>\n</div>\n", styles: ["@charset \"UTF-8\";praxis-settings-panel{display:block;height:100%;width:100%;min-width:0;flex:1 1 auto}praxis-settings-panel .settings-panel{position:relative;--pfx-settings-panel-surface-container: var( --md-sys-color-surface-container, #ffffff );--pfx-settings-panel-surface-container-high: var( --md-sys-color-surface-container-high, #f7f7f7 );--pfx-settings-panel-surface-container-low: var( --md-sys-color-surface-container-low, #f2f4f7 );--pfx-settings-panel-surface: var(--md-sys-color-surface, #ffffff);--pfx-settings-panel-on-surface: var(--md-sys-color-on-surface, #111827);--pfx-settings-panel-on-surface-variant: var( --md-sys-color-on-surface-variant, rgba(17, 24, 39, .72) );--pfx-settings-panel-outline: var( --md-sys-color-outline, rgba(15, 23, 42, .24) );--pfx-settings-panel-outline-variant: var( --md-sys-color-outline-variant, rgba(15, 23, 42, .12) );--pfx-settings-panel-primary: var(--md-sys-color-primary, #2563eb);--pfx-settings-panel-primary-container: var( --md-sys-color-primary-container, rgba(37, 99, 235, .14) );--pfx-settings-panel-on-primary-container: var( --md-sys-color-on-primary-container, #0f172a );--pfx-settings-panel-secondary: var( --md-sys-color-secondary, var(--pfx-settings-panel-primary) );--pfx-settings-panel-error: var(--md-sys-color-error, #b3261e);--pfx-settings-panel-error-container: var( --md-sys-color-error-container, rgba(179, 38, 30, .14) );display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto;grid-template-areas:\"header\" \"status\" \"body\" \"footer\";height:100%;max-width:100%;background:var(--pfx-settings-panel-surface-container);color:var(--pfx-settings-panel-on-surface);border-left:1px solid var(--pfx-settings-panel-outline-variant);width:var(--pfx-settings-panel-width, 720px);max-width:100vw;min-width:0;transition:width .3s ease;box-shadow:var(--pfx-settings-panel-elevation, var(--md-sys-elevation-level2, 0 8px 24px rgba(0, 0, 0, .16)));overflow:hidden}praxis-settings-panel .settings-panel.expanded{width:min(var(--pfx-settings-panel-width-expanded, 95vw),var(--pfx-settings-panel-max-width, 2400px))}praxis-settings-panel .settings-panel__resize-handle{position:absolute;inset:0 auto 0 0;width:12px;cursor:col-resize;touch-action:none;z-index:3;outline:none}praxis-settings-panel .settings-panel__resize-handle:before{content:\"\";position:absolute;inset:0 auto 0 4px;width:2px;background:transparent;transition:background-color var(--pfx-side-panel-motion-duration, .16s) ease,opacity var(--pfx-side-panel-motion-duration, .16s) ease;opacity:0}praxis-settings-panel .settings-panel.is-resizable:hover .settings-panel__resize-handle:before,praxis-settings-panel .settings-panel__resize-handle:focus-visible:before{opacity:1;background:var(--pfx-settings-panel-outline)}praxis-settings-panel .settings-panel-header{grid-area:header;display:flex;align-items:center;gap:var(--pfx-settings-panel-header-gap, 8px);padding:10px var(--pfx-settings-panel-header-padding-x, 16px);min-height:var(--pfx-settings-panel-header-height, 64px);border-bottom:1px solid var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-high);box-shadow:var(--pfx-settings-panel-header-shadow, var(--md-sys-elevation-level1, 0 2px 6px rgba(0, 0, 0, .08)));flex-shrink:0;min-width:0;max-width:100%}praxis-settings-panel .settings-panel-header .spacer{flex:1 1 auto;min-width:0}praxis-settings-panel .settings-panel-status{grid-area:status;display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 16px;border-bottom:1px solid var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-high);color:var(--pfx-settings-panel-on-surface);font-size:.85rem;font-weight:500;min-width:0;max-width:100%}praxis-settings-panel .settings-panel-status mat-icon{width:18px;height:18px;font-size:18px}praxis-settings-panel .settings-panel-status[data-status=dirty],praxis-settings-panel .settings-panel-status[data-status=invalid]{color:var(--pfx-settings-panel-error);background:color-mix(in srgb,var(--pfx-settings-panel-error-container) 30%,var(--pfx-settings-panel-surface-container-high))}praxis-settings-panel .settings-panel-status[data-status=saved]{color:var(--pfx-settings-panel-primary);background:color-mix(in srgb,var(--pfx-settings-panel-primary-container) 28%,var(--pfx-settings-panel-surface-container-high))}praxis-settings-panel .settings-panel-body{grid-area:body;overflow-y:auto;overflow-x:hidden;scroll-padding-top:var(--pfx-settings-panel-scroll-padding-start, 16px);scroll-padding-bottom:var(--pfx-settings-panel-scroll-padding-end, 88px);min-height:0;padding:var(--pfx-settings-panel-body-padding, 8px 8px 24px 8px);background:var(--pfx-settings-panel-surface);display:flex;flex-direction:column;min-width:0;max-width:100%}praxis-settings-panel .settings-panel-body>*{min-width:0;max-width:100%}praxis-settings-panel .settings-panel-content{display:block;min-width:0;max-width:100%}praxis-settings-panel .settings-panel-content>*{min-width:0;max-width:100%;box-sizing:border-box}praxis-settings-panel .settings-panel-footer{grid-area:footer;border-top:1px solid var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-high);box-shadow:var(--pfx-settings-panel-footer-shadow, var(--md-sys-elevation-level1, 0 -2px 6px rgba(0, 0, 0, .08)));display:flex;align-items:center;flex-wrap:wrap;padding:var(--pfx-settings-panel-footer-padding, 12px 16px);column-gap:var(--pfx-settings-panel-footer-gap, 12px);row-gap:8px;flex-shrink:0;min-width:0;max-width:100%}praxis-settings-panel .spacer{flex:1}praxis-settings-panel .settings-panel-title{display:inline-flex;align-items:center;flex:1 1 auto;gap:var(--pfx-settings-panel-title-gap, 8px);font-weight:700;line-height:1.2;letter-spacing:.2px;margin:0;min-width:0;overflow:visible;white-space:normal}praxis-settings-panel .settings-panel-title span{min-width:0;overflow:visible;white-space:normal}praxis-settings-panel .settings-panel-title mat-icon{color:var(--pfx-settings-panel-primary)}praxis-settings-panel .settings-panel-title .title-icon{width:20px;height:20px;font-size:20px}praxis-settings-panel .settings-panel-footer button+button{margin-left:var(--pfx-settings-panel-footer-gap, 12px)}praxis-settings-panel .settings-panel-footer button{display:inline-flex;align-items:center}praxis-settings-panel .settings-panel-footer button .mat-icon{font-size:20px;width:20px;height:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}praxis-settings-panel .settings-panel-footer .mat-button-wrapper{display:inline-flex;align-items:center;gap:var(--pfx-settings-panel-button-gap, 8px)}praxis-settings-panel .settings-panel-footer .mat-progress-spinner{margin-right:8px}praxis-settings-panel .settings-panel-footer .mat-flat-button[color=primary]{font-weight:600}praxis-settings-panel .settings-panel .mdc-button__label{display:inline-flex;align-items:center;gap:var(--pfx-settings-panel-button-gap, 8px);line-height:1}praxis-settings-panel .settings-panel .mdc-button__label>span{display:inline-flex;align-items:center;line-height:1}praxis-settings-panel .settings-panel-action-label--apply:empty:after{content:\"Apply\"}praxis-settings-panel .settings-panel-action-label--save:empty:after{content:\"Save & Close\"}praxis-settings-panel .settings-panel .mdc-button__label .mat-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}@media(max-width:520px){praxis-settings-panel .settings-panel-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}praxis-settings-panel .settings-panel-footer .spacer{display:none}praxis-settings-panel .settings-panel-footer button{justify-content:center;width:100%;min-width:0}praxis-settings-panel .settings-panel-footer button+button{margin-left:0}}praxis-settings-panel .settings-panel .mat-divider{background-color:var(--pfx-settings-panel-outline-variant)!important}praxis-settings-panel .settings-panel .mat-expansion-panel{background:var(--pfx-settings-panel-surface-container)!important;border:1px solid var(--pfx-settings-panel-outline-variant);border-radius:var(--md-sys-shape-corner-medium, 12px);box-shadow:var(--md-sys-elevation-level1, 0 2px 8px rgba(0, 0, 0, .08));color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-expansion-panel-header{background:var(--pfx-settings-panel-surface-container)!important;color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-content{color:var(--pfx-settings-panel-on-surface);flex-wrap:wrap;gap:4px 12px;min-width:0;overflow:visible}praxis-settings-panel .settings-panel .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover{background:color-mix(in srgb,var(--pfx-settings-panel-surface-container-high) 84%,var(--pfx-settings-panel-primary) 16%)}praxis-settings-panel .settings-panel .mat-expansion-panel.mat-expanded>.mat-expansion-panel-header{background:var(--pfx-settings-panel-surface-container-high)!important}praxis-settings-panel .settings-panel .mat-expansion-panel-header mat-icon,praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-icon{color:var(--pfx-settings-panel-on-surface)!important}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-title,praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-description{color:var(--pfx-settings-panel-on-surface);min-width:0;overflow:visible;white-space:normal}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-description{color:var(--pfx-settings-panel-on-surface-variant);flex-wrap:wrap;gap:8px}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-title>*,praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-description>*{color:inherit}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-title small,praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-description small{color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-indicator,praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-indicator:after{color:var(--pfx-settings-panel-on-surface-variant);border-color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-expansion-panel .mat-action-row{border-top-color:var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-low)}praxis-settings-panel .settings-panel .mat-accordion,praxis-settings-panel .settings-panel .mat-accordion .mat-expansion-panel-spacing{background:transparent!important}praxis-settings-panel .settings-panel .mat-expansion-panel-content,praxis-settings-panel .settings-panel .mat-expansion-panel-content-wrapper,praxis-settings-panel .settings-panel .mat-expansion-panel-body{background:var(--pfx-settings-panel-surface-container)!important;color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-expansion-panel .mat-expansion-panel-body{padding:8px}praxis-settings-panel .settings-panel .mat-expansion-panel .mat-expansion-panel-body>*{color:inherit}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mat-mdc-tab-header{border-bottom:1px solid var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-low)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab{min-width:0}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab .mdc-tab__text-label{color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab:hover .mdc-tab__text-label,praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab:focus .mdc-tab__text-label{color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab.mdc-tab--active .mdc-tab__text-label{color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mat-mdc-tab-header-pagination{color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mat-mdc-tab-header-pagination-chevron{border-color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mat-mdc-tab-header-pagination:not(.mat-mdc-tab-header-pagination-disabled):hover{background:color-mix(in srgb,var(--pfx-settings-panel-surface-container-high) 84%,var(--pfx-settings-panel-primary) 16%)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab-indicator__content--underline{border-color:var(--pfx-settings-panel-primary)}praxis-settings-panel .settings-panel .mat-mdc-card{background:var(--pfx-settings-panel-surface-container-low);border:1px solid var(--pfx-settings-panel-outline-variant);color:var(--pfx-settings-panel-on-surface);box-shadow:var(--md-sys-elevation-level1, 0 2px 8px rgba(0, 0, 0, .08))}praxis-settings-panel .settings-panel .mat-mdc-card-subtitle,praxis-settings-panel .settings-panel .mat-mdc-card-content{color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-mdc-card-title{color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-mdc-form-field{width:100%;--mdc-filled-text-field-container-color: var( --pfx-settings-panel-surface-container );--mdc-filled-text-field-hover-container-color: var( --pfx-settings-panel-surface-container-high );--mdc-filled-text-field-focus-container-color: var( --pfx-settings-panel-surface-container-high );--mdc-filled-text-field-active-indicator-color: var( --pfx-settings-panel-outline-variant );--mdc-filled-text-field-hover-active-indicator-color: var( --pfx-settings-panel-secondary );--mdc-filled-text-field-focus-active-indicator-color: var( --pfx-settings-panel-primary );--mdc-filled-text-field-label-text-color: var( --pfx-settings-panel-on-surface-variant );--mdc-filled-text-field-focus-label-text-color: var( --pfx-settings-panel-primary );--mdc-filled-text-field-input-text-color: var( --pfx-settings-panel-on-surface );--mdc-filled-text-field-caret-color: var(--pfx-settings-panel-primary);--mdc-outlined-text-field-outline-color: var( --pfx-settings-panel-outline-variant );--mdc-outlined-text-field-hover-outline-color: var( --pfx-settings-panel-secondary );--mdc-outlined-text-field-focus-outline-color: var( --pfx-settings-panel-primary );--mdc-outlined-text-field-label-text-color: var( --pfx-settings-panel-on-surface-variant );--mdc-outlined-text-field-focus-label-text-color: var( --pfx-settings-panel-primary );--mdc-outlined-text-field-input-text-color: var( --pfx-settings-panel-on-surface );--mdc-outlined-text-field-caret-color: var(--pfx-settings-panel-primary);--mat-form-field-focus-select-arrow-color: var( --pfx-settings-panel-primary );--mat-form-field-enabled-select-arrow-color: var( --pfx-settings-panel-on-surface-variant )}praxis-settings-panel .settings-panel .mdc-text-field--filled{background-color:var(--pfx-settings-panel-surface-container)!important;border-radius:var(--md-sys-shape-corner-small, 8px) var(--md-sys-shape-corner-small, 8px) 0 0}praxis-settings-panel .settings-panel .mat-mdc-text-field-wrapper,praxis-settings-panel .settings-panel .mat-mdc-form-field-flex,praxis-settings-panel .settings-panel .mat-mdc-form-field-infix,praxis-settings-panel .settings-panel .mat-mdc-form-field-focus-overlay{background:var(--pfx-settings-panel-surface-container)!important;color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-mdc-form-field-focus-overlay{opacity:0}praxis-settings-panel .settings-panel .mdc-text-field--filled .mdc-text-field__input,praxis-settings-panel .settings-panel .mdc-text-field--filled .mdc-floating-label,praxis-settings-panel .settings-panel .mat-mdc-select-value,praxis-settings-panel .settings-panel .mat-mdc-select-arrow,praxis-settings-panel .settings-panel .mat-mdc-form-field .mat-mdc-floating-label{color:var(--pfx-settings-panel-on-surface-variant)!important}praxis-settings-panel .settings-panel .mdc-text-field--filled.mdc-text-field--focused .mdc-floating-label,praxis-settings-panel .settings-panel .mdc-text-field--filled .mdc-text-field__input{color:var(--pfx-settings-panel-on-surface)!important}praxis-settings-panel .settings-panel .mat-mdc-form-field input,praxis-settings-panel .settings-panel .mat-mdc-form-field textarea,praxis-settings-panel .settings-panel .mat-mdc-form-field .mdc-text-field__input{color:var(--pfx-settings-panel-on-surface)!important}praxis-settings-panel .settings-panel .mat-mdc-form-field-subscript-wrapper,praxis-settings-panel .settings-panel .mat-mdc-form-field-hint-wrapper,praxis-settings-panel .settings-panel .mat-mdc-form-field-error-wrapper,praxis-settings-panel .settings-panel .mat-mdc-hint{color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-button-toggle-group{border-color:var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-low)}praxis-settings-panel .settings-panel .mat-button-toggle{background:var(--pfx-settings-panel-surface-container-low);color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-button-toggle+.mat-button-toggle{border-left-color:var(--pfx-settings-panel-outline-variant)}praxis-settings-panel .settings-panel .mat-button-toggle-checked{background:var(--pfx-settings-panel-primary-container)!important;color:var(--pfx-settings-panel-on-primary-container)!important}praxis-settings-panel .settings-panel .mat-button-toggle .mat-icon,praxis-settings-panel .settings-panel .mat-button-toggle-checked .mat-icon{color:inherit}praxis-settings-panel .settings-panel .mat-mdc-slide-toggle .mdc-label{color:var(--pfx-settings-panel-on-surface)}.settings-panel{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%}.settings-panel-body{overflow-x:hidden;min-width:0}.settings-panel-body>*{min-width:0;max-width:100%}.praxis-settings-panel-backdrop{background:var(--pfx-backdrop, rgba(8, 15, 26, .42));backdrop-filter:blur(var(--pfx-backdrop-blur, 6px)) saturate(110%);-webkit-backdrop-filter:blur(var(--pfx-backdrop-blur, 6px)) saturate(110%)}.praxis-settings-panel-pane{position:fixed!important;top:0!important;right:0!important;display:flex!important;align-items:stretch!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;z-index:var(--praxis-layer-settings-panel, 1220)!important}.praxis-settings-panel-pane .settings-panel{pointer-events:auto}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [providePraxisSettingsPanelI18n()], template: "<div\n  class=\"settings-panel\"\n  data-testid=\"settings-panel-root\"\n  [class.expanded]=\"expanded\"\n  [class.is-resizable]=\"showResizeHandle\"\n  [ngStyle]=\"panelInlineStyles\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  [attr.aria-labelledby]=\"titleId\"\n  cdkTrapFocus\n  cdkTrapFocusAutoCapture\n  >\n  @if (showResizeHandle) {\n    <div\n      class=\"settings-panel__resize-handle\"\n      role=\"separator\"\n      tabindex=\"0\"\n      aria-orientation=\"vertical\"\n      [attr.aria-label]=\"resizeHandleLabel\"\n      (pointerdown)=\"onResizeHandlePointerDown($event)\"\n      (keydown)=\"onResizeHandleKeydown($event)\"\n    ></div>\n  }\n  <header class=\"settings-panel-header\">\n    <h2 class=\"settings-panel-title\" [id]=\"titleId\">\n      @if (titleIcon) {\n        <mat-icon class=\"title-icon\" [praxisIcon]=\"titleIcon\"></mat-icon>\n      }\n      <span>{{ title }}</span>\n    </h2>\n    <span class=\"spacer\"></span>\n    <button\n      [praxisIconButton]=\"expanded ? 'close_fullscreen' : 'open_in_full'\"\n      size=\"compact\"\n      type=\"button\"\n      data-testid=\"settings-panel-toggle-expand\"\n      [attr.aria-label]=\"expanded ? tx('Collapse panel') : tx('Expand panel')\"\n      [attr.aria-expanded]=\"expanded\"\n      [matTooltip]=\"expanded ? tx('Collapse panel') : tx('Expand panel')\"\n      (click)=\"toggleExpand()\"\n    ></button>\n    <button\n      praxisIconButton=\"close\"\n      size=\"compact\"\n      type=\"button\"\n      data-testid=\"settings-panel-close-icon\"\n      [attr.aria-label]=\"tx('Close')\"\n      [matTooltip]=\"tx('Close')\"\n      (click)=\"onCancel()\"\n    ></button>\n  </header>\n  @if (showStatusMessage) {\n    <div\n      class=\"settings-panel-status\"\n      [attr.data-status]=\"statusTone\"\n      role=\"status\"\n      aria-live=\"polite\"\n      >\n      <mat-icon\n        aria-hidden=\"true\"\n        [praxisIcon]=\"\n          statusTone === 'dirty' || statusTone === 'invalid'\n            ? 'warning'\n            : statusTone === 'saved'\n              ? 'check_circle'\n              : statusTone === 'busy'\n                ? 'autorenew'\n                : 'info'\n        \"\n      ></mat-icon>\n      <span>{{ statusMessage }}</span>\n    </div>\n  }\n  <div class=\"settings-panel-body\">\n    <ng-template #contentHost></ng-template>\n  </div>\n  <footer class=\"settings-panel-footer\">\n    <button\n      mat-button\n      type=\"button\"\n      data-testid=\"settings-panel-reset\"\n      (mousedown)=\"$event.stopPropagation()\"\n      (click)=\"$event.stopPropagation(); onReset()\"\n      [disabled]=\"isBusy\"\n      >\n      <mat-icon aria-hidden=\"true\" [praxisIcon]=\"'restart_alt'\"></mat-icon>\n      <span>{{ tx('Reset') }}</span>\n    </button>\n    <span class=\"spacer\"></span>\n    <button\n      mat-button\n      type=\"button\"\n      data-testid=\"settings-panel-cancel\"\n      (mousedown)=\"$event.stopPropagation()\"\n      (click)=\"$event.stopPropagation(); onCancel()\"\n      [disabled]=\"isBusy\"\n      >\n      <mat-icon aria-hidden=\"true\" [praxisIcon]=\"'close'\"></mat-icon>\n      <span>{{ tx('Cancel') }}</span>\n    </button>\n    <button\n      mat-stroked-button\n      type=\"button\"\n      data-testid=\"settings-panel-apply\"\n      (mousedown)=\"$event.stopPropagation()\"\n      (click)=\"$event.stopPropagation(); onApply()\"\n      [disabled]=\"!canApply\"\n      [matTooltip]=\"applySaveDisabledReason\"\n      [matTooltipDisabled]=\"canApply || !diagnostics.showDisabledReason\"\n      [attr.aria-busy]=\"isBusy\"\n      [attr.aria-label]=\"applyActionLabel || 'Apply'\"\n      >\n      @if (showBusyIndicator) {\n        <mat-progress-spinner\n          mode=\"indeterminate\"\n          diameter=\"20\"\n        ></mat-progress-spinner>\n      }\n      @if (!showBusyIndicator) {\n        <mat-icon aria-hidden=\"true\" [praxisIcon]=\"'done'\">done</mat-icon>\n        <span class=\"settings-panel-action-label settings-panel-action-label--apply\">{{ applyActionLabel }}</span>\n      }\n    </button>\n    <button\n      mat-flat-button\n      color=\"primary\"\n      type=\"button\"\n      data-testid=\"settings-panel-save\"\n      (mousedown)=\"$event.stopPropagation()\"\n      (click)=\"$event.stopPropagation(); onSave()\"\n      [disabled]=\"!canSave\"\n      [matTooltip]=\"applySaveDisabledReason\"\n      [matTooltipDisabled]=\"canSave || !diagnostics.showDisabledReason\"\n      [attr.aria-busy]=\"isBusy\"\n      [attr.aria-label]=\"saveActionLabel || 'Save & Close'\"\n      >\n      @if (showBusyIndicator) {\n        <mat-progress-spinner\n          mode=\"indeterminate\"\n          diameter=\"20\"\n        ></mat-progress-spinner>\n      }\n      @if (!showBusyIndicator) {\n        <mat-icon aria-hidden=\"true\" [praxisIcon]=\"'save'\">save</mat-icon>\n        <span class=\"settings-panel-action-label settings-panel-action-label--save\">{{ saveActionLabel }}</span>\n      }\n    </button>\n  </footer>\n</div>\n", styles: ["@charset \"UTF-8\";praxis-settings-panel{display:block;height:100%;width:100%;min-width:0;flex:1 1 auto}praxis-settings-panel .settings-panel{position:relative;--pfx-settings-panel-surface-container: var( --md-sys-color-surface-container, #ffffff );--pfx-settings-panel-surface-container-high: var( --md-sys-color-surface-container-high, #f7f7f7 );--pfx-settings-panel-surface-container-low: var( --md-sys-color-surface-container-low, #f2f4f7 );--pfx-settings-panel-surface: var(--md-sys-color-surface, #ffffff);--pfx-settings-panel-on-surface: var(--md-sys-color-on-surface, #111827);--pfx-settings-panel-on-surface-variant: var( --md-sys-color-on-surface-variant, rgba(17, 24, 39, .72) );--pfx-settings-panel-outline: var( --md-sys-color-outline, rgba(15, 23, 42, .24) );--pfx-settings-panel-outline-variant: var( --md-sys-color-outline-variant, rgba(15, 23, 42, .12) );--pfx-settings-panel-primary: var(--md-sys-color-primary, #2563eb);--pfx-settings-panel-primary-container: var( --md-sys-color-primary-container, rgba(37, 99, 235, .14) );--pfx-settings-panel-on-primary-container: var( --md-sys-color-on-primary-container, #0f172a );--pfx-settings-panel-secondary: var( --md-sys-color-secondary, var(--pfx-settings-panel-primary) );--pfx-settings-panel-error: var(--md-sys-color-error, #b3261e);--pfx-settings-panel-error-container: var( --md-sys-color-error-container, rgba(179, 38, 30, .14) );display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto;grid-template-areas:\"header\" \"status\" \"body\" \"footer\";height:100%;max-width:100%;background:var(--pfx-settings-panel-surface-container);color:var(--pfx-settings-panel-on-surface);border-left:1px solid var(--pfx-settings-panel-outline-variant);width:var(--pfx-settings-panel-width, 720px);max-width:100vw;min-width:0;transition:width .3s ease;box-shadow:var(--pfx-settings-panel-elevation, var(--md-sys-elevation-level2, 0 8px 24px rgba(0, 0, 0, .16)));overflow:hidden}praxis-settings-panel .settings-panel.expanded{width:min(var(--pfx-settings-panel-width-expanded, 95vw),var(--pfx-settings-panel-max-width, 2400px))}praxis-settings-panel .settings-panel__resize-handle{position:absolute;inset:0 auto 0 0;width:12px;cursor:col-resize;touch-action:none;z-index:3;outline:none}praxis-settings-panel .settings-panel__resize-handle:before{content:\"\";position:absolute;inset:0 auto 0 4px;width:2px;background:transparent;transition:background-color var(--pfx-side-panel-motion-duration, .16s) ease,opacity var(--pfx-side-panel-motion-duration, .16s) ease;opacity:0}praxis-settings-panel .settings-panel.is-resizable:hover .settings-panel__resize-handle:before,praxis-settings-panel .settings-panel__resize-handle:focus-visible:before{opacity:1;background:var(--pfx-settings-panel-outline)}praxis-settings-panel .settings-panel-header{grid-area:header;display:flex;align-items:center;gap:var(--pfx-settings-panel-header-gap, 8px);padding:10px var(--pfx-settings-panel-header-padding-x, 16px);min-height:var(--pfx-settings-panel-header-height, 64px);border-bottom:1px solid var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-high);box-shadow:var(--pfx-settings-panel-header-shadow, var(--md-sys-elevation-level1, 0 2px 6px rgba(0, 0, 0, .08)));flex-shrink:0;min-width:0;max-width:100%}praxis-settings-panel .settings-panel-header .spacer{flex:1 1 auto;min-width:0}praxis-settings-panel .settings-panel-status{grid-area:status;display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 16px;border-bottom:1px solid var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-high);color:var(--pfx-settings-panel-on-surface);font-size:.85rem;font-weight:500;min-width:0;max-width:100%}praxis-settings-panel .settings-panel-status mat-icon{width:18px;height:18px;font-size:18px}praxis-settings-panel .settings-panel-status[data-status=dirty],praxis-settings-panel .settings-panel-status[data-status=invalid]{color:var(--pfx-settings-panel-error);background:color-mix(in srgb,var(--pfx-settings-panel-error-container) 30%,var(--pfx-settings-panel-surface-container-high))}praxis-settings-panel .settings-panel-status[data-status=saved]{color:var(--pfx-settings-panel-primary);background:color-mix(in srgb,var(--pfx-settings-panel-primary-container) 28%,var(--pfx-settings-panel-surface-container-high))}praxis-settings-panel .settings-panel-body{grid-area:body;overflow-y:auto;overflow-x:hidden;scroll-padding-top:var(--pfx-settings-panel-scroll-padding-start, 16px);scroll-padding-bottom:var(--pfx-settings-panel-scroll-padding-end, 88px);min-height:0;padding:var(--pfx-settings-panel-body-padding, 8px 8px 24px 8px);background:var(--pfx-settings-panel-surface);display:flex;flex-direction:column;min-width:0;max-width:100%}praxis-settings-panel .settings-panel-body>*{min-width:0;max-width:100%}praxis-settings-panel .settings-panel-content{display:block;min-width:0;max-width:100%}praxis-settings-panel .settings-panel-content>*{min-width:0;max-width:100%;box-sizing:border-box}praxis-settings-panel .settings-panel-footer{grid-area:footer;border-top:1px solid var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-high);box-shadow:var(--pfx-settings-panel-footer-shadow, var(--md-sys-elevation-level1, 0 -2px 6px rgba(0, 0, 0, .08)));display:flex;align-items:center;flex-wrap:wrap;padding:var(--pfx-settings-panel-footer-padding, 12px 16px);column-gap:var(--pfx-settings-panel-footer-gap, 12px);row-gap:8px;flex-shrink:0;min-width:0;max-width:100%}praxis-settings-panel .spacer{flex:1}praxis-settings-panel .settings-panel-title{display:inline-flex;align-items:center;flex:1 1 auto;gap:var(--pfx-settings-panel-title-gap, 8px);font-weight:700;line-height:1.2;letter-spacing:.2px;margin:0;min-width:0;overflow:visible;white-space:normal}praxis-settings-panel .settings-panel-title span{min-width:0;overflow:visible;white-space:normal}praxis-settings-panel .settings-panel-title mat-icon{color:var(--pfx-settings-panel-primary)}praxis-settings-panel .settings-panel-title .title-icon{width:20px;height:20px;font-size:20px}praxis-settings-panel .settings-panel-footer button+button{margin-left:var(--pfx-settings-panel-footer-gap, 12px)}praxis-settings-panel .settings-panel-footer button{display:inline-flex;align-items:center}praxis-settings-panel .settings-panel-footer button .mat-icon{font-size:20px;width:20px;height:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}praxis-settings-panel .settings-panel-footer .mat-button-wrapper{display:inline-flex;align-items:center;gap:var(--pfx-settings-panel-button-gap, 8px)}praxis-settings-panel .settings-panel-footer .mat-progress-spinner{margin-right:8px}praxis-settings-panel .settings-panel-footer .mat-flat-button[color=primary]{font-weight:600}praxis-settings-panel .settings-panel .mdc-button__label{display:inline-flex;align-items:center;gap:var(--pfx-settings-panel-button-gap, 8px);line-height:1}praxis-settings-panel .settings-panel .mdc-button__label>span{display:inline-flex;align-items:center;line-height:1}praxis-settings-panel .settings-panel-action-label--apply:empty:after{content:\"Apply\"}praxis-settings-panel .settings-panel-action-label--save:empty:after{content:\"Save & Close\"}praxis-settings-panel .settings-panel .mdc-button__label .mat-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}@media(max-width:520px){praxis-settings-panel .settings-panel-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}praxis-settings-panel .settings-panel-footer .spacer{display:none}praxis-settings-panel .settings-panel-footer button{justify-content:center;width:100%;min-width:0}praxis-settings-panel .settings-panel-footer button+button{margin-left:0}}praxis-settings-panel .settings-panel .mat-divider{background-color:var(--pfx-settings-panel-outline-variant)!important}praxis-settings-panel .settings-panel .mat-expansion-panel{background:var(--pfx-settings-panel-surface-container)!important;border:1px solid var(--pfx-settings-panel-outline-variant);border-radius:var(--md-sys-shape-corner-medium, 12px);box-shadow:var(--md-sys-elevation-level1, 0 2px 8px rgba(0, 0, 0, .08));color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-expansion-panel-header{background:var(--pfx-settings-panel-surface-container)!important;color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-content{color:var(--pfx-settings-panel-on-surface);flex-wrap:wrap;gap:4px 12px;min-width:0;overflow:visible}praxis-settings-panel .settings-panel .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover{background:color-mix(in srgb,var(--pfx-settings-panel-surface-container-high) 84%,var(--pfx-settings-panel-primary) 16%)}praxis-settings-panel .settings-panel .mat-expansion-panel.mat-expanded>.mat-expansion-panel-header{background:var(--pfx-settings-panel-surface-container-high)!important}praxis-settings-panel .settings-panel .mat-expansion-panel-header mat-icon,praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-icon{color:var(--pfx-settings-panel-on-surface)!important}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-title,praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-description{color:var(--pfx-settings-panel-on-surface);min-width:0;overflow:visible;white-space:normal}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-description{color:var(--pfx-settings-panel-on-surface-variant);flex-wrap:wrap;gap:8px}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-title>*,praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-description>*{color:inherit}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-title small,praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-panel-header-description small{color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-indicator,praxis-settings-panel .settings-panel .mat-expansion-panel-header .mat-expansion-indicator:after{color:var(--pfx-settings-panel-on-surface-variant);border-color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-expansion-panel .mat-action-row{border-top-color:var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-low)}praxis-settings-panel .settings-panel .mat-accordion,praxis-settings-panel .settings-panel .mat-accordion .mat-expansion-panel-spacing{background:transparent!important}praxis-settings-panel .settings-panel .mat-expansion-panel-content,praxis-settings-panel .settings-panel .mat-expansion-panel-content-wrapper,praxis-settings-panel .settings-panel .mat-expansion-panel-body{background:var(--pfx-settings-panel-surface-container)!important;color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-expansion-panel .mat-expansion-panel-body{padding:8px}praxis-settings-panel .settings-panel .mat-expansion-panel .mat-expansion-panel-body>*{color:inherit}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mat-mdc-tab-header{border-bottom:1px solid var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-low)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab{min-width:0}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab .mdc-tab__text-label{color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab:hover .mdc-tab__text-label,praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab:focus .mdc-tab__text-label{color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab.mdc-tab--active .mdc-tab__text-label{color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mat-mdc-tab-header-pagination{color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mat-mdc-tab-header-pagination-chevron{border-color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mat-mdc-tab-header-pagination:not(.mat-mdc-tab-header-pagination-disabled):hover{background:color-mix(in srgb,var(--pfx-settings-panel-surface-container-high) 84%,var(--pfx-settings-panel-primary) 16%)}praxis-settings-panel .settings-panel .mat-mdc-tab-group .mdc-tab-indicator__content--underline{border-color:var(--pfx-settings-panel-primary)}praxis-settings-panel .settings-panel .mat-mdc-card{background:var(--pfx-settings-panel-surface-container-low);border:1px solid var(--pfx-settings-panel-outline-variant);color:var(--pfx-settings-panel-on-surface);box-shadow:var(--md-sys-elevation-level1, 0 2px 8px rgba(0, 0, 0, .08))}praxis-settings-panel .settings-panel .mat-mdc-card-subtitle,praxis-settings-panel .settings-panel .mat-mdc-card-content{color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-mdc-card-title{color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-mdc-form-field{width:100%;--mdc-filled-text-field-container-color: var( --pfx-settings-panel-surface-container );--mdc-filled-text-field-hover-container-color: var( --pfx-settings-panel-surface-container-high );--mdc-filled-text-field-focus-container-color: var( --pfx-settings-panel-surface-container-high );--mdc-filled-text-field-active-indicator-color: var( --pfx-settings-panel-outline-variant );--mdc-filled-text-field-hover-active-indicator-color: var( --pfx-settings-panel-secondary );--mdc-filled-text-field-focus-active-indicator-color: var( --pfx-settings-panel-primary );--mdc-filled-text-field-label-text-color: var( --pfx-settings-panel-on-surface-variant );--mdc-filled-text-field-focus-label-text-color: var( --pfx-settings-panel-primary );--mdc-filled-text-field-input-text-color: var( --pfx-settings-panel-on-surface );--mdc-filled-text-field-caret-color: var(--pfx-settings-panel-primary);--mdc-outlined-text-field-outline-color: var( --pfx-settings-panel-outline-variant );--mdc-outlined-text-field-hover-outline-color: var( --pfx-settings-panel-secondary );--mdc-outlined-text-field-focus-outline-color: var( --pfx-settings-panel-primary );--mdc-outlined-text-field-label-text-color: var( --pfx-settings-panel-on-surface-variant );--mdc-outlined-text-field-focus-label-text-color: var( --pfx-settings-panel-primary );--mdc-outlined-text-field-input-text-color: var( --pfx-settings-panel-on-surface );--mdc-outlined-text-field-caret-color: var(--pfx-settings-panel-primary);--mat-form-field-focus-select-arrow-color: var( --pfx-settings-panel-primary );--mat-form-field-enabled-select-arrow-color: var( --pfx-settings-panel-on-surface-variant )}praxis-settings-panel .settings-panel .mdc-text-field--filled{background-color:var(--pfx-settings-panel-surface-container)!important;border-radius:var(--md-sys-shape-corner-small, 8px) var(--md-sys-shape-corner-small, 8px) 0 0}praxis-settings-panel .settings-panel .mat-mdc-text-field-wrapper,praxis-settings-panel .settings-panel .mat-mdc-form-field-flex,praxis-settings-panel .settings-panel .mat-mdc-form-field-infix,praxis-settings-panel .settings-panel .mat-mdc-form-field-focus-overlay{background:var(--pfx-settings-panel-surface-container)!important;color:var(--pfx-settings-panel-on-surface)}praxis-settings-panel .settings-panel .mat-mdc-form-field-focus-overlay{opacity:0}praxis-settings-panel .settings-panel .mdc-text-field--filled .mdc-text-field__input,praxis-settings-panel .settings-panel .mdc-text-field--filled .mdc-floating-label,praxis-settings-panel .settings-panel .mat-mdc-select-value,praxis-settings-panel .settings-panel .mat-mdc-select-arrow,praxis-settings-panel .settings-panel .mat-mdc-form-field .mat-mdc-floating-label{color:var(--pfx-settings-panel-on-surface-variant)!important}praxis-settings-panel .settings-panel .mdc-text-field--filled.mdc-text-field--focused .mdc-floating-label,praxis-settings-panel .settings-panel .mdc-text-field--filled .mdc-text-field__input{color:var(--pfx-settings-panel-on-surface)!important}praxis-settings-panel .settings-panel .mat-mdc-form-field input,praxis-settings-panel .settings-panel .mat-mdc-form-field textarea,praxis-settings-panel .settings-panel .mat-mdc-form-field .mdc-text-field__input{color:var(--pfx-settings-panel-on-surface)!important}praxis-settings-panel .settings-panel .mat-mdc-form-field-subscript-wrapper,praxis-settings-panel .settings-panel .mat-mdc-form-field-hint-wrapper,praxis-settings-panel .settings-panel .mat-mdc-form-field-error-wrapper,praxis-settings-panel .settings-panel .mat-mdc-hint{color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-button-toggle-group{border-color:var(--pfx-settings-panel-outline-variant);background:var(--pfx-settings-panel-surface-container-low)}praxis-settings-panel .settings-panel .mat-button-toggle{background:var(--pfx-settings-panel-surface-container-low);color:var(--pfx-settings-panel-on-surface-variant)}praxis-settings-panel .settings-panel .mat-button-toggle+.mat-button-toggle{border-left-color:var(--pfx-settings-panel-outline-variant)}praxis-settings-panel .settings-panel .mat-button-toggle-checked{background:var(--pfx-settings-panel-primary-container)!important;color:var(--pfx-settings-panel-on-primary-container)!important}praxis-settings-panel .settings-panel .mat-button-toggle .mat-icon,praxis-settings-panel .settings-panel .mat-button-toggle-checked .mat-icon{color:inherit}praxis-settings-panel .settings-panel .mat-mdc-slide-toggle .mdc-label{color:var(--pfx-settings-panel-on-surface)}.settings-panel{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%}.settings-panel-body{overflow-x:hidden;min-width:0}.settings-panel-body>*{min-width:0;max-width:100%}.praxis-settings-panel-backdrop{background:var(--pfx-backdrop, rgba(8, 15, 26, .42));backdrop-filter:blur(var(--pfx-backdrop-blur, 6px)) saturate(110%);-webkit-backdrop-filter:blur(var(--pfx-backdrop-blur, 6px)) saturate(110%)}.praxis-settings-panel-pane{position:fixed!important;top:0!important;right:0!important;display:flex!important;align-items:stretch!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;z-index:var(--praxis-layer-settings-panel, 1220)!important}.praxis-settings-panel-pane .settings-panel{pointer-events:auto}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.MatDialog }, { type: i0.ElementRef }, { type: i1$1.OverlayContainer }], propDecorators: { contentHost: [{
                 type: ViewChild,
                 args: ['contentHost', { read: ViewContainerRef, static: true }]
@@ -1369,7 +1370,7 @@ class BaseSidePanelComponent {
         return Number.isFinite(parsed) ? parsed : null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BaseSidePanelComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.PraxisI18nService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: BaseSidePanelComponent, isStandalone: true, selector: "praxis-base-side-panel", host: { listeners: { "document:pointermove": "onDocumentPointerMove($event)", "document:pointerup": "onDocumentPointerEnd($event)", "document:pointercancel": "onDocumentPointerEnd($event)" } }, viewQueries: [{ propertyName: "contentHost", first: true, predicate: ["contentHost"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "footerHost", first: true, predicate: ["footerHost"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n  class=\"pfx-base-side-panel\"\n  [class.has-header]=\"hasHeader\"\n  [class.has-footer]=\"hasFooter\"\n  [class.width-narrow]=\"widthClass === 'width-narrow'\"\n  [class.width-default]=\"widthClass === 'width-default'\"\n  [class.width-wide]=\"widthClass === 'width-wide'\"\n  [class.width-full]=\"widthClass === 'width-full'\"\n  [class.use-host-width]=\"useHostWidth\"\n  [class.is-resizable]=\"showResizeHandle\"\n  [ngClass]=\"hostClasses\"\n  [ngStyle]=\"mergedHostStyles\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  [attr.aria-labelledby]=\"hasHeader ? titleId : null\"\n  cdkTrapFocus\n  cdkTrapFocusAutoCapture\n>\n  @if (showResizeHandle) {\n    <div\n      class=\"pfx-base-side-panel__resize-handle\"\n      role=\"separator\"\n      tabindex=\"0\"\n      aria-orientation=\"vertical\"\n      [attr.aria-label]=\"resizeHandleLabel\"\n      (pointerdown)=\"onResizeHandlePointerDown($event)\"\n      (keydown)=\"onResizeHandleKeydown($event)\"\n    ></div>\n  }\n  @if (hasHeader) {\n    <header class=\"pfx-base-side-panel__header\">\n      <div class=\"pfx-base-side-panel__title-block\">\n        @if (titleIcon) {\n          <mat-icon class=\"pfx-base-side-panel__title-icon\" [praxisIcon]=\"titleIcon\"></mat-icon>\n        }\n        <div class=\"pfx-base-side-panel__copy\">\n          @if (title) {\n            <h2 class=\"pfx-base-side-panel__title\" [id]=\"titleId\">{{ title }}</h2>\n          }\n          @if (subtitle) {\n            <p class=\"pfx-base-side-panel__subtitle\">{{ subtitle }}</p>\n          }\n        </div>\n      </div>\n      <button\n        mat-icon-button\n        type=\"button\"\n        class=\"pfx-base-side-panel__close\"\n        [attr.aria-label]=\"closeLabel\"\n        [matTooltip]=\"closeLabel\"\n        (click)=\"onClose?.()\"\n      >\n        <mat-icon [praxisIcon]=\"'close'\"></mat-icon>\n      </button>\n    </header>\n  }\n\n  <section class=\"pfx-base-side-panel__body\">\n    <ng-template #contentHost></ng-template>\n  </section>\n\n  <footer class=\"pfx-base-side-panel__footer\" [hidden]=\"!hasFooter\">\n    <ng-template #footerHost></ng-template>\n  </footer>\n</div>\n", styles: [":host{display:block;height:100%;width:100%;min-width:0;flex:1 1 auto}.pfx-base-side-panel{position:relative;display:grid;grid-template-rows:auto 1fr auto;height:100%;min-width:0;max-width:100%;overflow:hidden;background:var(--md-sys-color-surface-container, #fff);color:var(--md-sys-color-on-surface, #111);border-left:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));border-radius:var(--pfx-side-panel-border-radius, 0);box-shadow:var(--pfx-side-panel-elevation, var(--md-sys-elevation-level2, 0 8px 24px rgba(0, 0, 0, .16)));width:var(--pfx-side-panel-width, 720px)}.pfx-base-side-panel__resize-handle{position:absolute;inset:0 auto 0 0;width:12px;cursor:col-resize;touch-action:none;z-index:2;outline:none}.pfx-base-side-panel__resize-handle:before{content:\"\";position:absolute;inset:0 auto 0 4px;width:2px;background:transparent;transition:background-color var(--pfx-side-panel-motion-duration, .16s) ease,opacity var(--pfx-side-panel-motion-duration, .16s) ease;opacity:0}.pfx-base-side-panel.is-resizable:hover .pfx-base-side-panel__resize-handle:before,.pfx-base-side-panel__resize-handle:focus-visible:before{opacity:1;background:var(--md-sys-color-outline, rgba(0, 0, 0, .24))}.pfx-base-side-panel.use-host-width{width:100%;max-width:100%}.pfx-base-side-panel.width-narrow{width:var(--pfx-side-panel-width, 420px)}.pfx-base-side-panel.width-default{width:var(--pfx-side-panel-width, 720px)}.pfx-base-side-panel.width-wide{width:var(--pfx-side-panel-width, 960px)}.pfx-base-side-panel.width-full{width:min(100vw,var(--pfx-side-panel-max-width, 100vw))}.pfx-base-side-panel__header{display:flex;align-items:center;gap:var(--pfx-side-panel-header-gap, 8px);min-height:var(--pfx-side-panel-header-height, 64px);padding:0 var(--pfx-side-panel-header-padding-x, 16px);border-bottom:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));background:var(--md-sys-color-surface-container-high, #f7f7f7)}.pfx-base-side-panel__title-block{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1 1 auto}.pfx-base-side-panel__title-icon{color:var(--md-sys-color-primary, currentColor)}.pfx-base-side-panel__copy{min-width:0}.pfx-base-side-panel__title,.pfx-base-side-panel__subtitle{margin:0}.pfx-base-side-panel__title{font-size:1rem;font-weight:600}.pfx-base-side-panel__subtitle{margin-top:4px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .64));font-size:.875rem}.pfx-base-side-panel__body{min-height:0;overflow:auto;padding:var(--pfx-side-panel-body-padding, 16px);background:var(--md-sys-color-surface, #fff)}.pfx-base-side-panel__footer{border-top:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));background:var(--md-sys-color-surface-container-high, #f7f7f7);padding:var(--pfx-side-panel-footer-padding, 12px 16px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: BaseSidePanelComponent, isStandalone: true, selector: "praxis-base-side-panel", host: { listeners: { "document:pointermove": "onDocumentPointerMove($event)", "document:pointerup": "onDocumentPointerEnd($event)", "document:pointercancel": "onDocumentPointerEnd($event)" } }, viewQueries: [{ propertyName: "contentHost", first: true, predicate: ["contentHost"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "footerHost", first: true, predicate: ["footerHost"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n  class=\"pfx-base-side-panel\"\n  [class.has-header]=\"hasHeader\"\n  [class.has-footer]=\"hasFooter\"\n  [class.width-narrow]=\"widthClass === 'width-narrow'\"\n  [class.width-default]=\"widthClass === 'width-default'\"\n  [class.width-wide]=\"widthClass === 'width-wide'\"\n  [class.width-full]=\"widthClass === 'width-full'\"\n  [class.use-host-width]=\"useHostWidth\"\n  [class.is-resizable]=\"showResizeHandle\"\n  [ngClass]=\"hostClasses\"\n  [ngStyle]=\"mergedHostStyles\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  [attr.aria-labelledby]=\"hasHeader ? titleId : null\"\n  cdkTrapFocus\n  cdkTrapFocusAutoCapture\n>\n  @if (showResizeHandle) {\n    <div\n      class=\"pfx-base-side-panel__resize-handle\"\n      role=\"separator\"\n      tabindex=\"0\"\n      aria-orientation=\"vertical\"\n      [attr.aria-label]=\"resizeHandleLabel\"\n      (pointerdown)=\"onResizeHandlePointerDown($event)\"\n      (keydown)=\"onResizeHandleKeydown($event)\"\n    ></div>\n  }\n  @if (hasHeader) {\n    <header class=\"pfx-base-side-panel__header\">\n      <div class=\"pfx-base-side-panel__title-block\">\n        @if (titleIcon) {\n          <mat-icon class=\"pfx-base-side-panel__title-icon\" [praxisIcon]=\"titleIcon\"></mat-icon>\n        }\n        <div class=\"pfx-base-side-panel__copy\">\n          @if (title) {\n            <h2 class=\"pfx-base-side-panel__title\" [id]=\"titleId\">{{ title }}</h2>\n          }\n          @if (subtitle) {\n            <p class=\"pfx-base-side-panel__subtitle\">{{ subtitle }}</p>\n          }\n        </div>\n      </div>\n      <button\n        praxisIconButton=\"close\"\n        size=\"compact\"\n        type=\"button\"\n        class=\"pfx-base-side-panel__close\"\n        [attr.aria-label]=\"closeLabel\"\n        [matTooltip]=\"closeLabel\"\n        (click)=\"onClose?.()\"\n      ></button>\n    </header>\n  }\n\n  <section class=\"pfx-base-side-panel__body\">\n    <ng-template #contentHost></ng-template>\n  </section>\n\n  <footer class=\"pfx-base-side-panel__footer\" [hidden]=\"!hasFooter\">\n    <ng-template #footerHost></ng-template>\n  </footer>\n</div>\n", styles: [":host{display:block;height:100%;width:100%;min-width:0;flex:1 1 auto}.pfx-base-side-panel{position:relative;display:grid;grid-template-rows:auto 1fr auto;height:100%;min-width:0;max-width:100%;overflow:hidden;background:var(--md-sys-color-surface-container, #fff);color:var(--md-sys-color-on-surface, #111);border-left:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));border-radius:var(--pfx-side-panel-border-radius, 0);box-shadow:var(--pfx-side-panel-elevation, var(--md-sys-elevation-level2, 0 8px 24px rgba(0, 0, 0, .16)));width:var(--pfx-side-panel-width, 720px)}.pfx-base-side-panel__resize-handle{position:absolute;inset:0 auto 0 0;width:12px;cursor:col-resize;touch-action:none;z-index:2;outline:none}.pfx-base-side-panel__resize-handle:before{content:\"\";position:absolute;inset:0 auto 0 4px;width:2px;background:transparent;transition:background-color var(--pfx-side-panel-motion-duration, .16s) ease,opacity var(--pfx-side-panel-motion-duration, .16s) ease;opacity:0}.pfx-base-side-panel.is-resizable:hover .pfx-base-side-panel__resize-handle:before,.pfx-base-side-panel__resize-handle:focus-visible:before{opacity:1;background:var(--md-sys-color-outline, rgba(0, 0, 0, .24))}.pfx-base-side-panel.use-host-width{width:100%;max-width:100%}.pfx-base-side-panel.width-narrow{width:var(--pfx-side-panel-width, 420px)}.pfx-base-side-panel.width-default{width:var(--pfx-side-panel-width, 720px)}.pfx-base-side-panel.width-wide{width:var(--pfx-side-panel-width, 960px)}.pfx-base-side-panel.width-full{width:min(100vw,var(--pfx-side-panel-max-width, 100vw))}.pfx-base-side-panel__header{display:flex;align-items:center;gap:var(--pfx-side-panel-header-gap, 8px);min-height:var(--pfx-side-panel-header-height, 64px);padding:0 var(--pfx-side-panel-header-padding-x, 16px);border-bottom:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));background:var(--md-sys-color-surface-container-high, #f7f7f7)}.pfx-base-side-panel__title-block{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1 1 auto}.pfx-base-side-panel__title-icon{color:var(--md-sys-color-primary, currentColor)}.pfx-base-side-panel__copy{min-width:0}.pfx-base-side-panel__title,.pfx-base-side-panel__subtitle{margin:0}.pfx-base-side-panel__title{font-size:1rem;font-weight:600}.pfx-base-side-panel__subtitle{margin-top:4px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .64));font-size:.875rem}.pfx-base-side-panel__body{min-height:0;overflow:auto;padding:var(--pfx-side-panel-body-padding, 16px);background:var(--md-sys-color-surface, #fff)}.pfx-base-side-panel__footer{border-top:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));background:var(--md-sys-color-surface-container-high, #f7f7f7);padding:var(--pfx-side-panel-footer-padding, 12px 16px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: BaseSidePanelComponent, decorators: [{
             type: Component,
@@ -1377,12 +1378,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         CommonModule,
                         NgClass,
                         NgStyle,
-                        MatButtonModule,
                         MatIconModule,
                         MatTooltipModule,
                         CdkTrapFocus,
+                        PraxisIconButtonComponent,
                         PraxisIconDirective,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"pfx-base-side-panel\"\n  [class.has-header]=\"hasHeader\"\n  [class.has-footer]=\"hasFooter\"\n  [class.width-narrow]=\"widthClass === 'width-narrow'\"\n  [class.width-default]=\"widthClass === 'width-default'\"\n  [class.width-wide]=\"widthClass === 'width-wide'\"\n  [class.width-full]=\"widthClass === 'width-full'\"\n  [class.use-host-width]=\"useHostWidth\"\n  [class.is-resizable]=\"showResizeHandle\"\n  [ngClass]=\"hostClasses\"\n  [ngStyle]=\"mergedHostStyles\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  [attr.aria-labelledby]=\"hasHeader ? titleId : null\"\n  cdkTrapFocus\n  cdkTrapFocusAutoCapture\n>\n  @if (showResizeHandle) {\n    <div\n      class=\"pfx-base-side-panel__resize-handle\"\n      role=\"separator\"\n      tabindex=\"0\"\n      aria-orientation=\"vertical\"\n      [attr.aria-label]=\"resizeHandleLabel\"\n      (pointerdown)=\"onResizeHandlePointerDown($event)\"\n      (keydown)=\"onResizeHandleKeydown($event)\"\n    ></div>\n  }\n  @if (hasHeader) {\n    <header class=\"pfx-base-side-panel__header\">\n      <div class=\"pfx-base-side-panel__title-block\">\n        @if (titleIcon) {\n          <mat-icon class=\"pfx-base-side-panel__title-icon\" [praxisIcon]=\"titleIcon\"></mat-icon>\n        }\n        <div class=\"pfx-base-side-panel__copy\">\n          @if (title) {\n            <h2 class=\"pfx-base-side-panel__title\" [id]=\"titleId\">{{ title }}</h2>\n          }\n          @if (subtitle) {\n            <p class=\"pfx-base-side-panel__subtitle\">{{ subtitle }}</p>\n          }\n        </div>\n      </div>\n      <button\n        mat-icon-button\n        type=\"button\"\n        class=\"pfx-base-side-panel__close\"\n        [attr.aria-label]=\"closeLabel\"\n        [matTooltip]=\"closeLabel\"\n        (click)=\"onClose?.()\"\n      >\n        <mat-icon [praxisIcon]=\"'close'\"></mat-icon>\n      </button>\n    </header>\n  }\n\n  <section class=\"pfx-base-side-panel__body\">\n    <ng-template #contentHost></ng-template>\n  </section>\n\n  <footer class=\"pfx-base-side-panel__footer\" [hidden]=\"!hasFooter\">\n    <ng-template #footerHost></ng-template>\n  </footer>\n</div>\n", styles: [":host{display:block;height:100%;width:100%;min-width:0;flex:1 1 auto}.pfx-base-side-panel{position:relative;display:grid;grid-template-rows:auto 1fr auto;height:100%;min-width:0;max-width:100%;overflow:hidden;background:var(--md-sys-color-surface-container, #fff);color:var(--md-sys-color-on-surface, #111);border-left:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));border-radius:var(--pfx-side-panel-border-radius, 0);box-shadow:var(--pfx-side-panel-elevation, var(--md-sys-elevation-level2, 0 8px 24px rgba(0, 0, 0, .16)));width:var(--pfx-side-panel-width, 720px)}.pfx-base-side-panel__resize-handle{position:absolute;inset:0 auto 0 0;width:12px;cursor:col-resize;touch-action:none;z-index:2;outline:none}.pfx-base-side-panel__resize-handle:before{content:\"\";position:absolute;inset:0 auto 0 4px;width:2px;background:transparent;transition:background-color var(--pfx-side-panel-motion-duration, .16s) ease,opacity var(--pfx-side-panel-motion-duration, .16s) ease;opacity:0}.pfx-base-side-panel.is-resizable:hover .pfx-base-side-panel__resize-handle:before,.pfx-base-side-panel__resize-handle:focus-visible:before{opacity:1;background:var(--md-sys-color-outline, rgba(0, 0, 0, .24))}.pfx-base-side-panel.use-host-width{width:100%;max-width:100%}.pfx-base-side-panel.width-narrow{width:var(--pfx-side-panel-width, 420px)}.pfx-base-side-panel.width-default{width:var(--pfx-side-panel-width, 720px)}.pfx-base-side-panel.width-wide{width:var(--pfx-side-panel-width, 960px)}.pfx-base-side-panel.width-full{width:min(100vw,var(--pfx-side-panel-max-width, 100vw))}.pfx-base-side-panel__header{display:flex;align-items:center;gap:var(--pfx-side-panel-header-gap, 8px);min-height:var(--pfx-side-panel-header-height, 64px);padding:0 var(--pfx-side-panel-header-padding-x, 16px);border-bottom:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));background:var(--md-sys-color-surface-container-high, #f7f7f7)}.pfx-base-side-panel__title-block{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1 1 auto}.pfx-base-side-panel__title-icon{color:var(--md-sys-color-primary, currentColor)}.pfx-base-side-panel__copy{min-width:0}.pfx-base-side-panel__title,.pfx-base-side-panel__subtitle{margin:0}.pfx-base-side-panel__title{font-size:1rem;font-weight:600}.pfx-base-side-panel__subtitle{margin-top:4px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .64));font-size:.875rem}.pfx-base-side-panel__body{min-height:0;overflow:auto;padding:var(--pfx-side-panel-body-padding, 16px);background:var(--md-sys-color-surface, #fff)}.pfx-base-side-panel__footer{border-top:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));background:var(--md-sys-color-surface-container-high, #f7f7f7);padding:var(--pfx-side-panel-footer-padding, 12px 16px)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"pfx-base-side-panel\"\n  [class.has-header]=\"hasHeader\"\n  [class.has-footer]=\"hasFooter\"\n  [class.width-narrow]=\"widthClass === 'width-narrow'\"\n  [class.width-default]=\"widthClass === 'width-default'\"\n  [class.width-wide]=\"widthClass === 'width-wide'\"\n  [class.width-full]=\"widthClass === 'width-full'\"\n  [class.use-host-width]=\"useHostWidth\"\n  [class.is-resizable]=\"showResizeHandle\"\n  [ngClass]=\"hostClasses\"\n  [ngStyle]=\"mergedHostStyles\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  [attr.aria-labelledby]=\"hasHeader ? titleId : null\"\n  cdkTrapFocus\n  cdkTrapFocusAutoCapture\n>\n  @if (showResizeHandle) {\n    <div\n      class=\"pfx-base-side-panel__resize-handle\"\n      role=\"separator\"\n      tabindex=\"0\"\n      aria-orientation=\"vertical\"\n      [attr.aria-label]=\"resizeHandleLabel\"\n      (pointerdown)=\"onResizeHandlePointerDown($event)\"\n      (keydown)=\"onResizeHandleKeydown($event)\"\n    ></div>\n  }\n  @if (hasHeader) {\n    <header class=\"pfx-base-side-panel__header\">\n      <div class=\"pfx-base-side-panel__title-block\">\n        @if (titleIcon) {\n          <mat-icon class=\"pfx-base-side-panel__title-icon\" [praxisIcon]=\"titleIcon\"></mat-icon>\n        }\n        <div class=\"pfx-base-side-panel__copy\">\n          @if (title) {\n            <h2 class=\"pfx-base-side-panel__title\" [id]=\"titleId\">{{ title }}</h2>\n          }\n          @if (subtitle) {\n            <p class=\"pfx-base-side-panel__subtitle\">{{ subtitle }}</p>\n          }\n        </div>\n      </div>\n      <button\n        praxisIconButton=\"close\"\n        size=\"compact\"\n        type=\"button\"\n        class=\"pfx-base-side-panel__close\"\n        [attr.aria-label]=\"closeLabel\"\n        [matTooltip]=\"closeLabel\"\n        (click)=\"onClose?.()\"\n      ></button>\n    </header>\n  }\n\n  <section class=\"pfx-base-side-panel__body\">\n    <ng-template #contentHost></ng-template>\n  </section>\n\n  <footer class=\"pfx-base-side-panel__footer\" [hidden]=\"!hasFooter\">\n    <ng-template #footerHost></ng-template>\n  </footer>\n</div>\n", styles: [":host{display:block;height:100%;width:100%;min-width:0;flex:1 1 auto}.pfx-base-side-panel{position:relative;display:grid;grid-template-rows:auto 1fr auto;height:100%;min-width:0;max-width:100%;overflow:hidden;background:var(--md-sys-color-surface-container, #fff);color:var(--md-sys-color-on-surface, #111);border-left:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));border-radius:var(--pfx-side-panel-border-radius, 0);box-shadow:var(--pfx-side-panel-elevation, var(--md-sys-elevation-level2, 0 8px 24px rgba(0, 0, 0, .16)));width:var(--pfx-side-panel-width, 720px)}.pfx-base-side-panel__resize-handle{position:absolute;inset:0 auto 0 0;width:12px;cursor:col-resize;touch-action:none;z-index:2;outline:none}.pfx-base-side-panel__resize-handle:before{content:\"\";position:absolute;inset:0 auto 0 4px;width:2px;background:transparent;transition:background-color var(--pfx-side-panel-motion-duration, .16s) ease,opacity var(--pfx-side-panel-motion-duration, .16s) ease;opacity:0}.pfx-base-side-panel.is-resizable:hover .pfx-base-side-panel__resize-handle:before,.pfx-base-side-panel__resize-handle:focus-visible:before{opacity:1;background:var(--md-sys-color-outline, rgba(0, 0, 0, .24))}.pfx-base-side-panel.use-host-width{width:100%;max-width:100%}.pfx-base-side-panel.width-narrow{width:var(--pfx-side-panel-width, 420px)}.pfx-base-side-panel.width-default{width:var(--pfx-side-panel-width, 720px)}.pfx-base-side-panel.width-wide{width:var(--pfx-side-panel-width, 960px)}.pfx-base-side-panel.width-full{width:min(100vw,var(--pfx-side-panel-max-width, 100vw))}.pfx-base-side-panel__header{display:flex;align-items:center;gap:var(--pfx-side-panel-header-gap, 8px);min-height:var(--pfx-side-panel-header-height, 64px);padding:0 var(--pfx-side-panel-header-padding-x, 16px);border-bottom:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));background:var(--md-sys-color-surface-container-high, #f7f7f7)}.pfx-base-side-panel__title-block{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1 1 auto}.pfx-base-side-panel__title-icon{color:var(--md-sys-color-primary, currentColor)}.pfx-base-side-panel__copy{min-width:0}.pfx-base-side-panel__title,.pfx-base-side-panel__subtitle{margin:0}.pfx-base-side-panel__title{font-size:1rem;font-weight:600}.pfx-base-side-panel__subtitle{margin-top:4px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .64));font-size:.875rem}.pfx-base-side-panel__body{min-height:0;overflow:auto;padding:var(--pfx-side-panel-body-padding, 16px);background:var(--md-sys-color-surface, #fff)}.pfx-base-side-panel__footer{border-top:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));background:var(--md-sys-color-surface-container-high, #f7f7f7);padding:var(--pfx-side-panel-footer-padding, 12px 16px)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$2.PraxisI18nService }], propDecorators: { contentHost: [{
                 type: ViewChild,
                 args: ['contentHost', { read: ViewContainerRef, static: true }]
@@ -1868,7 +1869,7 @@ class SurfaceDrawerComponent {
         return new Set(Object.keys(declaredInputs));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SurfaceDrawerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.PraxisI18nService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: SurfaceDrawerComponent, isStandalone: true, selector: "praxis-surface-drawer", viewQueries: [{ propertyName: "contentHost", first: true, predicate: ["contentHost"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n  class=\"pfx-surface-drawer\"\n  [class.has-header]=\"hasHeader\"\n  [class.width-narrow]=\"widthClass === 'width-narrow'\"\n  [class.width-default]=\"widthClass === 'width-default'\"\n  [class.width-wide]=\"widthClass === 'width-wide'\"\n  [class.width-full]=\"widthClass === 'width-full'\"\n  [class.use-host-width]=\"useHostWidth\"\n  [ngClass]=\"hostClasses\"\n  [ngStyle]=\"hostCssVars\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  [attr.aria-labelledby]=\"hasHeader ? titleId : null\"\n  cdkTrapFocus\n  cdkTrapFocusAutoCapture\n>\n  @if (hasHeader) {\n    <header class=\"pfx-surface-drawer__header\">\n      <div class=\"pfx-surface-drawer__title-block\">\n        @if (titleIcon) {\n          <mat-icon class=\"pfx-surface-drawer__title-icon\" [praxisIcon]=\"titleIcon\"></mat-icon>\n        }\n        <div class=\"pfx-surface-drawer__copy\">\n          @if (title) {\n            <h2 class=\"pfx-surface-drawer__title\" [id]=\"titleId\">{{ title }}</h2>\n          }\n          @if (subtitle) {\n            <p class=\"pfx-surface-drawer__subtitle\">{{ subtitle }}</p>\n          }\n        </div>\n      </div>\n      <button\n        mat-icon-button\n        type=\"button\"\n        class=\"pfx-surface-drawer__close\"\n        [attr.aria-label]=\"closeLabel\"\n        [matTooltip]=\"closeLabel\"\n        (click)=\"onClose?.()\"\n      >\n        <mat-icon [praxisIcon]=\"'close'\"></mat-icon>\n      </button>\n    </header>\n  }\n\n  <section class=\"pfx-surface-drawer__body\">\n    <ng-template #contentHost></ng-template>\n  </section>\n</div>\n", styles: [":host{display:block;height:100%;width:100%;min-width:0;flex:1 1 auto}.pfx-surface-drawer{display:grid;grid-template-rows:auto 1fr;height:100%;min-width:0;max-width:100%;overflow:hidden;background:var(--md-sys-color-surface-container, #fff);color:var(--md-sys-color-on-surface, #111);border-left:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));border-radius:var(--pfx-side-panel-border-radius, 0);box-shadow:var(--pfx-side-panel-elevation, var(--md-sys-elevation-level2, 0 8px 24px rgba(0, 0, 0, .16)));width:var(--pfx-side-panel-width, 720px);transition:width var(--pfx-side-panel-motion-duration-enter, .22s) var(--pfx-side-panel-motion-easing-enter, cubic-bezier(.2, 0, 0, 1)),box-shadow var(--pfx-side-panel-motion-duration-enter, .22s) var(--pfx-side-panel-motion-easing-enter, cubic-bezier(.2, 0, 0, 1))}.pfx-surface-drawer.use-host-width{width:100%;max-width:100%}.pfx-surface-drawer.width-narrow{width:var(--pfx-side-panel-width, 420px)}.pfx-surface-drawer.width-default{width:var(--pfx-side-panel-width, 720px)}.pfx-surface-drawer.width-wide{width:var(--pfx-side-panel-width, 960px)}.pfx-surface-drawer.width-full{width:min(100vw,var(--pfx-side-panel-max-width, 100vw))}.pfx-surface-drawer__header{display:flex;align-items:center;gap:var(--pfx-side-panel-header-gap, 8px);min-height:var(--pfx-side-panel-header-height, 64px);padding:0 var(--pfx-side-panel-header-padding-x, 16px);border-bottom:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));background:var(--md-sys-color-surface-container-high, #f7f7f7)}.pfx-surface-drawer__title-block{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1 1 auto}.pfx-surface-drawer__title-icon{color:var(--md-sys-color-primary, currentColor)}.pfx-surface-drawer__copy{min-width:0}.pfx-surface-drawer__title,.pfx-surface-drawer__subtitle{margin:0}.pfx-surface-drawer__title{font-size:1rem;font-weight:600}.pfx-surface-drawer__subtitle{margin-top:4px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .64));font-size:.875rem}.pfx-surface-drawer__body{min-height:0;overflow:auto;padding:var(--pfx-side-panel-body-padding, 16px);background:var(--md-sys-color-surface, #fff)}@media(prefers-reduced-motion:reduce){.pfx-surface-drawer{transition:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: SurfaceDrawerComponent, isStandalone: true, selector: "praxis-surface-drawer", viewQueries: [{ propertyName: "contentHost", first: true, predicate: ["contentHost"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n  class=\"pfx-surface-drawer\"\n  [class.has-header]=\"hasHeader\"\n  [class.width-narrow]=\"widthClass === 'width-narrow'\"\n  [class.width-default]=\"widthClass === 'width-default'\"\n  [class.width-wide]=\"widthClass === 'width-wide'\"\n  [class.width-full]=\"widthClass === 'width-full'\"\n  [class.use-host-width]=\"useHostWidth\"\n  [ngClass]=\"hostClasses\"\n  [ngStyle]=\"hostCssVars\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  [attr.aria-labelledby]=\"hasHeader ? titleId : null\"\n  cdkTrapFocus\n  cdkTrapFocusAutoCapture\n>\n  @if (hasHeader) {\n    <header class=\"pfx-surface-drawer__header\">\n      <div class=\"pfx-surface-drawer__title-block\">\n        @if (titleIcon) {\n          <mat-icon class=\"pfx-surface-drawer__title-icon\" [praxisIcon]=\"titleIcon\"></mat-icon>\n        }\n        <div class=\"pfx-surface-drawer__copy\">\n          @if (title) {\n            <h2 class=\"pfx-surface-drawer__title\" [id]=\"titleId\">{{ title }}</h2>\n          }\n          @if (subtitle) {\n            <p class=\"pfx-surface-drawer__subtitle\">{{ subtitle }}</p>\n          }\n        </div>\n      </div>\n      <button\n        praxisIconButton=\"close\"\n        size=\"compact\"\n        type=\"button\"\n        class=\"pfx-surface-drawer__close\"\n        [attr.aria-label]=\"closeLabel\"\n        [matTooltip]=\"closeLabel\"\n        (click)=\"onClose?.()\"\n      ></button>\n    </header>\n  }\n\n  <section class=\"pfx-surface-drawer__body\">\n    <ng-template #contentHost></ng-template>\n  </section>\n</div>\n", styles: [":host{display:block;height:100%;width:100%;min-width:0;flex:1 1 auto}.pfx-surface-drawer{display:grid;grid-template-rows:auto 1fr;height:100%;min-width:0;max-width:100%;overflow:hidden;background:var(--md-sys-color-surface-container, #fff);color:var(--md-sys-color-on-surface, #111);border-left:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));border-radius:var(--pfx-side-panel-border-radius, 0);box-shadow:var(--pfx-side-panel-elevation, var(--md-sys-elevation-level2, 0 8px 24px rgba(0, 0, 0, .16)));width:var(--pfx-side-panel-width, 720px);transition:width var(--pfx-side-panel-motion-duration-enter, .22s) var(--pfx-side-panel-motion-easing-enter, cubic-bezier(.2, 0, 0, 1)),box-shadow var(--pfx-side-panel-motion-duration-enter, .22s) var(--pfx-side-panel-motion-easing-enter, cubic-bezier(.2, 0, 0, 1))}.pfx-surface-drawer.use-host-width{width:100%;max-width:100%}.pfx-surface-drawer.width-narrow{width:var(--pfx-side-panel-width, 420px)}.pfx-surface-drawer.width-default{width:var(--pfx-side-panel-width, 720px)}.pfx-surface-drawer.width-wide{width:var(--pfx-side-panel-width, 960px)}.pfx-surface-drawer.width-full{width:min(100vw,var(--pfx-side-panel-max-width, 100vw))}.pfx-surface-drawer__header{display:flex;align-items:center;gap:var(--pfx-side-panel-header-gap, 8px);min-height:var(--pfx-side-panel-header-height, 64px);padding:0 var(--pfx-side-panel-header-padding-x, 16px);border-bottom:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));background:var(--md-sys-color-surface-container-high, #f7f7f7)}.pfx-surface-drawer__title-block{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1 1 auto}.pfx-surface-drawer__title-icon{color:var(--md-sys-color-primary, currentColor)}.pfx-surface-drawer__copy{min-width:0}.pfx-surface-drawer__title,.pfx-surface-drawer__subtitle{margin:0}.pfx-surface-drawer__title{font-size:1rem;font-weight:600}.pfx-surface-drawer__subtitle{margin-top:4px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .64));font-size:.875rem}.pfx-surface-drawer__body{min-height:0;overflow:auto;padding:var(--pfx-side-panel-body-padding, 16px);background:var(--md-sys-color-surface, #fff)}@media(prefers-reduced-motion:reduce){.pfx-surface-drawer{transition:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: SurfaceDrawerComponent, decorators: [{
             type: Component,
@@ -1876,12 +1877,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         CommonModule,
                         NgClass,
                         NgStyle,
-                        MatButtonModule,
                         MatIconModule,
                         MatTooltipModule,
                         CdkTrapFocus,
+                        PraxisIconButtonComponent,
                         PraxisIconDirective,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"pfx-surface-drawer\"\n  [class.has-header]=\"hasHeader\"\n  [class.width-narrow]=\"widthClass === 'width-narrow'\"\n  [class.width-default]=\"widthClass === 'width-default'\"\n  [class.width-wide]=\"widthClass === 'width-wide'\"\n  [class.width-full]=\"widthClass === 'width-full'\"\n  [class.use-host-width]=\"useHostWidth\"\n  [ngClass]=\"hostClasses\"\n  [ngStyle]=\"hostCssVars\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  [attr.aria-labelledby]=\"hasHeader ? titleId : null\"\n  cdkTrapFocus\n  cdkTrapFocusAutoCapture\n>\n  @if (hasHeader) {\n    <header class=\"pfx-surface-drawer__header\">\n      <div class=\"pfx-surface-drawer__title-block\">\n        @if (titleIcon) {\n          <mat-icon class=\"pfx-surface-drawer__title-icon\" [praxisIcon]=\"titleIcon\"></mat-icon>\n        }\n        <div class=\"pfx-surface-drawer__copy\">\n          @if (title) {\n            <h2 class=\"pfx-surface-drawer__title\" [id]=\"titleId\">{{ title }}</h2>\n          }\n          @if (subtitle) {\n            <p class=\"pfx-surface-drawer__subtitle\">{{ subtitle }}</p>\n          }\n        </div>\n      </div>\n      <button\n        mat-icon-button\n        type=\"button\"\n        class=\"pfx-surface-drawer__close\"\n        [attr.aria-label]=\"closeLabel\"\n        [matTooltip]=\"closeLabel\"\n        (click)=\"onClose?.()\"\n      >\n        <mat-icon [praxisIcon]=\"'close'\"></mat-icon>\n      </button>\n    </header>\n  }\n\n  <section class=\"pfx-surface-drawer__body\">\n    <ng-template #contentHost></ng-template>\n  </section>\n</div>\n", styles: [":host{display:block;height:100%;width:100%;min-width:0;flex:1 1 auto}.pfx-surface-drawer{display:grid;grid-template-rows:auto 1fr;height:100%;min-width:0;max-width:100%;overflow:hidden;background:var(--md-sys-color-surface-container, #fff);color:var(--md-sys-color-on-surface, #111);border-left:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));border-radius:var(--pfx-side-panel-border-radius, 0);box-shadow:var(--pfx-side-panel-elevation, var(--md-sys-elevation-level2, 0 8px 24px rgba(0, 0, 0, .16)));width:var(--pfx-side-panel-width, 720px);transition:width var(--pfx-side-panel-motion-duration-enter, .22s) var(--pfx-side-panel-motion-easing-enter, cubic-bezier(.2, 0, 0, 1)),box-shadow var(--pfx-side-panel-motion-duration-enter, .22s) var(--pfx-side-panel-motion-easing-enter, cubic-bezier(.2, 0, 0, 1))}.pfx-surface-drawer.use-host-width{width:100%;max-width:100%}.pfx-surface-drawer.width-narrow{width:var(--pfx-side-panel-width, 420px)}.pfx-surface-drawer.width-default{width:var(--pfx-side-panel-width, 720px)}.pfx-surface-drawer.width-wide{width:var(--pfx-side-panel-width, 960px)}.pfx-surface-drawer.width-full{width:min(100vw,var(--pfx-side-panel-max-width, 100vw))}.pfx-surface-drawer__header{display:flex;align-items:center;gap:var(--pfx-side-panel-header-gap, 8px);min-height:var(--pfx-side-panel-header-height, 64px);padding:0 var(--pfx-side-panel-header-padding-x, 16px);border-bottom:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));background:var(--md-sys-color-surface-container-high, #f7f7f7)}.pfx-surface-drawer__title-block{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1 1 auto}.pfx-surface-drawer__title-icon{color:var(--md-sys-color-primary, currentColor)}.pfx-surface-drawer__copy{min-width:0}.pfx-surface-drawer__title,.pfx-surface-drawer__subtitle{margin:0}.pfx-surface-drawer__title{font-size:1rem;font-weight:600}.pfx-surface-drawer__subtitle{margin-top:4px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .64));font-size:.875rem}.pfx-surface-drawer__body{min-height:0;overflow:auto;padding:var(--pfx-side-panel-body-padding, 16px);background:var(--md-sys-color-surface, #fff)}@media(prefers-reduced-motion:reduce){.pfx-surface-drawer{transition:none}}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"pfx-surface-drawer\"\n  [class.has-header]=\"hasHeader\"\n  [class.width-narrow]=\"widthClass === 'width-narrow'\"\n  [class.width-default]=\"widthClass === 'width-default'\"\n  [class.width-wide]=\"widthClass === 'width-wide'\"\n  [class.width-full]=\"widthClass === 'width-full'\"\n  [class.use-host-width]=\"useHostWidth\"\n  [ngClass]=\"hostClasses\"\n  [ngStyle]=\"hostCssVars\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  [attr.aria-labelledby]=\"hasHeader ? titleId : null\"\n  cdkTrapFocus\n  cdkTrapFocusAutoCapture\n>\n  @if (hasHeader) {\n    <header class=\"pfx-surface-drawer__header\">\n      <div class=\"pfx-surface-drawer__title-block\">\n        @if (titleIcon) {\n          <mat-icon class=\"pfx-surface-drawer__title-icon\" [praxisIcon]=\"titleIcon\"></mat-icon>\n        }\n        <div class=\"pfx-surface-drawer__copy\">\n          @if (title) {\n            <h2 class=\"pfx-surface-drawer__title\" [id]=\"titleId\">{{ title }}</h2>\n          }\n          @if (subtitle) {\n            <p class=\"pfx-surface-drawer__subtitle\">{{ subtitle }}</p>\n          }\n        </div>\n      </div>\n      <button\n        praxisIconButton=\"close\"\n        size=\"compact\"\n        type=\"button\"\n        class=\"pfx-surface-drawer__close\"\n        [attr.aria-label]=\"closeLabel\"\n        [matTooltip]=\"closeLabel\"\n        (click)=\"onClose?.()\"\n      ></button>\n    </header>\n  }\n\n  <section class=\"pfx-surface-drawer__body\">\n    <ng-template #contentHost></ng-template>\n  </section>\n</div>\n", styles: [":host{display:block;height:100%;width:100%;min-width:0;flex:1 1 auto}.pfx-surface-drawer{display:grid;grid-template-rows:auto 1fr;height:100%;min-width:0;max-width:100%;overflow:hidden;background:var(--md-sys-color-surface-container, #fff);color:var(--md-sys-color-on-surface, #111);border-left:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));border-radius:var(--pfx-side-panel-border-radius, 0);box-shadow:var(--pfx-side-panel-elevation, var(--md-sys-elevation-level2, 0 8px 24px rgba(0, 0, 0, .16)));width:var(--pfx-side-panel-width, 720px);transition:width var(--pfx-side-panel-motion-duration-enter, .22s) var(--pfx-side-panel-motion-easing-enter, cubic-bezier(.2, 0, 0, 1)),box-shadow var(--pfx-side-panel-motion-duration-enter, .22s) var(--pfx-side-panel-motion-easing-enter, cubic-bezier(.2, 0, 0, 1))}.pfx-surface-drawer.use-host-width{width:100%;max-width:100%}.pfx-surface-drawer.width-narrow{width:var(--pfx-side-panel-width, 420px)}.pfx-surface-drawer.width-default{width:var(--pfx-side-panel-width, 720px)}.pfx-surface-drawer.width-wide{width:var(--pfx-side-panel-width, 960px)}.pfx-surface-drawer.width-full{width:min(100vw,var(--pfx-side-panel-max-width, 100vw))}.pfx-surface-drawer__header{display:flex;align-items:center;gap:var(--pfx-side-panel-header-gap, 8px);min-height:var(--pfx-side-panel-header-height, 64px);padding:0 var(--pfx-side-panel-header-padding-x, 16px);border-bottom:1px solid var(--md-sys-color-outline-variant, rgba(0, 0, 0, .12));background:var(--md-sys-color-surface-container-high, #f7f7f7)}.pfx-surface-drawer__title-block{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1 1 auto}.pfx-surface-drawer__title-icon{color:var(--md-sys-color-primary, currentColor)}.pfx-surface-drawer__copy{min-width:0}.pfx-surface-drawer__title,.pfx-surface-drawer__subtitle{margin:0}.pfx-surface-drawer__title{font-size:1rem;font-weight:600}.pfx-surface-drawer__subtitle{margin-top:4px;color:var(--md-sys-color-on-surface-variant, rgba(0, 0, 0, .64));font-size:.875rem}.pfx-surface-drawer__body{min-height:0;overflow:auto;padding:var(--pfx-side-panel-body-padding, 16px);background:var(--md-sys-color-surface, #fff)}@media(prefers-reduced-motion:reduce){.pfx-surface-drawer{transition:none}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$2.PraxisI18nService }], propDecorators: { contentHost: [{
                 type: ViewChild,
                 args: ['contentHost', { read: ViewContainerRef, static: true }]
@@ -4187,9 +4188,7 @@ class GlobalConfigEditorComponent {
                 @if (!hasApiKey) {
                   <mat-chip-option disabled>{{ tx('API key validated required') }}</mat-chip-option>
                 }
-                <button mat-icon-button (click)="refreshModels(true)" [disabled]="isTestingAi || !hasApiKey" [matTooltip]="tx('Refresh model list')" [attr.aria-label]="tx('Refresh model list')">
-                  <mat-icon [class.spin]="isRefetchingModels">sync</mat-icon>
-                </button>
+                <button praxisIconButton="sync" size="compact" [busy]="isRefetchingModels" (click)="refreshModels(true)" [disabled]="isTestingAi || !hasApiKey" [matTooltip]="tx('Refresh model list')" [attr.aria-label]="tx('Refresh model list')"></button>
               </div>
             </div>
     
@@ -4292,9 +4291,7 @@ class GlobalConfigEditorComponent {
                 {{ tx('Pick icon') }}
               </button>
               @if (getVariantIcon(k)) {
-                <button mat-icon-button type="button" (click)="clearVariantIcon(k)" [matTooltip]="tx('Clear icon for {{key}}', { key: k })" [attr.aria-label]="tx('Clear icon')">
-                  <mat-icon>backspace</mat-icon>
-                </button>
+                <button praxisIconButton="backspace" size="compact" type="button" (click)="clearVariantIcon(k)" [matTooltip]="tx('Clear icon for {{key}}', { key: k })" [attr.aria-label]="tx('Clear icon')"></button>
               }
               @if (getVariantIcon(k)) {
                 <span class="dlg-icon-helpers__value">{{ getVariantIcon(k) }}</span>
@@ -4305,11 +4302,11 @@ class GlobalConfigEditorComponent {
         </div>
       </mat-expansion-panel>
     </mat-accordion>
-    `, isInline: true, styles: [".dlg-icon-helpers{margin:12px 16px 4px;padding:12px;border:1px dashed var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small, 8px)}.dlg-icon-helpers__head{font-weight:600;margin-bottom:8px;opacity:.8}.dlg-icon-helpers__row{display:flex;align-items:center;gap:12px;padding:6px 0}.dlg-icon-helpers__label{text-transform:capitalize;width:96px;opacity:.8}.dlg-icon-helpers__preview{width:24px;height:24px}.dlg-icon-helpers__value{font-family:monospace;font-size:12px;opacity:.8}.dlg-icon-helpers__hint{margin-top:8px;font-size:12px;opacity:.7}.panel-icon{margin-right:12px;color:var(--md-sys-color-primary)}.ai-config-container{padding:16px;display:flex;flex-direction:column;gap:24px}.ai-config-source{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--md-sys-shape-corner-medium, 10px);border:1px dashed var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);font-size:12px;color:var(--md-sys-color-on-surface-variant);flex-wrap:wrap}.ai-config-source__meta{display:inline-flex;align-items:center;gap:8px}.ai-action-btn--clear{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);--mdc-outlined-button-container-color: var(--md-sys-color-error-container);--mdc-outlined-button-label-text-color: var(--md-sys-color-on-error-container);--mdc-outlined-button-outline-color: var(--md-sys-color-error);--mat-mdc-button-persistent-ripple-color: var(--md-sys-color-on-error-container);--mat-mdc-button-ripple-color: var(--md-sys-color-on-error-container)}.ai-action-btn--clear:hover{background:var(--md-sys-color-error-container)}.ai-group-title{display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px;color:var(--md-sys-color-primary);margin-bottom:12px;border-bottom:1px solid var(--md-sys-color-outline-variant);padding-bottom:4px}.ai-group-title mat-icon{font-size:20px;width:20px;height:20px}.ai-group ::ng-deep .form-actions,.ai-group ::ng-deep button[type=submit]{display:none!important}.ai-credentials-row{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.ai-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ai-provider-summary{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--md-sys-shape-corner-medium, 10px);background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant);margin:8px 0 4px;flex-wrap:wrap}.ai-provider-icon{width:32px;height:32px;border-radius:var(--md-sys-shape-corner-small, 8px);border:1px solid var(--md-sys-color-outline-variant);display:flex;align-items:center;justify-content:center;background:var(--md-sys-color-surface);color:var(--md-sys-color-primary);flex:0 0 auto}.provider-svg{width:18px;height:18px}.ai-provider-meta{display:flex;flex-direction:column;gap:2px;min-width:200px;flex:1 1 auto}.ai-provider-name{font-weight:600;font-size:13px}.ai-provider-desc{font-size:12px;opacity:.75}.ai-provider-key{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface-variant);font-size:11px;font-weight:600;letter-spacing:.2px;box-shadow:var(--md-sys-elevation-level1, 0 1px 2px rgba(0,0,0,.2))}.ai-provider-key mat-icon{width:16px;height:16px;font-size:16px}.ai-provider-key.is-present{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:var(--md-sys-color-primary)}.ai-provider-key.is-saved{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:var(--md-sys-color-secondary)}.ai-provider-key.is-missing{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);border-style:dashed;opacity:.9}.ai-provider-key.is-unlocked{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);border-color:var(--md-sys-color-tertiary)}.ai-action-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;min-width:168px;border-radius:var(--md-sys-shape-corner-medium, 12px);white-space:nowrap;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:var(--md-sys-color-outline-variant);box-shadow:var(--md-sys-elevation-level1, 0 1px 2px rgba(0,0,0,.2));transition:background-color .15s ease,box-shadow .15s ease,transform .06s ease;--mdc-outlined-button-container-color: var(--md-sys-color-secondary-container);--mdc-outlined-button-label-text-color: var(--md-sys-color-on-secondary-container);--mdc-outlined-button-outline-color: var(--md-sys-color-outline-variant);--mat-mdc-button-persistent-ripple-color: var(--md-sys-color-on-secondary-container);--mat-mdc-button-ripple-color: var(--md-sys-color-on-secondary-container)}.ai-action-btn .mat-button-wrapper,.ai-action-btn .mdc-button__label{display:inline-flex;align-items:center;gap:8px;line-height:1;height:100%}.ai-action-btn .mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}.ai-action-btn .ai-action-label{display:inline-flex;align-items:center;line-height:1}.ai-action-btn .mat-progress-spinner,.ai-action-btn .btn-spinner{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.ai-action-btn:hover{background:var(--md-sys-color-secondary-container);box-shadow:var(--md-sys-elevation-level2, 0 2px 6px rgba(0,0,0,.25))}.ai-action-btn:active{transform:translateY(1px)}.ai-action-btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.ai-action-btn.is-success{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);border-color:var(--md-sys-color-tertiary);--mdc-outlined-button-container-color: var(--md-sys-color-tertiary-container);--mdc-outlined-button-label-text-color: var(--md-sys-color-on-tertiary-container);--mdc-outlined-button-outline-color: var(--md-sys-color-tertiary);--mat-mdc-button-persistent-ripple-color: var(--md-sys-color-on-tertiary-container);--mat-mdc-button-ripple-color: var(--md-sys-color-on-tertiary-container)}.ai-action-btn.is-success:hover{background:var(--md-sys-color-tertiary-container)}.ai-action-btn:disabled{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);border-color:var(--md-sys-color-outline-variant);box-shadow:none;opacity:.7}.ai-form-inline{flex:1;min-width:300px}.ai-credentials-row button{margin-top:4px;height:40px}.btn-spinner{margin-right:8px}.ai-feedback{margin-top:8px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-radius:var(--md-sys-shape-corner-extra-small, 4px);font-size:13px}.ai-feedback--warn{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.disabled-group{opacity:.6;pointer-events:none}.ai-model-content{display:flex;flex-direction:column;gap:8px}.ai-model-controls{display:flex;align-items:flex-start;gap:8px}.ai-model-controls ::ng-deep praxis-dynamic-form{flex:1}.ai-model-details{font-size:12px;color:var(--md-sys-color-on-surface-variant);margin-left:4px}.ai-subtext{font-size:12px;color:var(--md-sys-color-on-surface-variant)}.ai-header-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.ai-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-small, 8px);color:var(--md-sys-color-outline);gap:8px;text-align:center;font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i3.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i3.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i8.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
+    `, isInline: true, styles: [".dlg-icon-helpers{margin:12px 16px 4px;padding:12px;border:1px dashed var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small, 8px)}.dlg-icon-helpers__head{font-weight:600;margin-bottom:8px;opacity:.8}.dlg-icon-helpers__row{display:flex;align-items:center;gap:12px;padding:6px 0}.dlg-icon-helpers__label{text-transform:capitalize;width:96px;opacity:.8}.dlg-icon-helpers__preview{width:24px;height:24px}.dlg-icon-helpers__value{font-family:monospace;font-size:12px;opacity:.8}.dlg-icon-helpers__hint{margin-top:8px;font-size:12px;opacity:.7}.panel-icon{margin-right:12px;color:var(--md-sys-color-primary)}.ai-config-container{padding:16px;display:flex;flex-direction:column;gap:24px}.ai-config-source{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--md-sys-shape-corner-medium, 10px);border:1px dashed var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);font-size:12px;color:var(--md-sys-color-on-surface-variant);flex-wrap:wrap}.ai-config-source__meta{display:inline-flex;align-items:center;gap:8px}.ai-action-btn--clear{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);--mdc-outlined-button-container-color: var(--md-sys-color-error-container);--mdc-outlined-button-label-text-color: var(--md-sys-color-on-error-container);--mdc-outlined-button-outline-color: var(--md-sys-color-error);--mat-mdc-button-persistent-ripple-color: var(--md-sys-color-on-error-container);--mat-mdc-button-ripple-color: var(--md-sys-color-on-error-container)}.ai-action-btn--clear:hover{background:var(--md-sys-color-error-container)}.ai-group-title{display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px;color:var(--md-sys-color-primary);margin-bottom:12px;border-bottom:1px solid var(--md-sys-color-outline-variant);padding-bottom:4px}.ai-group-title mat-icon{font-size:20px;width:20px;height:20px}.ai-group ::ng-deep .form-actions,.ai-group ::ng-deep button[type=submit]{display:none!important}.ai-credentials-row{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.ai-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ai-provider-summary{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--md-sys-shape-corner-medium, 10px);background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant);margin:8px 0 4px;flex-wrap:wrap}.ai-provider-icon{width:32px;height:32px;border-radius:var(--md-sys-shape-corner-small, 8px);border:1px solid var(--md-sys-color-outline-variant);display:flex;align-items:center;justify-content:center;background:var(--md-sys-color-surface);color:var(--md-sys-color-primary);flex:0 0 auto}.provider-svg{width:18px;height:18px}.ai-provider-meta{display:flex;flex-direction:column;gap:2px;min-width:200px;flex:1 1 auto}.ai-provider-name{font-weight:600;font-size:13px}.ai-provider-desc{font-size:12px;opacity:.75}.ai-provider-key{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface-variant);font-size:11px;font-weight:600;letter-spacing:.2px;box-shadow:var(--md-sys-elevation-level1, 0 1px 2px rgba(0,0,0,.2))}.ai-provider-key mat-icon{width:16px;height:16px;font-size:16px}.ai-provider-key.is-present{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:var(--md-sys-color-primary)}.ai-provider-key.is-saved{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:var(--md-sys-color-secondary)}.ai-provider-key.is-missing{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);border-style:dashed;opacity:.9}.ai-provider-key.is-unlocked{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);border-color:var(--md-sys-color-tertiary)}.ai-action-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;min-width:168px;border-radius:var(--md-sys-shape-corner-medium, 12px);white-space:nowrap;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:var(--md-sys-color-outline-variant);box-shadow:var(--md-sys-elevation-level1, 0 1px 2px rgba(0,0,0,.2));transition:background-color .15s ease,box-shadow .15s ease,transform .06s ease;--mdc-outlined-button-container-color: var(--md-sys-color-secondary-container);--mdc-outlined-button-label-text-color: var(--md-sys-color-on-secondary-container);--mdc-outlined-button-outline-color: var(--md-sys-color-outline-variant);--mat-mdc-button-persistent-ripple-color: var(--md-sys-color-on-secondary-container);--mat-mdc-button-ripple-color: var(--md-sys-color-on-secondary-container)}.ai-action-btn .mat-button-wrapper,.ai-action-btn .mdc-button__label{display:inline-flex;align-items:center;gap:8px;line-height:1;height:100%}.ai-action-btn .mat-icon{width:18px;height:18px;font-size:18px;line-height:18px}.ai-action-btn .ai-action-label{display:inline-flex;align-items:center;line-height:1}.ai-action-btn .mat-progress-spinner,.ai-action-btn .btn-spinner{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.ai-action-btn:hover{background:var(--md-sys-color-secondary-container);box-shadow:var(--md-sys-elevation-level2, 0 2px 6px rgba(0,0,0,.25))}.ai-action-btn:active{transform:translateY(1px)}.ai-action-btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.ai-action-btn.is-success{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);border-color:var(--md-sys-color-tertiary);--mdc-outlined-button-container-color: var(--md-sys-color-tertiary-container);--mdc-outlined-button-label-text-color: var(--md-sys-color-on-tertiary-container);--mdc-outlined-button-outline-color: var(--md-sys-color-tertiary);--mat-mdc-button-persistent-ripple-color: var(--md-sys-color-on-tertiary-container);--mat-mdc-button-ripple-color: var(--md-sys-color-on-tertiary-container)}.ai-action-btn.is-success:hover{background:var(--md-sys-color-tertiary-container)}.ai-action-btn:disabled{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);border-color:var(--md-sys-color-outline-variant);box-shadow:none;opacity:.7}.ai-form-inline{flex:1;min-width:300px}.ai-credentials-row button{margin-top:4px;height:40px}.btn-spinner{margin-right:8px}.ai-feedback{margin-top:8px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-radius:var(--md-sys-shape-corner-extra-small, 4px);font-size:13px}.ai-feedback--warn{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.disabled-group{opacity:.6;pointer-events:none}.ai-model-content{display:flex;flex-direction:column;gap:8px}.ai-model-controls{display:flex;align-items:flex-start;gap:8px}.ai-model-controls ::ng-deep praxis-dynamic-form{flex:1}.ai-model-details{font-size:12px;color:var(--md-sys-color-on-surface-variant);margin-left:4px}.ai-subtext{font-size:12px;color:var(--md-sys-color-on-surface-variant)}.ai-header-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.ai-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-small, 8px);color:var(--md-sys-color-outline);gap:8px;text-align:center;font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i3$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i3$1.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i8.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: GlobalConfigEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'praxis-global-config-editor', standalone: true, imports: [MatSnackBarModule, MatExpansionModule, MatIconModule, MatButtonModule, MatTooltipModule, MatProgressSpinnerModule, MatChipsModule, PraxisIconDirective], template: `
+            args: [{ selector: 'praxis-global-config-editor', standalone: true, imports: [MatSnackBarModule, MatExpansionModule, MatIconModule, MatButtonModule, MatTooltipModule, MatProgressSpinnerModule, MatChipsModule, PraxisIconButtonComponent, PraxisIconDirective], template: `
     <mat-accordion multi>
       <mat-expansion-panel>
         <mat-expansion-panel-header>
@@ -4494,9 +4491,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 @if (!hasApiKey) {
                   <mat-chip-option disabled>{{ tx('API key validated required') }}</mat-chip-option>
                 }
-                <button mat-icon-button (click)="refreshModels(true)" [disabled]="isTestingAi || !hasApiKey" [matTooltip]="tx('Refresh model list')" [attr.aria-label]="tx('Refresh model list')">
-                  <mat-icon [class.spin]="isRefetchingModels">sync</mat-icon>
-                </button>
+                <button praxisIconButton="sync" size="compact" [busy]="isRefetchingModels" (click)="refreshModels(true)" [disabled]="isTestingAi || !hasApiKey" [matTooltip]="tx('Refresh model list')" [attr.aria-label]="tx('Refresh model list')"></button>
               </div>
             </div>
     
@@ -4599,9 +4594,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 {{ tx('Pick icon') }}
               </button>
               @if (getVariantIcon(k)) {
-                <button mat-icon-button type="button" (click)="clearVariantIcon(k)" [matTooltip]="tx('Clear icon for {{key}}', { key: k })" [attr.aria-label]="tx('Clear icon')">
-                  <mat-icon>backspace</mat-icon>
-                </button>
+                <button praxisIconButton="backspace" size="compact" type="button" (click)="clearVariantIcon(k)" [matTooltip]="tx('Clear icon for {{key}}', { key: k })" [attr.aria-label]="tx('Clear icon')"></button>
               }
               @if (getVariantIcon(k)) {
                 <span class="dlg-icon-helpers__value">{{ getVariantIcon(k) }}</span>

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@praxisui/settings-panel",
-  "version": "9.0.0-beta.85",
+  "version": "9.0.0-beta.88",
   "description": "Settings panel for Praxis UI libraries: open editors for configuration at runtime and persist settings.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",
     "@angular/cdk": "^21.0.0",
     "@angular/material": "^21.0.0",
-    "@praxisui/ai": "^9.0.0-beta.85",
-    "@praxisui/core": "^9.0.0-beta.85",
-    "@praxisui/dynamic-fields": "^9.0.0-beta.85",
+    "@praxisui/ai": "^9.0.0-beta.88",
+    "@praxisui/core": "^9.0.0-beta.88",
+    "@praxisui/dynamic-fields": "^9.0.0-beta.88",
     "rxjs": "~7.8.0"
   },
   "dependencies": {