@wildo-ai/saas-frontend-lib 1.1.5 → 1.1.6

package/dist/esm/components/settings/AppPage_ConnectedAccountsSettings.labels.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppPage_ConnectedAccountsSettings.labels.js","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_ConnectedAccountsSettings.labels.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  FrontendComponentType,\n  LabelKind,\n  type LabellingUnitaryDef,\n  registerComponentLabels,\n} from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for the Connected-accounts panel: keys + kind + per-key purpose.\n// Statically scanned by the dev companion to generate the\n// `components.APP_LAYOUTS_CONNECTED_ACCOUNTS_SETTINGS.*` bundle; NOT imported at runtime, so it\n// never ships in the browser bundle. Keep in lock-step with the keys the component reads via\n// `tComponent(APP_LAYOUTS_CONNECTED_ACCOUNTS_SETTINGS, ...)`.\n//\n// LOCK-STEP DRIFTS SILENTLY IN BOTH DIRECTIONS, and on 2026-09-10 it had drifted both ways at once.\n// Nothing mechanical compares this array to the component's `t('...')` call sites, and neither\n// failure raises anything: a key the component reads and this array omits renders as its RAW KEY\n// PATH in the browser — visible only to somebody looking at the panel — while a key declared here\n// and never read costs a generated entry plus a translation round trip in every locale, and tells\n// the next reader the panel renders a message it does not. Five of each had accumulated before the\n// panel was first rendered. When you add or remove a `t('...')` call, edit this array in the same\n// change, and regenerate with\n// `wildo generate labels --units component:APP_LAYOUTS_CONNECTED_ACCOUNTS_SETTINGS --force`\n// followed by the matching `wildo generate translate`.\n//\n// `errorNotAdmissible` and `errorForbidden` were declared here and REMOVED on 2026-09-10 rather\n// than wired. The start route really does answer 409 CONNECTION_NOT_ADMISSIBLE and 403 FORBIDDEN\n// with those two distinct meanings — but this panel's catch does `if (isWildoBackendError(e)) throw\n// e`, so a structured backend refusal propagates to the global error handler and no branch in this\n// component can ever render either message. Reintroducing them is a real option and it is a\n// DECISION, not a cleanup: it means this panel stops re-throwing those two statuses and reports\n// them itself, which departs from the repository-wide convention that a `WildoBackendError`\n// belongs to the global handler. Declare them again in the same change that makes them reachable.\nexport const AppLayoutsConnectedAccountsSettingsLabels: LabellingUnitaryDef[] = [\n  { ref: 'pageTitle', kind: LabelKind.HEADING, purpose: 'Heading for the panel where a person connects their own third-party accounts' },\n  { ref: 'pageDescription', kind: LabelKind.DESCRIPTION, purpose: 'Sub-heading explaining that connecting an account lets this application act as that account on the person’s behalf, and that they can disconnect at any time' },\n  { ref: 'loading', kind: LabelKind.MESSAGE, purpose: 'Shown while the list of connectable providers is being loaded' },\n  { ref: 'empty', kind: LabelKind.MESSAGE, purpose: 'Shown when this application declares no provider a person may connect individually' },\n  { ref: 'chooseProviderHeading', kind: LabelKind.HEADING, purpose: 'Heading above the control where somebody picks which third-party provider to connect' },\n  { ref: 'choosePlaceholder', kind: LabelKind.LABEL, purpose: 'Placeholder shown in the provider chooser before anything is selected, inviting the person to pick a provider' },\n  { ref: 'connectButton', kind: LabelKind.BUTTON, purpose: 'Button that starts connecting the named third-party account, sending the person to that vendor to grant consent' },\n  { ref: 'connectingButton', kind: LabelKind.BUTTON, purpose: 'Button caption while the authorization URL is being obtained, before the browser leaves for the vendor' },\n  { ref: 'delegationHeading', kind: LabelKind.HEADING, purpose: 'Heading above the control asking on whose behalf the connection will act — shown only for a provider that admits both a service identity and a user-delegated one at this scope' },\n  { ref: 'delegationDescription', kind: LabelKind.DESCRIPTION, purpose: 'Explains that this provider can be connected either as the tenant itself or as the person acting, that these are two different accounts at the vendor, and that nobody may choose on the person’s behalf' },\n  { ref: 'delegationPlaceholder', kind: LabelKind.LABEL, purpose: 'Placeholder in the on-whose-behalf chooser before either delegation is picked' },\n  { ref: 'delegationServiceOption', kind: LabelKind.LABEL, purpose: 'Option naming the connection that acts as the organization or application itself, using a shared identity rather than any individual’s account' },\n  { ref: 'delegationUserOption', kind: LabelKind.LABEL, purpose: 'Option naming the connection that acts as the individual person authorizing it, so anything it does at the vendor is attributed to them' },\n  { ref: 'organizationWideUseAcknowledgement', kind: LabelKind.LABEL, purpose: 'Checkbox label a member ticks before linking THEIR OWN vendor account for the whole organization, stating that every member of the organization will be able to act through that account' },\n  { ref: 'organizationWideUseDescription', kind: LabelKind.DESCRIPTION, purpose: 'Explains beneath that checkbox that anything a colleague does through this connection is attributed to the linking person at the vendor, that the linking person is trusting their colleagues with it, and that the audit trail records whose account was used' },\n  { ref: 'parametersHeading', kind: LabelKind.HEADING, purpose: 'Heading above the inputs a person must answer before connecting, such as which cloud or which directory their account lives in' },\n  { ref: 'parametersDescription', kind: LabelKind.DESCRIPTION, purpose: 'Explains that these answers are facts about the account being connected and that the vendor’s own addresses cannot be built without them' },\n  { ref: 'parameterAdmittedHostsPrefix', kind: LabelKind.LABEL, purpose: 'Prefix before the list of vendor hostnames a connection parameter accepts, shown above a typed host field so the person knows which addresses will be allowed (e.g. \"Accepted:\")' },\n  { ref: 'scopesPrefix', kind: LabelKind.LABEL, purpose: 'Prefix before the list of permissions the connection will ask the vendor for (e.g. \"Requests:\")' },\n  { ref: 'scopeChosenBelow', kind: LabelKind.LABEL, purpose: 'Stands in, inside the list of requested permissions, for a permission that depends on an answer the person has not given yet in the fields below (e.g. \"(depends on your answer below)\")' },\n  { ref: 'credentialStoredNotice', kind: LabelKind.MESSAGE, purpose: 'Confirmation shown after a typed credential has been saved for a provider that has no authorization flow' },\n  { ref: 'connectedNotice', kind: LabelKind.MESSAGE, purpose: 'Confirmation shown after returning from a vendor where the account was connected successfully' },\n  { ref: 'declinedNotice', kind: LabelKind.MESSAGE, purpose: 'Shown after returning from a vendor where the person chose not to grant access — a decision, not an error' },\n  { ref: 'failedNotice', kind: LabelKind.MESSAGE, purpose: 'Shown after returning from a vendor when the connection attempt could not be completed and should be started again' },\n  { ref: 'errorGeneric', kind: LabelKind.MESSAGE, purpose: 'Generic error shown when listing connectable providers or starting a connection fails' },\n  { ref: 'configurationGapsHeading', kind: LabelKind.HEADING, purpose: 'Heading of the block listing every provider whose application-level configuration is incomplete, shown before the chooser' },\n  { ref: 'configurationGapsDescription', kind: LabelKind.DESCRIPTION, purpose: 'Explains that the providers listed below cannot be connected by anybody until an operator sets the named environment variables for this deployment, and that this is a configuration gap rather than a lack of support' },\n  { ref: 'notRegisteredNotice', kind: LabelKind.MESSAGE, purpose: 'Explains that this application has not yet registered with the provider, so connecting is not possible until an operator creates an application at that vendor and configures its credentials — shown in place of the Connect button' },\n  { ref: 'pastedCredentialNotice', kind: LabelKind.MESSAGE, purpose: 'Explains that this provider has no authorization flow because its credential is typed rather than granted, and points the person at the credentials tab' },\n  { ref: 'disconnectNotice', kind: LabelKind.MESSAGE, purpose: 'Standing note shown when NO connected provider can be told: removing a connection deletes this application\\u2019s copy of the authorization but does not withdraw it at the provider, so the person should also remove the application in the provider\\u2019s own connected-applications settings if they want access ended there' },\n  { ref: 'disconnectRevokesNotice', kind: LabelKind.MESSAGE, purpose: 'Standing note shown when EVERY connected provider can be told: removing a connection also hands the authorization back to the provider, so access ends there as well and nothing further needs doing at the vendor' },\n  { ref: 'disconnectMixedNotice', kind: LabelKind.MESSAGE, purpose: 'Standing note shown when SOME connected providers can be told and others cannot: removing a connection ends access at the providers that accept a withdrawal and only deletes this application\\u2019s copy for the rest, so the person should check the provider\\u2019s own connected-applications settings for those' },\n];\n\nregisterComponentLabels(FrontendComponentType.APP_LAYOUTS_CONNECTED_ACCOUNTS_SETTINGS, AppLayoutsConnectedAccountsSettingsLabels);\n"]}
+{"version":3,"file":"AppPage_ConnectedAccountsSettings.labels.js","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_ConnectedAccountsSettings.labels.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  FrontendComponentType,\n  LabelKind,\n  type LabellingUnitaryDef,\n  registerComponentLabels,\n} from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for the Connected-accounts panel: keys + kind + per-key purpose.\n// Statically scanned by the dev companion to generate the\n// `components.APP_LAYOUTS_CONNECTED_ACCOUNTS_SETTINGS.*` bundle; NOT imported at runtime, so it\n// never ships in the browser bundle. Keep in lock-step with the keys the component reads via\n// `tComponent(APP_LAYOUTS_CONNECTED_ACCOUNTS_SETTINGS, ...)`.\n//\n// LOCK-STEP DRIFTS SILENTLY IN BOTH DIRECTIONS, and on 2026-09-10 it had drifted both ways at once.\n// Nothing mechanical compares this array to the component's `t('...')` call sites, and neither\n// failure raises anything: a key the component reads and this array omits renders as its RAW KEY\n// PATH in the browser — visible only to somebody looking at the panel — while a key declared here\n// and never read costs a generated entry plus a translation round trip in every locale, and tells\n// the next reader the panel renders a message it does not. Five of each had accumulated before the\n// panel was first rendered. When you add or remove a `t('...')` call, edit this array in the same\n// change, and regenerate with\n// `wildo generate labels --units component:APP_LAYOUTS_CONNECTED_ACCOUNTS_SETTINGS --force`\n// followed by the matching `wildo generate translate`.\n//\n// `errorNotAdmissible` and `errorForbidden` were declared here and REMOVED on 2026-09-10 rather\n// than wired. The start route really does answer 409 CONNECTION_NOT_ADMISSIBLE and 403 FORBIDDEN\n// with those two distinct meanings — but this panel's catch does `if (isWildoBackendError(e)) throw\n// e`, so a structured backend refusal propagates to the global error handler and no branch in this\n// component can ever render either message. Reintroducing them is a real option and it is a\n// DECISION, not a cleanup: it means this panel stops re-throwing those two statuses and reports\n// them itself, which departs from the repository-wide convention that a `WildoBackendError`\n// belongs to the global handler. Declare them again in the same change that makes them reachable.\n// `pageTitle`, `pageDescription`, `chooseProviderHeading` and `notRegisteredNotice` were REMOVED on\n// 2026-09-27 with the text they rendered: the panel's own heading restated its tab and destination, the\n// card heading restated the chooser's placeholder, and the per-provider \"not registered\" notice repeated\n// the environment variables the configuration block above the chooser already names for every provider.\nexport const AppLayoutsConnectedAccountsSettingsLabels: LabellingUnitaryDef[] = [\n  { ref: 'loading', kind: LabelKind.MESSAGE, purpose: 'Shown while the list of connectable providers is being loaded' },\n  { ref: 'empty', kind: LabelKind.MESSAGE, purpose: 'Shown when this application declares no provider a person may connect individually' },\n  { ref: 'choosePlaceholder', kind: LabelKind.LABEL, purpose: 'Placeholder shown in the provider chooser before anything is selected, inviting the person to pick a provider' },\n  { ref: 'connectButton', kind: LabelKind.BUTTON, purpose: 'Button that starts connecting the named third-party account, sending the person to that vendor to grant consent' },\n  { ref: 'connectingButton', kind: LabelKind.BUTTON, purpose: 'Button caption while the authorization URL is being obtained, before the browser leaves for the vendor' },\n  { ref: 'delegationHeading', kind: LabelKind.HEADING, purpose: 'Heading above the control asking on whose behalf the connection will act — shown only for a provider that admits both a service identity and a user-delegated one at this scope' },\n  { ref: 'delegationDescription', kind: LabelKind.DESCRIPTION, purpose: 'Explains that this provider can be connected either as the tenant itself or as the person acting, that these are two different accounts at the vendor, and that nobody may choose on the person’s behalf' },\n  { ref: 'delegationPlaceholder', kind: LabelKind.LABEL, purpose: 'Placeholder in the on-whose-behalf chooser before either delegation is picked' },\n  { ref: 'delegationServiceOption', kind: LabelKind.LABEL, purpose: 'Option naming the connection that acts as the organization or application itself, using a shared identity rather than any individual’s account' },\n  { ref: 'delegationUserOption', kind: LabelKind.LABEL, purpose: 'Option naming the connection that acts as the individual person authorizing it, so anything it does at the vendor is attributed to them' },\n  { ref: 'organizationWideUseAcknowledgement', kind: LabelKind.LABEL, purpose: 'Checkbox label a member ticks before linking THEIR OWN vendor account for the whole organization, stating that every member of the organization will be able to act through that account' },\n  { ref: 'organizationWideUseDescription', kind: LabelKind.DESCRIPTION, purpose: 'Explains beneath that checkbox that anything a colleague does through this connection is attributed to the linking person at the vendor, that the linking person is trusting their colleagues with it, and that the audit trail records whose account was used' },\n  { ref: 'parametersHeading', kind: LabelKind.HEADING, purpose: 'Heading above the inputs a person must answer before connecting, such as which cloud or which directory their account lives in' },\n  { ref: 'parametersDescription', kind: LabelKind.DESCRIPTION, purpose: 'Explains that these answers are facts about the account being connected and that the vendor’s own addresses cannot be built without them' },\n  { ref: 'parameterAdmittedHostsPrefix', kind: LabelKind.LABEL, purpose: 'Prefix before the list of vendor hostnames a connection parameter accepts, shown above a typed host field so the person knows which addresses will be allowed (e.g. \"Accepted:\")' },\n  { ref: 'scopesPrefix', kind: LabelKind.LABEL, purpose: 'Prefix before the list of permissions the connection will ask the vendor for (e.g. \"Requests:\")' },\n  { ref: 'scopeChosenBelow', kind: LabelKind.LABEL, purpose: 'Stands in, inside the list of requested permissions, for a permission that depends on an answer the person has not given yet in the fields below (e.g. \"(depends on your answer below)\")' },\n  { ref: 'credentialStoredNotice', kind: LabelKind.MESSAGE, purpose: 'Confirmation shown after a typed credential has been saved for a provider that has no authorization flow' },\n  { ref: 'connectedNotice', kind: LabelKind.MESSAGE, purpose: 'Confirmation shown after returning from a vendor where the account was connected successfully' },\n  { ref: 'declinedNotice', kind: LabelKind.MESSAGE, purpose: 'Shown after returning from a vendor where the person chose not to grant access — a decision, not an error' },\n  { ref: 'failedNotice', kind: LabelKind.MESSAGE, purpose: 'Shown after returning from a vendor when the connection attempt could not be completed and should be started again' },\n  { ref: 'errorGeneric', kind: LabelKind.MESSAGE, purpose: 'Generic error shown when listing connectable providers or starting a connection fails' },\n  { ref: 'configurationGapsHeading', kind: LabelKind.HEADING, purpose: 'Heading of the block listing every provider whose application-level configuration is incomplete, shown before the chooser' },\n  { ref: 'configurationGapsDescription', kind: LabelKind.DESCRIPTION, purpose: 'Explains that the providers listed below cannot be connected by anybody until an operator sets the named environment variables for this deployment, and that this is a configuration gap rather than a lack of support' },\n  { ref: 'pastedCredentialNotice', kind: LabelKind.MESSAGE, purpose: 'Explains that this provider has no authorization flow because its credential is typed rather than granted, and points the person at the credentials tab' },\n  { ref: 'disconnectNotice', kind: LabelKind.MESSAGE, purpose: 'Note shown when NO connected provider can be told (standing, beneath the chooser), and in the confirmation before removing a connection whose provider cannot be told: removing a connection deletes this application\\u2019s copy of the authorization but does not withdraw it at the provider, so the person should also remove the application in the provider\\u2019s own connected-applications settings if they want access ended there' },\n  { ref: 'disconnectRevokesNotice', kind: LabelKind.MESSAGE, purpose: 'Note shown when EVERY connected provider can be told (standing, beneath the chooser), and in the confirmation before removing a connection whose provider can be told: removing a connection also hands the authorization back to the provider, so access ends there as well and nothing further needs doing at the vendor' },\n  { ref: 'disconnectMixedNotice', kind: LabelKind.MESSAGE, purpose: 'Standing note shown when SOME connected providers can be told and others cannot: removing a connection ends access at the providers that accept a withdrawal and only deletes this application\\u2019s copy for the rest, so the person should check the provider\\u2019s own connected-applications settings for those' },\n  // ── The connections this owner HOLDS — one row per connection (#1727) ──\n  { ref: 'connectionsHeading', kind: LabelKind.HEADING, purpose: 'Heading of the list of third-party accounts already connected at this scope (the person\\u2019s own, or the organization\\u2019s), one entry per connected account' },\n  { ref: 'connectionsLoading', kind: LabelKind.MESSAGE, purpose: 'Shown while the list of connected accounts is being loaded' },\n  { ref: 'connectionsFailed', kind: LabelKind.MESSAGE, purpose: 'Shown when the list of connected accounts could not be loaded — distinct from having none' },\n  { ref: 'connectionsEmpty', kind: LabelKind.EMPTY_STATE, purpose: 'Shown when no third-party account is connected yet at this scope; the chooser below is where one is connected' },\n  { ref: 'statusLabel', kind: LabelKind.LABEL, purpose: 'Term naming the health of one connected account in its summary (e.g. \"Status\")' },\n  { ref: 'statusWorking', kind: LabelKind.LABEL, purpose: 'Status of a connected account the vendor has accepted' },\n  { ref: 'statusNotYetUsed', kind: LabelKind.LABEL, purpose: 'Status of a connected account that is stored but has not been used yet, so nothing has proven it works or fails' },\n  { ref: 'statusNeedsReauthorization', kind: LabelKind.LABEL, purpose: 'Status of a connected account the vendor refused, which must be connected again; shown once for the account, whatever number of features use it' },\n  { ref: 'statusDisabled', kind: LabelKind.LABEL, purpose: 'Status of a connected account that is switched off, so no feature can use it' },\n  { ref: 'statusSuperseded', kind: LabelKind.LABEL, purpose: 'Status of an old connection that no feature uses any more, because the feature now shares another connection of the same vendor' },\n  { ref: 'servesLabel', kind: LabelKind.LABEL, purpose: 'Term before the list of features (named by their vendor product names) that use one connected account — connecting it once gives all of them access (e.g. \"Used by\")' },\n  { ref: 'grantedScopesLabel', kind: LabelKind.LABEL, purpose: 'Term before the list of permissions the person has granted this connected account so far, shown verbatim in the vendor\\u2019s own words (e.g. \"Permissions granted\")' },\n  {\n    ref: 'supersededNotice',\n    kind: LabelKind.MESSAGE,\n    params: [{ key: 'connection', meaning: 'the vendor name of the connection the feature now uses instead' }],\n    purpose: 'Explains that this old connection is no longer used because its feature now uses the {connection} connection, and that the person should connect {connection} and remove this one',\n  },\n  { ref: 'needsReauthorizationNotice', kind: LabelKind.MESSAGE, purpose: 'Explains that the vendor refused this connected account, that every feature listed for it has stopped working, and that connecting it again repairs all of them at once' },\n  { ref: 'reconnectButton', kind: LabelKind.BUTTON, purpose: 'Button that starts connecting this account again, after the vendor refused it' },\n  {\n    ref: 'reconnectAccessibleName',\n    kind: LabelKind.ARIA,\n    params: [{ key: 'provider', meaning: 'the vendor name of the connected account' }],\n    purpose: 'Screen-reader name of the reconnect button, naming which account it reconnects (e.g. \"Reconnect {provider}\")',\n  },\n  { ref: 'reauthorizationOfferDescription', kind: LabelKind.MESSAGE, purpose: 'Explains that a feature asked this connected account for something it has not been granted, and that granting more access asks the vendor only for what is missing' },\n  { ref: 'reauthorizationScopesPrefix', kind: LabelKind.LABEL, purpose: 'Prefix before the list of permissions granting more access will ask the vendor for, shown verbatim (e.g. \"Will ask for:\")' },\n  { ref: 'reauthorizationAdministratorPrefix', kind: LabelKind.LABEL, purpose: 'Prefix before permissions only an administrator of the vendor account can grant, so granting more access here cannot obtain them (e.g. \"Needs an administrator of the account:\")' },\n  { ref: 'reauthorizationLinkerOnlyNotice', kind: LabelKind.MESSAGE, purpose: 'Explains that only the member who linked this organization account can grant it more access, so the person should ask them' },\n  { ref: 'grantMoreAccessButton', kind: LabelKind.BUTTON, purpose: 'Button that sends the person to the vendor to grant this connected account the extra permissions a feature needs' },\n  {\n    ref: 'grantMoreAccessAccessibleName',\n    kind: LabelKind.ARIA,\n    params: [{ key: 'provider', meaning: 'the vendor name of the connected account' }],\n    purpose: 'Screen-reader name of the grant-more-access button, naming the account (e.g. \"Grant {provider} more access\")',\n  },\n  { ref: 'disconnectButton', kind: LabelKind.BUTTON, purpose: 'Button that begins removing this connected account; a confirmation follows before anything is removed' },\n  {\n    ref: 'disconnectAccessibleName',\n    kind: LabelKind.ARIA,\n    params: [{ key: 'provider', meaning: 'the vendor name of the connected account' }],\n    purpose: 'Screen-reader name of the disconnect button, naming which account (e.g. \"Disconnect {provider}\")',\n  },\n  {\n    ref: 'disconnectConfirmDescription',\n    kind: LabelKind.MESSAGE,\n    params: [{ key: 'provider', meaning: 'the vendor name of the connected account' }],\n    purpose: 'Confirmation text before removing the {provider} connection: removing it ends access for EVERY feature listed for it, not only one',\n  },\n  { ref: 'disconnectConfirmButton', kind: LabelKind.BUTTON, purpose: 'Button that confirms removing the connected account' },\n  {\n    ref: 'disconnectConfirmAccessibleName',\n    kind: LabelKind.ARIA,\n    params: [{ key: 'provider', meaning: 'the vendor name of the connected account' }],\n    purpose: 'Screen-reader name of the confirm button, naming the account being removed (e.g. \"Confirm disconnecting {provider}\")',\n  },\n  { ref: 'disconnectCancelButton', kind: LabelKind.BUTTON, purpose: 'Button that abandons removing the connected account and keeps it' },\n  { ref: 'disconnectedNotice', kind: LabelKind.MESSAGE, purpose: 'Confirmation shown after a connected account was removed' },\n  { ref: 'disconnectFailedNotice', kind: LabelKind.MESSAGE, purpose: 'Shown when removing a connected account failed; the list is refreshed so the person sees what remains' },\n];\n\nregisterComponentLabels(FrontendComponentType.APP_LAYOUTS_CONNECTED_ACCOUNTS_SETTINGS, AppLayoutsConnectedAccountsSettingsLabels);\n"]}

package/dist/esm/components/settings/AppPage_InvitationsSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppPage_InvitationsSettings.d.ts","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_InvitationsSettings.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,KAA2C,MAAM,OAAO,CAAC;AAchE,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EA4J/C,CAAC"}
+{"version":3,"file":"AppPage_InvitationsSettings.d.ts","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_InvitationsSettings.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,KAA2C,MAAM,OAAO,CAAC;AAoBhE,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EA6J/C,CAAC"}

package/dist/esm/components/settings/AppPage_InvitationsSettings.js

@@ -18,17 +18,25 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * hardcoded fallback strings here.
  */
 import { useCallback, useEffect, useState } from 'react';
-import { ButtonSize, FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { ButtonSize, FrontendComponentType, LabellingTypes } from '@wildo-ai/presets-components-models';
 import { isWildoBackendError } from '@wildo-ai/saas-models';
-import { Card, CardContent, CardHeader, CardTitle } from '../../components/sections/card.js';
+import { Card, CardContent } from '../../components/sections/card.js';
 import { Button, ButtonVariants_Variant } from '../../components/actions/button.js';
 import { Text } from '../../components/typography/text.js';
 import { Alert, AlertDescription } from '../../components/overlays/containers/alert.js';
 import { useI18n } from '../../core/i18n/useI18n.js';
 import { useUserOrgs } from '../../core/security/useUserOrgs.js';
 import { getManualCallsHttpClient, } from '../../core/requests/wildo-http-client-manual-calls.frontend.service.js';
+/*
+ * The role words live in the application's `roles` labels, planned from every registered role, not in this
+ * panel's own namespace. Module-level so the requested set keeps one identity across renders.
+ */
+const INVITATION_ROLE_LABEL_NAMESPACES = [LabellingTypes.ROLES];
 export const AppPage_InvitationsSettings = () => {
-    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.APP_LAYOUTS_INVITATIONS_SETTINGS });
+    const { tComponent, tRole, isReady } = useI18n({
+        component: FrontendComponentType.APP_LAYOUTS_INVITATIONS_SETTINGS,
+        keys: INVITATION_ROLE_LABEL_NAMESPACES,
+    });
     const { refreshOrganizations } = useUserOrgs();
     const t = useCallback((key) => tComponent(FrontendComponentType.APP_LAYOUTS_INVITATIONS_SETTINGS, key), [tComponent]);
     const [invitations, setInvitations] = useState([]);
@@ -101,13 +109,13 @@ export const AppPage_InvitationsSettings = () => {
     // Gate on label readiness so the panel never flashes raw key paths (Appearance convention).
     if (!isReady)
         return null;
-    return (_jsxs("div", { className: "flex flex-col gap-section", children: [_jsxs("div", { className: "flex flex-col gap-item-xs", children: [_jsx("h3", { className: "text-base font-semibold tracking-tight", children: t('pageTitle') }), _jsx(Text, { className: "text-sm text-muted-foreground", children: t('pageDescription') })] }), error && (_jsx(Alert, { variant: "destructive", children: _jsx(AlertDescription, { children: error }) })), successMsg && (_jsx(Alert, { children: _jsx(AlertDescription, { children: successMsg }) })), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: t('listHeading') }) }), _jsx(CardContent, { children: loading ? (_jsx(Text, { className: "text-sm text-muted-foreground", children: t('loading') })) : invitations.length === 0 ? (_jsx(Text, { className: "text-sm text-muted-foreground", children: t('empty') })) : (
-                        /* Flush divided list — same settings-list geometry as the
-                           SETTINGS_ROW field chrome (label/meta inline-start, actions
-                           inline-end, `py-group` rhythm, `divide-y` hairline dividers) so
-                           this bespoke action panel reads as the same family as the
-                           decorator-driven settings surfaces. (Was per-row bordered boxes
-                           with `space-y-2`, a visually divergent pattern.) */
-                        _jsx("ul", { className: "divide-y divide-border", children: invitations.map((invitation) => (_jsxs("li", { className: "flex items-center justify-between gap-section py-group", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-item-xs", children: [_jsx(Text, { className: "font-medium", children: invitation.organizationName ?? t('unknownOrganization') }), invitation.roles.length > 0 && (_jsxs(Text, { className: "text-xs text-muted-foreground", children: [t('rolesPrefix'), " ", invitation.roles.join(', ')] }))] }), _jsxs("div", { className: "flex shrink-0 gap-element", children: [_jsx(Button, { variant: ButtonVariants_Variant.OUTLINE, size: ButtonSize.SM, disabled: busyId === invitation.membershipId, onClick: () => handleReject(invitation.membershipId), children: t('rejectButton') }), _jsx(Button, { size: ButtonSize.SM, disabled: busyId === invitation.membershipId, onClick: () => handleAccept(invitation.membershipId), children: t('acceptButton') })] })] }, invitation.membershipId))) })) })] })] }));
+    return (_jsxs("div", { className: "flex flex-col gap-section", children: [_jsx("h3", { className: "text-base font-semibold tracking-tight", children: t('pageTitle') }), error && (_jsx(Alert, { variant: "destructive", children: _jsx(AlertDescription, { children: error }) })), successMsg && (_jsx(Alert, { children: _jsx(AlertDescription, { children: successMsg }) })), _jsx(Card, { children: _jsx(CardContent, { className: "p-card", children: loading ? (_jsx(Text, { className: "text-sm text-muted-foreground", children: t('loading') })) : invitations.length === 0 ? (_jsx(Text, { className: "text-sm text-muted-foreground", children: t('empty') })) : (
+                    /* Flush divided list — same settings-list geometry as the
+                       SETTINGS_ROW field chrome (label/meta inline-start, actions
+                       inline-end, `py-group` rhythm, `divide-y` hairline dividers) so
+                       this bespoke action panel reads as the same family as the
+                       decorator-driven settings surfaces. (Was per-row bordered boxes
+                       with `space-y-2`, a visually divergent pattern.) */
+                    _jsx("ul", { className: "divide-y divide-border", children: invitations.map((invitation) => (_jsxs("li", { className: "flex items-center justify-between gap-section py-group", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-item-xs", children: [_jsx(Text, { className: "font-medium", children: invitation.organizationName ?? t('unknownOrganization') }), invitation.roles.length > 0 && (_jsxs(Text, { className: "text-xs text-muted-foreground", children: [t('rolesPrefix'), " ", invitation.roles.map((role) => tRole(role, 'label')).join(', ')] }))] }), _jsxs("div", { className: "flex shrink-0 gap-element", children: [_jsx(Button, { variant: ButtonVariants_Variant.OUTLINE, size: ButtonSize.SM, disabled: busyId === invitation.membershipId, onClick: () => handleReject(invitation.membershipId), children: t('rejectButton') }), _jsx(Button, { size: ButtonSize.SM, disabled: busyId === invitation.membershipId, onClick: () => handleAccept(invitation.membershipId), children: t('acceptButton') })] })] }, invitation.membershipId))) })) }) })] }));
 };
 //# sourceMappingURL=AppPage_InvitationsSettings.js.map

package/dist/esm/components/settings/AppPage_InvitationsSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppPage_InvitationsSettings.js","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_InvitationsSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * AppPage_InvitationsSettings — the Settings Hub \"Invitations\" panel (Approach P).\n *\n * A bespoke `ENGINE_PANEL` (not a resource surface) that lets a signed-in user act on\n * THEIR OWN pending organization invitations in-app, without opening the emailed link.\n * It lists the caller's pending invitations — their own INVITED membership rows, resolved\n * server-side by userId-ownership via `GET /auth/invitations/mine` — and offers Accept /\n * Decline per row (Accept flips the row to ACTIVE; Decline deletes it) — calling the\n * authenticated `acceptMyInvitation` / `rejectMyInvitation` endpoints (no token, no new\n * session). On accept the caller becomes a member, so the panel refreshes the user's\n * organizations via `useUserOrgs().refreshOrganizations()` and re-lists.\n *\n * i18n follows the framework convention (same shape as `AppPage_AppearanceSettings`):\n * `useI18n({ component })` requests this component's label namespace, the panel gates\n * rendering on `isReady` so it never flashes raw key paths, and a thin `t(key)` reads\n * each label. Copy is owned by the labelling pipeline (sibling `.labels.ts`) — no\n * hardcoded fallback strings here.\n */\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { ButtonSize, FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { isWildoBackendError } from '@wildo-ai/saas-models';\nimport { Card, CardContent, CardHeader, CardTitle } from '~wildo-frontend-lib/components/sections/card';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { Text } from '~wildo-frontend-lib/components/typography/text';\nimport { Alert, AlertDescription } from '~wildo-frontend-lib/components/overlays/containers/alert';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useUserOrgs } from '~wildo-frontend-lib/core/security/useUserOrgs';\nimport {\n  getManualCallsHttpClient,\n  type MyPendingInvitationView,\n} from '~wildo-frontend-lib/core/requests/wildo-http-client-manual-calls.frontend.service';\n\nexport const AppPage_InvitationsSettings: React.FC = () => {\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.APP_LAYOUTS_INVITATIONS_SETTINGS });\n  const { refreshOrganizations } = useUserOrgs();\n\n  const t = useCallback(\n    (key: string) => tComponent(FrontendComponentType.APP_LAYOUTS_INVITATIONS_SETTINGS, key),\n    [tComponent],\n  );\n\n  const [invitations, setInvitations] = useState<MyPendingInvitationView[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [busyId, setBusyId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [successMsg, setSuccessMsg] = useState<string | null>(null);\n\n  const refresh = useCallback(async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const res = await getManualCallsHttpClient().listMyPendingInvitations();\n      setInvitations(res.invitations ?? []);\n    } catch (e: unknown) {\n      if (isWildoBackendError(e)) throw e;\n      setError(t('errorGeneric'));\n    } finally {\n      setLoading(false);\n    }\n  }, [t]);\n\n  useEffect(() => {\n    refresh();\n  }, [refresh]);\n\n  // Auto-dismiss the success banner (same convention as AppPage_SecuritySettings).\n  useEffect(() => {\n    if (!successMsg) return;\n    const timer = setTimeout(() => setSuccessMsg(null), 5000);\n    return () => clearTimeout(timer);\n  }, [successMsg]);\n\n  const handleAccept = useCallback(\n    async (membershipId: string) => {\n      setBusyId(membershipId);\n      setError(null);\n      try {\n        await getManualCallsHttpClient().acceptMyInvitation(membershipId);\n        // The caller just became a member — refresh their org list before re-listing.\n        await refreshOrganizations();\n        setSuccessMsg(t('acceptSuccess'));\n        await refresh();\n      } catch (e: unknown) {\n        if (isWildoBackendError(e)) throw e;\n        setError(t('errorGeneric'));\n      } finally {\n        setBusyId(null);\n      }\n    },\n    [refresh, refreshOrganizations, t],\n  );\n\n  const handleReject = useCallback(\n    async (membershipId: string) => {\n      setBusyId(membershipId);\n      setError(null);\n      try {\n        await getManualCallsHttpClient().rejectMyInvitation(membershipId);\n        setSuccessMsg(t('rejectSuccess'));\n        await refresh();\n      } catch (e: unknown) {\n        if (isWildoBackendError(e)) throw e;\n        setError(t('errorGeneric'));\n      } finally {\n        setBusyId(null);\n      }\n    },\n    [refresh, t],\n  );\n\n  // Gate on label readiness so the panel never flashes raw key paths (Appearance convention).\n  if (!isReady) return null;\n\n  return (\n    <div className=\"flex flex-col gap-section\">\n      <div className=\"flex flex-col gap-item-xs\">\n        {/* `h3`, not `h2`: the Settings Hub header owns the `h2` for this dialog,\n            so a panel heading is one level below it. */}\n        <h3 className=\"text-base font-semibold tracking-tight\">{t('pageTitle')}</h3>\n        <Text className=\"text-sm text-muted-foreground\">{t('pageDescription')}</Text>\n      </div>\n\n      {error && (\n        <Alert variant=\"destructive\">\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      )}\n      {successMsg && (\n        <Alert>\n          <AlertDescription>{successMsg}</AlertDescription>\n        </Alert>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle>{t('listHeading')}</CardTitle>\n        </CardHeader>\n        <CardContent>\n          {loading ? (\n            <Text className=\"text-sm text-muted-foreground\">{t('loading')}</Text>\n          ) : invitations.length === 0 ? (\n            <Text className=\"text-sm text-muted-foreground\">{t('empty')}</Text>\n          ) : (\n            /* Flush divided list — same settings-list geometry as the\n               SETTINGS_ROW field chrome (label/meta inline-start, actions\n               inline-end, `py-group` rhythm, `divide-y` hairline dividers) so\n               this bespoke action panel reads as the same family as the\n               decorator-driven settings surfaces. (Was per-row bordered boxes\n               with `space-y-2`, a visually divergent pattern.) */\n            <ul className=\"divide-y divide-border\">\n              {invitations.map((invitation) => (\n                <li\n                  key={invitation.membershipId}\n                  className=\"flex items-center justify-between gap-section py-group\"\n                >\n                  <div className=\"flex min-w-0 flex-col gap-item-xs\">\n                    <Text className=\"font-medium\">{invitation.organizationName ?? t('unknownOrganization')}</Text>\n                    {invitation.roles.length > 0 && (\n                      <Text className=\"text-xs text-muted-foreground\">\n                        {t('rolesPrefix')} {invitation.roles.join(', ')}\n                      </Text>\n                    )}\n                  </div>\n                  <div className=\"flex shrink-0 gap-element\">\n                    <Button\n                      variant={ButtonVariants_Variant.OUTLINE}\n                      size={ButtonSize.SM}\n                      disabled={busyId === invitation.membershipId}\n                      onClick={() => handleReject(invitation.membershipId)}\n                    >\n                      {t('rejectButton')}\n                    </Button>\n                    <Button\n                      size={ButtonSize.SM}\n                      disabled={busyId === invitation.membershipId}\n                      onClick={() => handleAccept(invitation.membershipId)}\n                    >\n                      {t('acceptButton')}\n                    </Button>\n                  </div>\n                </li>\n              ))}\n            </ul>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"AppPage_InvitationsSettings.js","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_InvitationsSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * AppPage_InvitationsSettings — the Settings Hub \"Invitations\" panel (Approach P).\n *\n * A bespoke `ENGINE_PANEL` (not a resource surface) that lets a signed-in user act on\n * THEIR OWN pending organization invitations in-app, without opening the emailed link.\n * It lists the caller's pending invitations — their own INVITED membership rows, resolved\n * server-side by userId-ownership via `GET /auth/invitations/mine` — and offers Accept /\n * Decline per row (Accept flips the row to ACTIVE; Decline deletes it) — calling the\n * authenticated `acceptMyInvitation` / `rejectMyInvitation` endpoints (no token, no new\n * session). On accept the caller becomes a member, so the panel refreshes the user's\n * organizations via `useUserOrgs().refreshOrganizations()` and re-lists.\n *\n * i18n follows the framework convention (same shape as `AppPage_AppearanceSettings`):\n * `useI18n({ component })` requests this component's label namespace, the panel gates\n * rendering on `isReady` so it never flashes raw key paths, and a thin `t(key)` reads\n * each label. Copy is owned by the labelling pipeline (sibling `.labels.ts`) — no\n * hardcoded fallback strings here.\n */\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { ButtonSize, FrontendComponentType, LabellingTypes } from '@wildo-ai/presets-components-models';\nimport { isWildoBackendError } from '@wildo-ai/saas-models';\nimport { Card, CardContent } from '~wildo-frontend-lib/components/sections/card';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { Text } from '~wildo-frontend-lib/components/typography/text';\nimport { Alert, AlertDescription } from '~wildo-frontend-lib/components/overlays/containers/alert';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useUserOrgs } from '~wildo-frontend-lib/core/security/useUserOrgs';\nimport {\n  getManualCallsHttpClient,\n  type MyPendingInvitationView,\n} from '~wildo-frontend-lib/core/requests/wildo-http-client-manual-calls.frontend.service';\n\n/*\n * The role words live in the application's `roles` labels, planned from every registered role, not in this\n * panel's own namespace. Module-level so the requested set keeps one identity across renders.\n */\nconst INVITATION_ROLE_LABEL_NAMESPACES = [LabellingTypes.ROLES];\n\nexport const AppPage_InvitationsSettings: React.FC = () => {\n  const { tComponent, tRole, isReady } = useI18n({\n    component: FrontendComponentType.APP_LAYOUTS_INVITATIONS_SETTINGS,\n    keys: INVITATION_ROLE_LABEL_NAMESPACES,\n  });\n  const { refreshOrganizations } = useUserOrgs();\n\n  const t = useCallback(\n    (key: string) => tComponent(FrontendComponentType.APP_LAYOUTS_INVITATIONS_SETTINGS, key),\n    [tComponent],\n  );\n\n  const [invitations, setInvitations] = useState<MyPendingInvitationView[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [busyId, setBusyId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [successMsg, setSuccessMsg] = useState<string | null>(null);\n\n  const refresh = useCallback(async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const res = await getManualCallsHttpClient().listMyPendingInvitations();\n      setInvitations(res.invitations ?? []);\n    } catch (e: unknown) {\n      if (isWildoBackendError(e)) throw e;\n      setError(t('errorGeneric'));\n    } finally {\n      setLoading(false);\n    }\n  }, [t]);\n\n  useEffect(() => {\n    refresh();\n  }, [refresh]);\n\n  // Auto-dismiss the success banner (same convention as AppPage_SecuritySettings).\n  useEffect(() => {\n    if (!successMsg) return;\n    const timer = setTimeout(() => setSuccessMsg(null), 5000);\n    return () => clearTimeout(timer);\n  }, [successMsg]);\n\n  const handleAccept = useCallback(\n    async (membershipId: string) => {\n      setBusyId(membershipId);\n      setError(null);\n      try {\n        await getManualCallsHttpClient().acceptMyInvitation(membershipId);\n        // The caller just became a member — refresh their org list before re-listing.\n        await refreshOrganizations();\n        setSuccessMsg(t('acceptSuccess'));\n        await refresh();\n      } catch (e: unknown) {\n        if (isWildoBackendError(e)) throw e;\n        setError(t('errorGeneric'));\n      } finally {\n        setBusyId(null);\n      }\n    },\n    [refresh, refreshOrganizations, t],\n  );\n\n  const handleReject = useCallback(\n    async (membershipId: string) => {\n      setBusyId(membershipId);\n      setError(null);\n      try {\n        await getManualCallsHttpClient().rejectMyInvitation(membershipId);\n        setSuccessMsg(t('rejectSuccess'));\n        await refresh();\n      } catch (e: unknown) {\n        if (isWildoBackendError(e)) throw e;\n        setError(t('errorGeneric'));\n      } finally {\n        setBusyId(null);\n      }\n    },\n    [refresh, t],\n  );\n\n  // Gate on label readiness so the panel never flashes raw key paths (Appearance convention).\n  if (!isReady) return null;\n\n  return (\n    <div className=\"flex flex-col gap-section\">\n      {/* `h3`, not `h2`: the Settings Hub header owns the `h2` for this dialog,\n          so a panel heading is one level below it. No sub-heading: it restated\n          the Accept / Decline buttons each row carries. */}\n      <h3 className=\"text-base font-semibold tracking-tight\">{t('pageTitle')}</h3>\n\n      {error && (\n        <Alert variant=\"destructive\">\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      )}\n      {successMsg && (\n        <Alert>\n          <AlertDescription>{successMsg}</AlertDescription>\n        </Alert>\n      )}\n\n      {/* No card title: \"Pending Invitations\" repeated the panel heading one line\n          above it, and every row it could hold is by definition pending. */}\n      <Card>\n        <CardContent className=\"p-card\">\n          {loading ? (\n            <Text className=\"text-sm text-muted-foreground\">{t('loading')}</Text>\n          ) : invitations.length === 0 ? (\n            <Text className=\"text-sm text-muted-foreground\">{t('empty')}</Text>\n          ) : (\n            /* Flush divided list — same settings-list geometry as the\n               SETTINGS_ROW field chrome (label/meta inline-start, actions\n               inline-end, `py-group` rhythm, `divide-y` hairline dividers) so\n               this bespoke action panel reads as the same family as the\n               decorator-driven settings surfaces. (Was per-row bordered boxes\n               with `space-y-2`, a visually divergent pattern.) */\n            <ul className=\"divide-y divide-border\">\n              {invitations.map((invitation) => (\n                <li\n                  key={invitation.membershipId}\n                  className=\"flex items-center justify-between gap-section py-group\"\n                >\n                  <div className=\"flex min-w-0 flex-col gap-item-xs\">\n                    <Text className=\"font-medium\">{invitation.organizationName ?? t('unknownOrganization')}</Text>\n                    {invitation.roles.length > 0 && (\n                      <Text className=\"text-xs text-muted-foreground\">\n                        {/* Each role by its word, as a member directory shows it; a role with no word shows its key. */}\n                        {t('rolesPrefix')} {invitation.roles.map((role) => tRole(role, 'label')).join(', ')}\n                      </Text>\n                    )}\n                  </div>\n                  <div className=\"flex shrink-0 gap-element\">\n                    <Button\n                      variant={ButtonVariants_Variant.OUTLINE}\n                      size={ButtonSize.SM}\n                      disabled={busyId === invitation.membershipId}\n                      onClick={() => handleReject(invitation.membershipId)}\n                    >\n                      {t('rejectButton')}\n                    </Button>\n                    <Button\n                      size={ButtonSize.SM}\n                      disabled={busyId === invitation.membershipId}\n                      onClick={() => handleAccept(invitation.membershipId)}\n                    >\n                      {t('acceptButton')}\n                    </Button>\n                  </div>\n                </li>\n              ))}\n            </ul>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n};\n"]}

package/dist/esm/components/settings/AppPage_InvitationsSettings.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppPage_InvitationsSettings.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_InvitationsSettings.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAO7C,eAAO,MAAM,mCAAmC,EAAE,mBAAmB,EAapE,CAAC"}
+{"version":3,"file":"AppPage_InvitationsSettings.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_InvitationsSettings.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAW7C,eAAO,MAAM,mCAAmC,EAAE,mBAAmB,EAWpE,CAAC"}

package/dist/esm/components/settings/AppPage_InvitationsSettings.labels.js

@@ -4,10 +4,12 @@ import { FrontendComponentType, LabelKind, registerComponentLabels, } from '@wil
 // `components.APP_LAYOUTS_INVITATIONS_SETTINGS.*` bundle; NOT imported at runtime,
 // so it never ships in the browser bundle. Keep in lock-step with the keys the
 // component reads via `tComponent(APP_LAYOUTS_INVITATIONS_SETTINGS, ...)`.
+//
+// No sub-heading and no list heading: `pageDescription` restated the Accept /
+// Decline buttons, and `listHeading` ("Pending Invitations") restated the panel
+// heading directly above it. Both were removed with the text they rendered.
 export const AppLayoutsInvitationsSettingsLabels = [
     { ref: 'pageTitle', kind: LabelKind.HEADING, purpose: 'Heading for the Invitations settings panel (the user’s own pending org invitations)' },
-    { ref: 'pageDescription', kind: LabelKind.DESCRIPTION, purpose: 'Sub-heading explaining the panel lists organizations that invited this user, to accept or decline' },
-    { ref: 'listHeading', kind: LabelKind.HEADING, purpose: 'Section title above the list of pending invitations' },
     { ref: 'loading', kind: LabelKind.MESSAGE, purpose: 'Shown while the pending invitations are being loaded' },
     { ref: 'empty', kind: LabelKind.MESSAGE, purpose: 'Shown when the user has no pending invitations' },
     { ref: 'unknownOrganization', kind: LabelKind.LABEL, purpose: 'Fallback label for an invitation whose organization name could not be resolved' },

package/dist/esm/components/settings/AppPage_InvitationsSettings.labels.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppPage_InvitationsSettings.labels.js","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_InvitationsSettings.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,uBAAuB,GACxB,MAAM,qCAAqC,CAAC;AAE7C,gFAAgF;AAChF,6EAA6E;AAC7E,mFAAmF;AACnF,+EAA+E;AAC/E,2EAA2E;AAC3E,MAAM,CAAC,MAAM,mCAAmC,GAA0B;IACxE,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,qFAAqF,EAAE;IAC7I,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,mGAAmG,EAAE;IACrK,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,qDAAqD,EAAE;IAC/G,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,sDAAsD,EAAE;IAC5G,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,gDAAgD,EAAE;IACpG,EAAE,GAAG,EAAE,qBAAqB,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,gFAAgF,EAAE;IAChJ,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,uEAAuE,EAAE;IAC/H,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,+DAA+D,EAAE;IACzH,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,qCAAqC,EAAE;IAC/F,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,yDAAyD,EAAE;IACrH,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,0DAA0D,EAAE;IACtH,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,0EAA0E,EAAE;CACtI,CAAC;AAEF,uBAAuB,CAAC,qBAAqB,CAAC,gCAAgC,EAAE,mCAAmC,CAAC,CAAC","sourcesContent":["import {\n  FrontendComponentType,\n  LabelKind,\n  type LabellingUnitaryDef,\n  registerComponentLabels,\n} from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for the Invitations settings panel: keys + kind\n// + per-key purpose. Statically scanned by the dev companion to generate the\n// `components.APP_LAYOUTS_INVITATIONS_SETTINGS.*` bundle; NOT imported at runtime,\n// so it never ships in the browser bundle. Keep in lock-step with the keys the\n// component reads via `tComponent(APP_LAYOUTS_INVITATIONS_SETTINGS, ...)`.\nexport const AppLayoutsInvitationsSettingsLabels: LabellingUnitaryDef[] = [\n  { ref: 'pageTitle', kind: LabelKind.HEADING, purpose: 'Heading for the Invitations settings panel (the user’s own pending org invitations)' },\n  { ref: 'pageDescription', kind: LabelKind.DESCRIPTION, purpose: 'Sub-heading explaining the panel lists organizations that invited this user, to accept or decline' },\n  { ref: 'listHeading', kind: LabelKind.HEADING, purpose: 'Section title above the list of pending invitations' },\n  { ref: 'loading', kind: LabelKind.MESSAGE, purpose: 'Shown while the pending invitations are being loaded' },\n  { ref: 'empty', kind: LabelKind.MESSAGE, purpose: 'Shown when the user has no pending invitations' },\n  { ref: 'unknownOrganization', kind: LabelKind.LABEL, purpose: 'Fallback label for an invitation whose organization name could not be resolved' },\n  { ref: 'rolesPrefix', kind: LabelKind.LABEL, purpose: 'Prefix before the list of roles the invitation grants (e.g. \"Roles:\")' },\n  { ref: 'acceptButton', kind: LabelKind.BUTTON, purpose: 'Button that accepts the invitation and joins the organization' },\n  { ref: 'rejectButton', kind: LabelKind.BUTTON, purpose: 'Button that declines the invitation' },\n  { ref: 'acceptSuccess', kind: LabelKind.MESSAGE, purpose: 'Confirmation shown after the user accepts an invitation' },\n  { ref: 'rejectSuccess', kind: LabelKind.MESSAGE, purpose: 'Confirmation shown after the user declines an invitation' },\n  { ref: 'errorGeneric', kind: LabelKind.MESSAGE, purpose: 'Generic error shown when listing/accepting/declining an invitation fails' },\n];\n\nregisterComponentLabels(FrontendComponentType.APP_LAYOUTS_INVITATIONS_SETTINGS, AppLayoutsInvitationsSettingsLabels);\n"]}
+{"version":3,"file":"AppPage_InvitationsSettings.labels.js","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_InvitationsSettings.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,uBAAuB,GACxB,MAAM,qCAAqC,CAAC;AAE7C,gFAAgF;AAChF,6EAA6E;AAC7E,mFAAmF;AACnF,+EAA+E;AAC/E,2EAA2E;AAC3E,EAAE;AACF,8EAA8E;AAC9E,gFAAgF;AAChF,4EAA4E;AAC5E,MAAM,CAAC,MAAM,mCAAmC,GAA0B;IACxE,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,qFAAqF,EAAE;IAC7I,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,sDAAsD,EAAE;IAC5G,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,gDAAgD,EAAE;IACpG,EAAE,GAAG,EAAE,qBAAqB,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,gFAAgF,EAAE;IAChJ,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,uEAAuE,EAAE;IAC/H,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,+DAA+D,EAAE;IACzH,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,qCAAqC,EAAE;IAC/F,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,yDAAyD,EAAE;IACrH,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,0DAA0D,EAAE;IACtH,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,0EAA0E,EAAE;CACtI,CAAC;AAEF,uBAAuB,CAAC,qBAAqB,CAAC,gCAAgC,EAAE,mCAAmC,CAAC,CAAC","sourcesContent":["import {\n  FrontendComponentType,\n  LabelKind,\n  type LabellingUnitaryDef,\n  registerComponentLabels,\n} from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for the Invitations settings panel: keys + kind\n// + per-key purpose. Statically scanned by the dev companion to generate the\n// `components.APP_LAYOUTS_INVITATIONS_SETTINGS.*` bundle; NOT imported at runtime,\n// so it never ships in the browser bundle. Keep in lock-step with the keys the\n// component reads via `tComponent(APP_LAYOUTS_INVITATIONS_SETTINGS, ...)`.\n//\n// No sub-heading and no list heading: `pageDescription` restated the Accept /\n// Decline buttons, and `listHeading` (\"Pending Invitations\") restated the panel\n// heading directly above it. Both were removed with the text they rendered.\nexport const AppLayoutsInvitationsSettingsLabels: LabellingUnitaryDef[] = [\n  { ref: 'pageTitle', kind: LabelKind.HEADING, purpose: 'Heading for the Invitations settings panel (the user’s own pending org invitations)' },\n  { ref: 'loading', kind: LabelKind.MESSAGE, purpose: 'Shown while the pending invitations are being loaded' },\n  { ref: 'empty', kind: LabelKind.MESSAGE, purpose: 'Shown when the user has no pending invitations' },\n  { ref: 'unknownOrganization', kind: LabelKind.LABEL, purpose: 'Fallback label for an invitation whose organization name could not be resolved' },\n  { ref: 'rolesPrefix', kind: LabelKind.LABEL, purpose: 'Prefix before the list of roles the invitation grants (e.g. \"Roles:\")' },\n  { ref: 'acceptButton', kind: LabelKind.BUTTON, purpose: 'Button that accepts the invitation and joins the organization' },\n  { ref: 'rejectButton', kind: LabelKind.BUTTON, purpose: 'Button that declines the invitation' },\n  { ref: 'acceptSuccess', kind: LabelKind.MESSAGE, purpose: 'Confirmation shown after the user accepts an invitation' },\n  { ref: 'rejectSuccess', kind: LabelKind.MESSAGE, purpose: 'Confirmation shown after the user declines an invitation' },\n  { ref: 'errorGeneric', kind: LabelKind.MESSAGE, purpose: 'Generic error shown when listing/accepting/declining an invitation fails' },\n];\n\nregisterComponentLabels(FrontendComponentType.APP_LAYOUTS_INVITATIONS_SETTINGS, AppLayoutsInvitationsSettingsLabels);\n"]}

package/dist/esm/components/settings/SettingsHub.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsHub.d.ts","sourceRoot":"","sources":["../../../../../src/components/settings/SettingsHub.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAyMjF,MAAM,WAAW,gBAAgB;IAC/B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2T1F"}
+{"version":3,"file":"SettingsHub.d.ts","sourceRoot":"","sources":["../../../../../src/components/settings/SettingsHub.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,KAA4D,MAAM,OAAO,CAAC;AA4MjF,MAAM,WAAW,gBAAgB;IAC/B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2T1F"}

package/dist/esm/components/settings/SettingsHub.js

@@ -38,6 +38,7 @@ import { AppPage_InvitationsSettings } from './AppPage_InvitationsSettings.js';
 import { AppPage_BillingSettings } from './AppPage_BillingSettings.js';
 import { ExternalProvider_Connection_OwnerScope } from '@wildo-ai/external-connectors-models';
 import { AppPage_ConnectedAccountsSettings } from './AppPage_ConnectedAccountsSettings.js';
+import { AppPage_AgentWorkOverrideRateSettings } from './AppPage_AgentWorkOverrideRateSettings.js';
 import { ComponentRegistryService } from '../../core/components-registry/component-registry.frontend.service.js';
 import { ComponentNotInjected } from '../../core/components-registry/ComponentNotInjected.js';
 import { SettingsPanelRef, SettingsSectionTargetKind } from '../../core/config/settings-hub.frontend.schemas.js';
@@ -88,6 +89,8 @@ function SettingsEnginePanel({ panelRef }) {
             // A default is invisible at the call site, and the one thing a reader must be able to see here
             // is whose account each panel connects.
             return _jsx(AppPage_ConnectedAccountsSettings, { ownerScope: ExternalProvider_Connection_OwnerScope.ORGANIZATION });
+        case SettingsPanelRef.AGENT_WORK_OVERRIDE_RATE:
+            return _jsx(AppPage_AgentWorkOverrideRateSettings, {});
     }
 }
 function SettingsTargetRenderer({ target, resolveSubTabLabel, subTabRef, onSubTabChange, }) {

package/dist/esm/components/settings/SettingsHub.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsHub.js","sourceRoot":"","sources":["../../../../../src/components/settings/SettingsHub.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * SettingsHub — the unified settings surface.\n *\n * Renders the declarative `ResolvedSettingsHubConfig` as a vertical NAVIGATION rail beside a\n * content panel. Categories become labelled groups of links, each destination addressed by its own\n * URL. A section's `target` resolves to a framework panel, an auto-rendered resource surface, a\n * custom component, or a set of horizontal sub-tabs.\n *\n * The rail was a `Tabs`/`TabsList` until 2026-09-19, chosen so that section state and keyboard\n * roving came from the primitive rather than being hand-rolled. It became navigation because a\n * tablist switches panels WITHIN a view while these are thirty destinations that each own a URL —\n * and the keyboard argument dissolves rather than transferring: roving tabindex is a tablist\n * requirement, and navigation wants ordinary Tab order through links. See the rail's own comment.\n *\n * The SUB-TABS are still `Tabs`, correctly: Configuration/Connections inside one destination is\n * exactly what a tablist is for.\n *\n * Mounted by `NavigationContentRenderer` for `NavigationContentType.SETTINGS_HUB`\n * (always in the overlay zone). The `sectionRef` prop pre-selects the open\n * section and is kept in sync so URL-driven section changes re-select the rail.\n */\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Link, useNavigate } from 'react-router-dom';\nimport { ViewportBreakpoint } from '@wildo-ai/zod-decorators';\nimport { CorePresetNames, FrontendComponentType, SelectableVariant, UIBehavior } from '@wildo-ai/presets-components-models';\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '~wildo-frontend-lib/components/sections/tabs';\nimport { Separator } from '~wildo-frontend-lib/components/layout/separator';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { ButtonSize } from '@wildo-ai/presets-components-models';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { IconSize, StandardIconReference } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { AppPage_SecuritySettings } from '~wildo-frontend-lib/components/auth/admin-config/AppPage_SecuritySettings';\nimport { AppPage_AppearanceSettings } from './AppPage_AppearanceSettings';\nimport { AppPage_InvitationsSettings } from './AppPage_InvitationsSettings';\nimport { AppPage_BillingSettings } from './AppPage_BillingSettings';\nimport { ExternalProvider_Connection_OwnerScope } from '@wildo-ai/external-connectors-models';\nimport { AppPage_ConnectedAccountsSettings } from './AppPage_ConnectedAccountsSettings';\nimport { ComponentRegistryService } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.service';\nimport { ComponentNotInjected } from '~wildo-frontend-lib/core/components-registry/ComponentNotInjected';\nimport { SettingsPanelRef, SettingsSectionTargetKind } from '~wildo-frontend-lib/core/config/settings-hub.frontend.schemas';\nimport type {\n  ResolvedSettingsHubConfig,\n  SettingsCategory,\n  SettingsSection,\n  SettingsSectionTarget,\n  SettingsSubTabsTarget,\n} from '~wildo-frontend-lib/core/config/settings-hub.frontend.schemas';\nimport { CommonRoutePaths } from '~wildo-frontend-lib/core/runtime/routes.frontend.definitions';\nimport { useVisibleSettingsHubConfig } from '~wildo-frontend-lib/core/config/useVisibleSettingsHubConfig';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { FeatureGate } from '~wildo-frontend-lib/core/features/FeatureGate';\nimport { LoadingGate } from '~wildo-frontend-lib/core/loading/LoadingGate';\nimport { SettingsResourceOperationPanel } from './SettingsResourceOperationPanel';\n\n// ──────────────────────────────────────────────────────────────\n// Config helpers\n// ──────────────────────────────────────────────────────────────\n\nfunction orderedCategories(config: ResolvedSettingsHubConfig): SettingsCategory[] {\n  return [...config.categories].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));\n}\n\nfunction sectionsForCategory(config: ResolvedSettingsHubConfig, categoryRef: string): SettingsSection[] {\n  return config.sections\n    .filter(section => section.categoryRef === categoryRef)\n    .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));\n}\n\n/** Resolve the section to open: requested → config default → first section. */\nfunction resolveActiveSection(config: ResolvedSettingsHubConfig, sectionRef?: string): string | undefined {\n  if (sectionRef && config.sections.some(section => section.ref === sectionRef)) return sectionRef;\n  if (config.defaultSectionRef && config.sections.some(section => section.ref === config.defaultSectionRef)) {\n    return config.defaultSectionRef;\n  }\n  return config.sections[0]?.ref;\n}\n\n// ──────────────────────────────────────────────────────────────\n// Target rendering (function declarations → hoisted for mutual recursion\n// between a SUB_TABS target and its leaf targets)\n// ──────────────────────────────────────────────────────────────\n\nfunction SettingsEnginePanel({ panelRef }: { panelRef: SettingsPanelRef }): React.JSX.Element {\n  switch (panelRef) {\n    case SettingsPanelRef.SECURITY:\n      return <AppPage_SecuritySettings />;\n    case SettingsPanelRef.APPEARANCE:\n      return <AppPage_AppearanceSettings />;\n    case SettingsPanelRef.INVITATIONS:\n      return <AppPage_InvitationsSettings />;\n    case SettingsPanelRef.BILLING:\n      return <AppPage_BillingSettings />;\n    case SettingsPanelRef.CONNECTED_ACCOUNTS:\n      return <AppPage_ConnectedAccountsSettings ownerScope={ExternalProvider_Connection_OwnerScope.USER} />;\n    case SettingsPanelRef.ORGANIZATION_CONNECTED_ACCOUNTS:\n      // The scope is passed EXPLICITLY at both sites rather than left to the component's default.\n      // A default is invisible at the call site, and the one thing a reader must be able to see here\n      // is whose account each panel connects.\n      return <AppPage_ConnectedAccountsSettings ownerScope={ExternalProvider_Connection_OwnerScope.ORGANIZATION} />;\n  }\n}\n\n/** Resolves a display label for a section/sub-tab ref, falling back to the authored label. */\ntype SettingsLabelResolver = (ref: string, fallbackLabel: string) => string;\n\nfunction SettingsTargetRenderer({\n  target,\n  resolveSubTabLabel,\n  subTabRef,\n  onSubTabChange,\n}: {\n  target: SettingsSectionTarget;\n  resolveSubTabLabel: SettingsLabelResolver;\n  subTabRef?: string;\n  onSubTabChange?: (subTabRef: string) => void;\n}): React.JSX.Element {\n  switch (target.kind) {\n    case SettingsSectionTargetKind.ENGINE_PANEL:\n      return <SettingsEnginePanel panelRef={target.panelRef} />;\n    case SettingsSectionTargetKind.CUSTOM_COMPONENT: {\n      const CustomComponent = ComponentRegistryService.resolve(\n        target.componentRef,\n        CorePresetNames.DEFAULT,\n      );\n      if (!CustomComponent) {\n        return <ComponentNotInjected componentType={target.componentRef} componentName={target.componentRef} />;\n      }\n      return (\n        <React.Suspense fallback={<div className=\"h-8 animate-pulse motion-reduce:animate-none bg-muted rounded\" aria-hidden=\"true\" />}>\n          <CustomComponent />\n        </React.Suspense>\n      );\n    }\n    case SettingsSectionTargetKind.RESOURCE_OPERATION:\n      return (\n        <SettingsResourceOperationPanel\n          resourceType={target.resourceType}\n          operation={target.operation}\n          operationVariant={target.operationVariant}\n        />\n      );\n    case SettingsSectionTargetKind.SUB_TABS:\n      return (\n        <SettingsSubTabs\n          target={target}\n          resolveSubTabLabel={resolveSubTabLabel}\n          subTabRef={subTabRef}\n          onSubTabChange={onSubTabChange}\n        />\n      );\n  }\n}\n\n/**\n * The sub-tab strip inside one section.\n *\n * The active tab is URL-DRIVEN since 2026-09-17. It used to be `useState(target.subTabs[0]?.ref)` —\n * local state that read nothing from the URL — so all twenty-one sub-tab panels in the shipped\n * catalogue were unaddressable: every link to a sub-tabbed section opened its FIRST tab, and\n * \"Single sign-on → Connections\" could not be sent to anybody. That contradicted the hub's own\n * contract, which is that the URL is its single source of truth, and it made the outcome banner a\n * connect-callback renders depend on tab ORDER rather than on the URL it returns to.\n *\n * A `subTabRef` the section does not declare is IGNORED rather than refused: the tab falls back to\n * the first entry, so a stale bookmark or a hand-typed segment still opens the section instead of an\n * error. `onSubTabChange` writes the selection back, which is what makes the strip a navigation\n * control rather than a widget with a URL beside it.\n */\nfunction SettingsSubTabs({\n  target,\n  resolveSubTabLabel,\n  subTabRef,\n  onSubTabChange,\n}: {\n  target: SettingsSubTabsTarget;\n  resolveSubTabLabel: SettingsLabelResolver;\n  subTabRef?: string;\n  onSubTabChange?: (subTabRef: string) => void;\n}): React.JSX.Element | null {\n  const active = target.subTabs.some(subTab => subTab.ref === subTabRef)\n    ? subTabRef\n    : target.subTabs[0]?.ref;\n  if (target.subTabs.length === 0) return null;\n  return (\n    <Tabs value={active} onValueChange={next => onSubTabChange?.(next)}>\n      <TabsList>\n        {target.subTabs.map(subTab => (\n          // `data-ref` is the i18n-independent automation hook (labels are\n          // runtime-translated; e2e drives must never key off them).\n          <TabsTrigger key={subTab.ref} value={subTab.ref} data-ref={subTab.ref}>\n            {resolveSubTabLabel(subTab.ref, subTab.label)}\n          </TabsTrigger>\n        ))}\n      </TabsList>\n      {target.subTabs.map(subTab => (\n        <TabsContent key={subTab.ref} value={subTab.ref}>\n          {/* Leaf targets only (schema forbids nested sub-tabs); the resolver is\n              still threaded to satisfy the shared renderer signature. */}\n          <SettingsTargetRenderer target={subTab.target} resolveSubTabLabel={resolveSubTabLabel} />\n        </TabsContent>\n      ))}\n    </Tabs>\n  );\n}\n\n/**\n * A rail item's layout classes — full-width, left-aligned, icon-tolerant.\n *\n * Carried here rather than reused from the tab trigger because the rail is no longer a tab: this is\n * a navigation item and owns its own shape. Only the SELECTED treatment is shared, and that comes\n * from the theme recipe rather than from a copied class string, so a theme change still reaches\n * both.\n */\nconst RAIL_ITEM_CLASSES =\n  \"inline-flex w-full cursor-pointer items-center justify-start gap-1.5 whitespace-nowrap rounded-md px-card-sm py-item text-sm font-medium no-underline [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\n// ──────────────────────────────────────────────────────────────\n// Hub\n// ──────────────────────────────────────────────────────────────\n\nexport interface SettingsHubProps {\n  /** Section to pre-open; falls back to the config default. */\n  sectionRef?: string;\n  /** Sub-tab of `sectionRef` to pre-open; ignored when the section declares no such tab. */\n  subTabRef?: string;\n}\n\nexport function SettingsHub({ sectionRef, subTabRef }: SettingsHubProps): React.JSX.Element {\n  const config = useVisibleSettingsHubConfig();\n  const categories = useMemo(() => orderedCategories(config), [config]);\n  const [active, setActive] = useState<string | undefined>(() => resolveActiveSection(config, sectionRef));\n  const routerNavigate = useNavigate();\n\n  /*\n   * In-hub navigation WRITES the URL. Until 2026-09-17 it did not, at either level: the rail set\n   * local state and the sub-tab strip held its own, so the address bar kept whatever section the\n   * hub was opened at. Deep-linking IN worked and linking OUT never did — you could be looking at\n   * Administration → Single sign-on → Connections with `/settings/profile` in the address bar, and\n   * no sequence of clicks produced a URL for where you were.\n   *\n   * REPLACE rather than push, deliberately. A settings rail is a switcher, not a trail: pushing\n   * would make Back walk every section a person browsed before leaving the hub, which is the\n   * behaviour the overlay's own dismiss already owns. Replace keeps the address bar truthful and\n   * leaves Back meaning \"leave settings\".\n   *\n   * The overlay reconciler converges on the new URL — it keys on section AND sub-tab, so a tab\n   * switch inside one section is seen as a change rather than as already-correct. There is no loop:\n   * only a user gesture calls these, and the reconciler emits no navigation of its own.\n   */\n  // The SECTION half of this used to be `navigateToSection`, which the rail's triggers called. The\n  // rail's links now carry `to` + `replace` themselves, and `active` is driven by the URL-sync\n  // effect below — so the helper had no caller left. The SUB-TAB half stays: those really are tabs.\n\n  const handleSubTabChange = useCallback((nextSubTabRef: string) => {\n    if (!active) return;\n    routerNavigate(`${CommonRoutePaths.settings}/${active}/${nextSubTabRef}`, { replace: true });\n  }, [active, routerNavigate]);\n\n  /*\n   * On a small screen the hub is a BACK-STACK rather than two panes.\n   *\n   * It had no responsive treatment at all before 2026-09-17 — a fixed `w-60 shrink-0` rail at every\n   * width, which is 240px of a ~375px viewport, and the rail is now thirty entries rather than\n   * sixteen. The back-stack is chosen over a drawer or a collapsed select because the panel BELOW\n   * already works this way: `SettingsSectionNavigationHost` keeps a section's own drill-ins\n   * (view → edit → back) inside the panel, so mobile becomes the same mechanism one level up\n   * instead of a second navigation concept.\n   *\n   * WHICH screen shows is the URL's business, not local state: `/settings` is the list and\n   * `/settings/:sectionRef` is a section. That falls out of the hub's own contract — the URL is its\n   * single source of truth — and it means Back, a deep link and a shared link all agree without any\n   * of them being special-cased.\n   *\n   * Both panes stay MOUNTED and only their classes change. `field-chrome-and-sections.md` Gotcha 1b\n   * records what the alternative costs: a chrome that swapped element structure across a breakpoint\n   * remounted its control and dropped a pending edit on resize. Hiding is a class here for exactly\n   * that reason.\n   */\n  const { UIConfig, getRecipe } = useUI();\n  /*\n   * The rail item's SELECTED styling comes from the theme's SELECTABLE/FILLED recipe — the same one\n   * the vertical tab trigger used, so the rail looks exactly as it did and still follows whatever a\n   * theme dresses it in. The recipe keys on `data-state`, which each link sets from `active`.\n   */\n  const railItemRecipe = getRecipe(UIBehavior.SELECTABLE, SelectableVariant.FILLED);\n  const { renderIcon } = useIconRegistry();\n  const isMobile = UIConfig?.currentBreakpoint === ViewportBreakpoint.MOBILE;\n  const mobileShowsSection = isMobile && Boolean(sectionRef);\n\n  const handleBackToSections = useCallback(() => {\n    routerNavigate(CommonRoutePaths.settings, { replace: true });\n  }, [routerNavigate]);\n\n\n  const { tComponent, tSettingsHubCategory, tSettingsHubSection, isReady } = useI18n({\n    component: FrontendComponentType.APP_LAYOUTS_SETTINGS_HUB,\n  });\n  // Hub chrome labels (title, rail aria-label) read from the scoped component\n  // namespace. Copy is owned by the labelling pipeline (declared in the sibling\n  // `.labels.ts`), so there are deliberately no inline fallback strings — the\n  // hub gates on `isReady` below, the same convention as the panels it hosts\n  // (`AppPage_SecuritySettings` / `AppPage_AppearanceSettings`). The dynamic\n  // category/section labels keep their config-authored `fallbackLabel` (the\n  // required contract of `tSettingsHubCategory` / `tSettingsHubSection`).\n  const t = useCallback(\n    (key: string) => tComponent(FrontendComponentType.APP_LAYOUTS_SETTINGS_HUB, key),\n    [tComponent],\n  );\n\n  /** The pushed section's own label — the mobile header's only cue for where you are. */\n  const activeSectionLabel = useMemo(() => {\n    const section = config.sections.find(candidate => candidate.ref === active);\n    return section ? tSettingsHubSection(section.ref, section.label) : undefined;\n  }, [config.sections, active, tSettingsHubSection]);\n\n  // Keep the rail in sync with URL-driven section changes (deep-link / browser\n  // nav). Keyed on `sectionRef` ALONE — deliberately not on `config` as well.\n  // The gated config is derived from live signals (scope, roles, features,\n  // runtime capabilities), so its identity churns independently of its content;\n  // with `config` in the deps this ran after essentially every render and\n  // re-asserted the requested-or-default section, which overwrote the section\n  // the user had just clicked in the rail. The rail then looked inert: the\n  // click did select, and the effect immediately put it back.\n  useEffect(() => {\n    if (!sectionRef) return;\n    setActive(previous => (previous === sectionRef ? previous : sectionRef));\n  }, [sectionRef]);\n\n  /*\n   * Bring the OPEN section into view when it is not — and only then.\n   *\n   * The rail carries thirty destinations and scrolls, so a cold load or a deep link at a section\n   * near the bottom (`/settings/webhooks`) renders a list scrolled to the top with nothing on it\n   * marked: the one cue that says where you are is off screen, and the reader has to scroll a list\n   * of thirty to find out.\n   *\n   * `block: 'nearest'` is what makes this safe to run on every section change rather than only on\n   * mount: it is defined to move the container by the MINIMUM needed, so an item already fully\n   * visible — the ordinary case when somebody clicks the rail — is not scrolled at all. That is the\n   * whole reason it is 'nearest' and not 'center', which would yank the list on every click and\n   * replace one annoyance with another.\n   *\n   * It pairs with, and does not substitute for, the key fix in `getContentKey`: this positions the\n   * rail, that one stops the rail being rebuilt (and its scroll offset discarded) on every click.\n   * Without the key fix this would fire into a freshly mounted `<nav>` each time and merely make the\n   * reset land somewhere else.\n   */\n  const activeRailItemRef = useRef<HTMLAnchorElement | null>(null);\n  useEffect(() => {\n    if (!active) return;\n    activeRailItemRef.current?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n  }, [active]);\n\n  // Adopt a section from the config ONLY when the current one is not (or is no\n  // longer) selectable — first resolve after an async gating signal lands, or a\n  // section disappearing because the user's roles/features changed. Anything\n  // broader would re-run the reset described above.\n  useEffect(() => {\n    setActive(previous =>\n      previous && config.sections.some(section => section.ref === previous)\n        ? previous\n        : resolveActiveSection(config, sectionRef),\n    );\n    // `sectionRef` is read as the fallback preference only; following ITS\n    // changes is the effect above.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [config]);\n\n  /*\n   * Gate on label readiness so the hub chrome never flashes raw key paths — copy is pipeline-owned\n   * with no inline fallback, matching the hosted panels.\n   *\n   * Through `LoadingGate` rather than `if (!isReady) return null`, which is what this was until\n   * 2026-09-17. Returning null is correct about the raw keys and wrong about everything else: the\n   * overlay is already open and mounted by the time the hub renders, so a null gave a person an\n   * empty dialog with no indication that anything was coming — and the wait got longer as the rail\n   * grew. `LoadingGate` keeps the same guarantee (children are not rendered until ready) and lets\n   * the ENCLOSING SURFACE POLICY choose the treatment, which for an overlay is to overlay the\n   * children rather than to blank them. The hub does not pick a visual here on purpose: that choice\n   * belongs to the surface it is hosted in, and hard-coding a skeleton would override a policy the\n   * design system already owns.\n   */\n  return (\n    <LoadingGate readiness={[{ id: 'settings-hub-labels', isReady }]}>\n      {/*\n        `min-w-0` is REQUIRED: this is the grid item of the (fixed-width) dialog surface.\n        Without it the item keeps its default `min-width: auto` and cannot shrink below its\n        content's min-content width — a wide field row (e.g. a file card with a long\n        filename, or a text input) then pushes the whole two-pane body past the dialog edge,\n        and the dialog's `overflow-x: hidden` clips the right side of every field. `min-w-0`\n        lets the item fit the track so the content pane (and its form) reflow within it.\n      */}\n      <div className=\"flex h-full min-h-0 flex-col min-w-0\">\n      <header className=\"flex h-14 shrink-0 items-center gap-item border-b px-card-lg\">\n        {mobileShowsSection && (\n          <Button\n            variant={ButtonVariants_Variant.GHOST}\n            size={ButtonSize.ICON_SM}\n            aria-label={t('backToSections')}\n            onClick={handleBackToSections}\n          >\n            {renderIcon(StandardIconReference.BACK, { size: IconSize.SM })}\n          </Button>\n        )}\n        {/* On mobile the header names the SECTION you pushed into — without it the back-stack loses\n            the one cue that says where you are, since the rail that said so is off screen. */}\n        <h2 className=\"truncate text-base font-semibold tracking-tight\">\n          {mobileShowsSection ? activeSectionLabel ?? t('title') : t('title')}\n        </h2>\n      </header>\n      <div className=\"flex min-h-0 flex-1\">\n        {/*\n          * The rail is NAVIGATION, not a tablist, and until 2026-09-19 it was rendered as one —\n          * thirty `<button role=\"tab\">` in a `TabsList`. Three things followed, all measured on the\n          * running application:\n          *\n          *  - No destination could be OPENED any other way. `/settings/members` is a real route the\n          *    hub already writes to the address bar, but with no `href` there was nothing to\n          *    ⌘-click, middle-click or \"copy link address\" — the one gesture an operator uses to\n          *    send a colleague to a setting.\n          *  - The ARIA pattern was wrong for what this is. A tablist switches panels WITHIN a view;\n          *    a list of destinations that each own a URL is navigation (WAI-ARIA APG). That is not a\n          *    preference — it decides what an assistive technology announces and how it is reached.\n          *  - The category headings carried `role=\"presentation\"`, so they were invisible to\n          *    assistive technology, and a tablist cannot nest labelled groups anyway. That left AT\n          *    users with a flat list of thirty items containing NINE duplicated names — \"General\",\n          *    \"Entitlements\", \"API keys\", \"Connected accounts\", \"Single sign-on\", \"User\n          *    provisioning\", \"Audit streaming\", \"Webhooks\" and \"Audit log\" each appear under two\n          *    scopes — with nothing to tell the pairs apart.\n          *\n          * A `<nav>` of grouped links fixes all three at once, and the keyboard concern the previous\n          * shape was chosen for DISSOLVES rather than needing to be reimplemented: roving tabindex\n          * is a tablist requirement. Navigation uses ordinary Tab order through links, which is what\n          * a reader expects and what the browser already does.\n          *\n          * `replace` is kept from the old `navigateToSection` and for its reason: a settings rail is\n          * a switcher, not a trail, so Back means \"leave settings\" rather than walking every section\n          * somebody browsed.\n          */}\n        <nav\n          aria-label={t('sectionsNavLabel')}\n          className={cn(\n            'overflow-y-auto px-card-sm py-card',\n            // Desktop: the fixed rail beside the content. Mobile: the full-width first screen of the\n            // back-stack, with no divider because there is nothing beside it.\n            isMobile ? 'w-full flex-1' : 'w-60 shrink-0 border-e',\n            mobileShowsSection && 'hidden',\n          )}\n        >\n          {categories.map((category, index) => {\n            const sections = sectionsForCategory(config, category.ref);\n            if (sections.length === 0) return null;\n            const categoryLabelId = `settings-hub-category-${category.ref}`;\n            return (\n              <React.Fragment key={category.ref}>\n                {index > 0 && <Separator className=\"my-item\" />}\n                {/* Named, not decorative: this heading is the ONLY thing distinguishing the nine\n                    section labels that appear under two scopes, so it has to reach AT. */}\n                <div\n                  id={categoryLabelId}\n                  className=\"px-card-sm py-card-sm text-xs font-medium uppercase tracking-wider text-muted-foreground\"\n                >\n                  {tSettingsHubCategory(category.ref, category.label)}\n                </div>\n                <div role=\"group\" aria-labelledby={categoryLabelId}>\n                  {sections.map(section => {\n                    const isActive = section.ref === active;\n                    return (\n                      // `data-ref` = i18n-independent automation hook (see sub-tabs above).\n                      <Link\n                        key={section.ref}\n                        // Only the OPEN item is tracked — the effect above needs one element, and a\n                        // ref on all thirty would be thirty callbacks re-created every render.\n                        ref={isActive ? activeRailItemRef : undefined}\n                        to={`${CommonRoutePaths.settings}/${section.ref}`}\n                        replace\n                        data-ref={section.ref}\n                        aria-current={isActive ? 'page' : undefined}\n                        data-state={isActive ? 'active' : 'inactive'}\n                        className={cn(\n                          RAIL_ITEM_CLASSES,\n                          // Composed part by part, exactly as the tab trigger does — `getRecipe`\n                          // returns a STRUCTURE (base / states / motion), not a class string, and\n                          // handing the object to `cn()` silently yields nothing. That is how the\n                          // first cut of this lost the selected fill while every other class held.\n                          railItemRecipe.base,\n                          railItemRecipe.states.focus,\n                          railItemRecipe.states.selected,\n                          railItemRecipe.motion.transition,\n                        )}\n                      >\n                        {tSettingsHubSection(section.ref, section.label)}\n                      </Link>\n                    );\n                  })}\n                </div>\n              </React.Fragment>\n            );\n          })}\n        </nav>\n        <div\n          className={cn(\n            'min-w-0 flex-1 overflow-y-auto p-card-lg',\n            isMobile && !mobileShowsSection && 'hidden',\n          )}\n        >\n          {/*\n            * ONE section renders — the active one. `TabsContent` unmounts its inactive panels\n            * anyway, so this is the same mounting behaviour written directly rather than delegated\n            * to a primitive the rail no longer uses.\n            */}\n          {config.sections.filter(section => section.ref === active).map(section => (\n            <React.Fragment key={section.ref}>\n              {section.entitlementFeatureId ? (\n                // Section SURVIVED because the app OFFERS this feature\n                // (`runtimeAvailability` capability = plan-independent\n                // `isFeatureOffered`). Render its body through the entitlement gate:\n                // entitled → the config surface; offered-but-not-entitled → the\n                // policy-driven upgrade/add-on prompt (never a silent disappearance).\n                <FeatureGate featureId={section.entitlementFeatureId}>\n                  <SettingsTargetRenderer\n                    target={section.target}\n                    resolveSubTabLabel={tSettingsHubSection}\n                    subTabRef={section.ref === active ? subTabRef : undefined}\n                    onSubTabChange={handleSubTabChange}\n                  />\n                </FeatureGate>\n              ) : (\n                <SettingsTargetRenderer\n                  target={section.target}\n                  resolveSubTabLabel={tSettingsHubSection}\n                  subTabRef={section.ref === active ? subTabRef : undefined}\n                  onSubTabChange={handleSubTabChange}\n                />\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      </div>\n    </div>\n    </LoadingGate>\n  );\n}\n"]}
+{"version":3,"file":"SettingsHub.js","sourceRoot":"","sources":["../../../../../src/components/settings/SettingsHub.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * SettingsHub — the unified settings surface.\n *\n * Renders the declarative `ResolvedSettingsHubConfig` as a vertical NAVIGATION rail beside a\n * content panel. Categories become labelled groups of links, each destination addressed by its own\n * URL. A section's `target` resolves to a framework panel, an auto-rendered resource surface, a\n * custom component, or a set of horizontal sub-tabs.\n *\n * The rail was a `Tabs`/`TabsList` until 2026-09-19, chosen so that section state and keyboard\n * roving came from the primitive rather than being hand-rolled. It became navigation because a\n * tablist switches panels WITHIN a view while these are thirty destinations that each own a URL —\n * and the keyboard argument dissolves rather than transferring: roving tabindex is a tablist\n * requirement, and navigation wants ordinary Tab order through links. See the rail's own comment.\n *\n * The SUB-TABS are still `Tabs`, correctly: Configuration/Connections inside one destination is\n * exactly what a tablist is for.\n *\n * Mounted by `NavigationContentRenderer` for `NavigationContentType.SETTINGS_HUB`\n * (always in the overlay zone). The `sectionRef` prop pre-selects the open\n * section and is kept in sync so URL-driven section changes re-select the rail.\n */\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Link, useNavigate } from 'react-router-dom';\nimport { ViewportBreakpoint } from '@wildo-ai/zod-decorators';\nimport { CorePresetNames, FrontendComponentType, SelectableVariant, UIBehavior } from '@wildo-ai/presets-components-models';\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '~wildo-frontend-lib/components/sections/tabs';\nimport { Separator } from '~wildo-frontend-lib/components/layout/separator';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { ButtonSize } from '@wildo-ai/presets-components-models';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { IconSize, StandardIconReference } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { AppPage_SecuritySettings } from '~wildo-frontend-lib/components/auth/admin-config/AppPage_SecuritySettings';\nimport { AppPage_AppearanceSettings } from './AppPage_AppearanceSettings';\nimport { AppPage_InvitationsSettings } from './AppPage_InvitationsSettings';\nimport { AppPage_BillingSettings } from './AppPage_BillingSettings';\nimport { ExternalProvider_Connection_OwnerScope } from '@wildo-ai/external-connectors-models';\nimport { AppPage_ConnectedAccountsSettings } from './AppPage_ConnectedAccountsSettings';\nimport { AppPage_AgentWorkOverrideRateSettings } from './AppPage_AgentWorkOverrideRateSettings';\nimport { ComponentRegistryService } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.service';\nimport { ComponentNotInjected } from '~wildo-frontend-lib/core/components-registry/ComponentNotInjected';\nimport { SettingsPanelRef, SettingsSectionTargetKind } from '~wildo-frontend-lib/core/config/settings-hub.frontend.schemas';\nimport type {\n  ResolvedSettingsHubConfig,\n  SettingsCategory,\n  SettingsSection,\n  SettingsSectionTarget,\n  SettingsSubTabsTarget,\n} from '~wildo-frontend-lib/core/config/settings-hub.frontend.schemas';\nimport { CommonRoutePaths } from '~wildo-frontend-lib/core/runtime/routes.frontend.definitions';\nimport { useVisibleSettingsHubConfig } from '~wildo-frontend-lib/core/config/useVisibleSettingsHubConfig';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { FeatureGate } from '~wildo-frontend-lib/core/features/FeatureGate';\nimport { LoadingGate } from '~wildo-frontend-lib/core/loading/LoadingGate';\nimport { SettingsResourceOperationPanel } from './SettingsResourceOperationPanel';\n\n// ──────────────────────────────────────────────────────────────\n// Config helpers\n// ──────────────────────────────────────────────────────────────\n\nfunction orderedCategories(config: ResolvedSettingsHubConfig): SettingsCategory[] {\n  return [...config.categories].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));\n}\n\nfunction sectionsForCategory(config: ResolvedSettingsHubConfig, categoryRef: string): SettingsSection[] {\n  return config.sections\n    .filter(section => section.categoryRef === categoryRef)\n    .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));\n}\n\n/** Resolve the section to open: requested → config default → first section. */\nfunction resolveActiveSection(config: ResolvedSettingsHubConfig, sectionRef?: string): string | undefined {\n  if (sectionRef && config.sections.some(section => section.ref === sectionRef)) return sectionRef;\n  if (config.defaultSectionRef && config.sections.some(section => section.ref === config.defaultSectionRef)) {\n    return config.defaultSectionRef;\n  }\n  return config.sections[0]?.ref;\n}\n\n// ──────────────────────────────────────────────────────────────\n// Target rendering (function declarations → hoisted for mutual recursion\n// between a SUB_TABS target and its leaf targets)\n// ──────────────────────────────────────────────────────────────\n\nfunction SettingsEnginePanel({ panelRef }: { panelRef: SettingsPanelRef }): React.JSX.Element {\n  switch (panelRef) {\n    case SettingsPanelRef.SECURITY:\n      return <AppPage_SecuritySettings />;\n    case SettingsPanelRef.APPEARANCE:\n      return <AppPage_AppearanceSettings />;\n    case SettingsPanelRef.INVITATIONS:\n      return <AppPage_InvitationsSettings />;\n    case SettingsPanelRef.BILLING:\n      return <AppPage_BillingSettings />;\n    case SettingsPanelRef.CONNECTED_ACCOUNTS:\n      return <AppPage_ConnectedAccountsSettings ownerScope={ExternalProvider_Connection_OwnerScope.USER} />;\n    case SettingsPanelRef.ORGANIZATION_CONNECTED_ACCOUNTS:\n      // The scope is passed EXPLICITLY at both sites rather than left to the component's default.\n      // A default is invisible at the call site, and the one thing a reader must be able to see here\n      // is whose account each panel connects.\n      return <AppPage_ConnectedAccountsSettings ownerScope={ExternalProvider_Connection_OwnerScope.ORGANIZATION} />;\n    case SettingsPanelRef.AGENT_WORK_OVERRIDE_RATE:\n      return <AppPage_AgentWorkOverrideRateSettings />;\n  }\n}\n\n/** Resolves a display label for a section/sub-tab ref, falling back to the authored label. */\ntype SettingsLabelResolver = (ref: string, fallbackLabel: string) => string;\n\nfunction SettingsTargetRenderer({\n  target,\n  resolveSubTabLabel,\n  subTabRef,\n  onSubTabChange,\n}: {\n  target: SettingsSectionTarget;\n  resolveSubTabLabel: SettingsLabelResolver;\n  subTabRef?: string;\n  onSubTabChange?: (subTabRef: string) => void;\n}): React.JSX.Element {\n  switch (target.kind) {\n    case SettingsSectionTargetKind.ENGINE_PANEL:\n      return <SettingsEnginePanel panelRef={target.panelRef} />;\n    case SettingsSectionTargetKind.CUSTOM_COMPONENT: {\n      const CustomComponent = ComponentRegistryService.resolve(\n        target.componentRef,\n        CorePresetNames.DEFAULT,\n      );\n      if (!CustomComponent) {\n        return <ComponentNotInjected componentType={target.componentRef} componentName={target.componentRef} />;\n      }\n      return (\n        <React.Suspense fallback={<div className=\"h-8 animate-pulse motion-reduce:animate-none bg-muted rounded\" aria-hidden=\"true\" />}>\n          <CustomComponent />\n        </React.Suspense>\n      );\n    }\n    case SettingsSectionTargetKind.RESOURCE_OPERATION:\n      return (\n        <SettingsResourceOperationPanel\n          resourceType={target.resourceType}\n          operation={target.operation}\n          operationVariant={target.operationVariant}\n        />\n      );\n    case SettingsSectionTargetKind.SUB_TABS:\n      return (\n        <SettingsSubTabs\n          target={target}\n          resolveSubTabLabel={resolveSubTabLabel}\n          subTabRef={subTabRef}\n          onSubTabChange={onSubTabChange}\n        />\n      );\n  }\n}\n\n/**\n * The sub-tab strip inside one section.\n *\n * The active tab is URL-DRIVEN since 2026-09-17. It used to be `useState(target.subTabs[0]?.ref)` —\n * local state that read nothing from the URL — so all twenty-one sub-tab panels in the shipped\n * catalogue were unaddressable: every link to a sub-tabbed section opened its FIRST tab, and\n * \"Single sign-on → Connections\" could not be sent to anybody. That contradicted the hub's own\n * contract, which is that the URL is its single source of truth, and it made the outcome banner a\n * connect-callback renders depend on tab ORDER rather than on the URL it returns to.\n *\n * A `subTabRef` the section does not declare is IGNORED rather than refused: the tab falls back to\n * the first entry, so a stale bookmark or a hand-typed segment still opens the section instead of an\n * error. `onSubTabChange` writes the selection back, which is what makes the strip a navigation\n * control rather than a widget with a URL beside it.\n */\nfunction SettingsSubTabs({\n  target,\n  resolveSubTabLabel,\n  subTabRef,\n  onSubTabChange,\n}: {\n  target: SettingsSubTabsTarget;\n  resolveSubTabLabel: SettingsLabelResolver;\n  subTabRef?: string;\n  onSubTabChange?: (subTabRef: string) => void;\n}): React.JSX.Element | null {\n  const active = target.subTabs.some(subTab => subTab.ref === subTabRef)\n    ? subTabRef\n    : target.subTabs[0]?.ref;\n  if (target.subTabs.length === 0) return null;\n  return (\n    <Tabs value={active} onValueChange={next => onSubTabChange?.(next)}>\n      <TabsList>\n        {target.subTabs.map(subTab => (\n          // `data-ref` is the i18n-independent automation hook (labels are\n          // runtime-translated; e2e drives must never key off them).\n          <TabsTrigger key={subTab.ref} value={subTab.ref} data-ref={subTab.ref}>\n            {resolveSubTabLabel(subTab.ref, subTab.label)}\n          </TabsTrigger>\n        ))}\n      </TabsList>\n      {target.subTabs.map(subTab => (\n        <TabsContent key={subTab.ref} value={subTab.ref}>\n          {/* Leaf targets only (schema forbids nested sub-tabs); the resolver is\n              still threaded to satisfy the shared renderer signature. */}\n          <SettingsTargetRenderer target={subTab.target} resolveSubTabLabel={resolveSubTabLabel} />\n        </TabsContent>\n      ))}\n    </Tabs>\n  );\n}\n\n/**\n * A rail item's layout classes — full-width, left-aligned, icon-tolerant.\n *\n * Carried here rather than reused from the tab trigger because the rail is no longer a tab: this is\n * a navigation item and owns its own shape. Only the SELECTED treatment is shared, and that comes\n * from the theme recipe rather than from a copied class string, so a theme change still reaches\n * both.\n */\nconst RAIL_ITEM_CLASSES =\n  \"inline-flex w-full cursor-pointer items-center justify-start gap-1.5 whitespace-nowrap rounded-md px-card-sm py-item text-sm font-medium no-underline [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\n// ──────────────────────────────────────────────────────────────\n// Hub\n// ──────────────────────────────────────────────────────────────\n\nexport interface SettingsHubProps {\n  /** Section to pre-open; falls back to the config default. */\n  sectionRef?: string;\n  /** Sub-tab of `sectionRef` to pre-open; ignored when the section declares no such tab. */\n  subTabRef?: string;\n}\n\nexport function SettingsHub({ sectionRef, subTabRef }: SettingsHubProps): React.JSX.Element {\n  const config = useVisibleSettingsHubConfig();\n  const categories = useMemo(() => orderedCategories(config), [config]);\n  const [active, setActive] = useState<string | undefined>(() => resolveActiveSection(config, sectionRef));\n  const routerNavigate = useNavigate();\n\n  /*\n   * In-hub navigation WRITES the URL. Until 2026-09-17 it did not, at either level: the rail set\n   * local state and the sub-tab strip held its own, so the address bar kept whatever section the\n   * hub was opened at. Deep-linking IN worked and linking OUT never did — you could be looking at\n   * Administration → Single sign-on → Connections with `/settings/profile` in the address bar, and\n   * no sequence of clicks produced a URL for where you were.\n   *\n   * REPLACE rather than push, deliberately. A settings rail is a switcher, not a trail: pushing\n   * would make Back walk every section a person browsed before leaving the hub, which is the\n   * behaviour the overlay's own dismiss already owns. Replace keeps the address bar truthful and\n   * leaves Back meaning \"leave settings\".\n   *\n   * The overlay reconciler converges on the new URL — it keys on section AND sub-tab, so a tab\n   * switch inside one section is seen as a change rather than as already-correct. There is no loop:\n   * only a user gesture calls these, and the reconciler emits no navigation of its own.\n   */\n  // The SECTION half of this used to be `navigateToSection`, which the rail's triggers called. The\n  // rail's links now carry `to` + `replace` themselves, and `active` is driven by the URL-sync\n  // effect below — so the helper had no caller left. The SUB-TAB half stays: those really are tabs.\n\n  const handleSubTabChange = useCallback((nextSubTabRef: string) => {\n    if (!active) return;\n    routerNavigate(`${CommonRoutePaths.settings}/${active}/${nextSubTabRef}`, { replace: true });\n  }, [active, routerNavigate]);\n\n  /*\n   * On a small screen the hub is a BACK-STACK rather than two panes.\n   *\n   * It had no responsive treatment at all before 2026-09-17 — a fixed `w-60 shrink-0` rail at every\n   * width, which is 240px of a ~375px viewport, and the rail is now thirty entries rather than\n   * sixteen. The back-stack is chosen over a drawer or a collapsed select because the panel BELOW\n   * already works this way: `SettingsSectionNavigationHost` keeps a section's own drill-ins\n   * (view → edit → back) inside the panel, so mobile becomes the same mechanism one level up\n   * instead of a second navigation concept.\n   *\n   * WHICH screen shows is the URL's business, not local state: `/settings` is the list and\n   * `/settings/:sectionRef` is a section. That falls out of the hub's own contract — the URL is its\n   * single source of truth — and it means Back, a deep link and a shared link all agree without any\n   * of them being special-cased.\n   *\n   * Both panes stay MOUNTED and only their classes change. `field-chrome-and-sections.md` Gotcha 1b\n   * records what the alternative costs: a chrome that swapped element structure across a breakpoint\n   * remounted its control and dropped a pending edit on resize. Hiding is a class here for exactly\n   * that reason.\n   */\n  const { UIConfig, getRecipe } = useUI();\n  /*\n   * The rail item's SELECTED styling comes from the theme's SELECTABLE/FILLED recipe — the same one\n   * the vertical tab trigger used, so the rail looks exactly as it did and still follows whatever a\n   * theme dresses it in. The recipe keys on `data-state`, which each link sets from `active`.\n   */\n  const railItemRecipe = getRecipe(UIBehavior.SELECTABLE, SelectableVariant.FILLED);\n  const { renderIcon } = useIconRegistry();\n  const isMobile = UIConfig?.currentBreakpoint === ViewportBreakpoint.MOBILE;\n  const mobileShowsSection = isMobile && Boolean(sectionRef);\n\n  const handleBackToSections = useCallback(() => {\n    routerNavigate(CommonRoutePaths.settings, { replace: true });\n  }, [routerNavigate]);\n\n\n  const { tComponent, tSettingsHubCategory, tSettingsHubSection, isReady } = useI18n({\n    component: FrontendComponentType.APP_LAYOUTS_SETTINGS_HUB,\n  });\n  // Hub chrome labels (title, rail aria-label) read from the scoped component\n  // namespace. Copy is owned by the labelling pipeline (declared in the sibling\n  // `.labels.ts`), so there are deliberately no inline fallback strings — the\n  // hub gates on `isReady` below, the same convention as the panels it hosts\n  // (`AppPage_SecuritySettings` / `AppPage_AppearanceSettings`). The dynamic\n  // category/section labels keep their config-authored `fallbackLabel` (the\n  // required contract of `tSettingsHubCategory` / `tSettingsHubSection`).\n  const t = useCallback(\n    (key: string) => tComponent(FrontendComponentType.APP_LAYOUTS_SETTINGS_HUB, key),\n    [tComponent],\n  );\n\n  /** The pushed section's own label — the mobile header's only cue for where you are. */\n  const activeSectionLabel = useMemo(() => {\n    const section = config.sections.find(candidate => candidate.ref === active);\n    return section ? tSettingsHubSection(section.ref, section.label) : undefined;\n  }, [config.sections, active, tSettingsHubSection]);\n\n  // Keep the rail in sync with URL-driven section changes (deep-link / browser\n  // nav). Keyed on `sectionRef` ALONE — deliberately not on `config` as well.\n  // The gated config is derived from live signals (scope, roles, features,\n  // runtime capabilities), so its identity churns independently of its content;\n  // with `config` in the deps this ran after essentially every render and\n  // re-asserted the requested-or-default section, which overwrote the section\n  // the user had just clicked in the rail. The rail then looked inert: the\n  // click did select, and the effect immediately put it back.\n  useEffect(() => {\n    if (!sectionRef) return;\n    setActive(previous => (previous === sectionRef ? previous : sectionRef));\n  }, [sectionRef]);\n\n  /*\n   * Bring the OPEN section into view when it is not — and only then.\n   *\n   * The rail carries thirty destinations and scrolls, so a cold load or a deep link at a section\n   * near the bottom (`/settings/webhooks`) renders a list scrolled to the top with nothing on it\n   * marked: the one cue that says where you are is off screen, and the reader has to scroll a list\n   * of thirty to find out.\n   *\n   * `block: 'nearest'` is what makes this safe to run on every section change rather than only on\n   * mount: it is defined to move the container by the MINIMUM needed, so an item already fully\n   * visible — the ordinary case when somebody clicks the rail — is not scrolled at all. That is the\n   * whole reason it is 'nearest' and not 'center', which would yank the list on every click and\n   * replace one annoyance with another.\n   *\n   * It pairs with, and does not substitute for, the key fix in `getContentKey`: this positions the\n   * rail, that one stops the rail being rebuilt (and its scroll offset discarded) on every click.\n   * Without the key fix this would fire into a freshly mounted `<nav>` each time and merely make the\n   * reset land somewhere else.\n   */\n  const activeRailItemRef = useRef<HTMLAnchorElement | null>(null);\n  useEffect(() => {\n    if (!active) return;\n    activeRailItemRef.current?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n  }, [active]);\n\n  // Adopt a section from the config ONLY when the current one is not (or is no\n  // longer) selectable — first resolve after an async gating signal lands, or a\n  // section disappearing because the user's roles/features changed. Anything\n  // broader would re-run the reset described above.\n  useEffect(() => {\n    setActive(previous =>\n      previous && config.sections.some(section => section.ref === previous)\n        ? previous\n        : resolveActiveSection(config, sectionRef),\n    );\n    // `sectionRef` is read as the fallback preference only; following ITS\n    // changes is the effect above.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [config]);\n\n  /*\n   * Gate on label readiness so the hub chrome never flashes raw key paths — copy is pipeline-owned\n   * with no inline fallback, matching the hosted panels.\n   *\n   * Through `LoadingGate` rather than `if (!isReady) return null`, which is what this was until\n   * 2026-09-17. Returning null is correct about the raw keys and wrong about everything else: the\n   * overlay is already open and mounted by the time the hub renders, so a null gave a person an\n   * empty dialog with no indication that anything was coming — and the wait got longer as the rail\n   * grew. `LoadingGate` keeps the same guarantee (children are not rendered until ready) and lets\n   * the ENCLOSING SURFACE POLICY choose the treatment, which for an overlay is to overlay the\n   * children rather than to blank them. The hub does not pick a visual here on purpose: that choice\n   * belongs to the surface it is hosted in, and hard-coding a skeleton would override a policy the\n   * design system already owns.\n   */\n  return (\n    <LoadingGate readiness={[{ id: 'settings-hub-labels', isReady }]}>\n      {/*\n        `min-w-0` is REQUIRED: this is the grid item of the (fixed-width) dialog surface.\n        Without it the item keeps its default `min-width: auto` and cannot shrink below its\n        content's min-content width — a wide field row (e.g. a file card with a long\n        filename, or a text input) then pushes the whole two-pane body past the dialog edge,\n        and the dialog's `overflow-x: hidden` clips the right side of every field. `min-w-0`\n        lets the item fit the track so the content pane (and its form) reflow within it.\n      */}\n      <div className=\"flex h-full min-h-0 flex-col min-w-0\">\n      <header className=\"flex h-14 shrink-0 items-center gap-item border-b px-card-lg\">\n        {mobileShowsSection && (\n          <Button\n            variant={ButtonVariants_Variant.GHOST}\n            size={ButtonSize.ICON_SM}\n            aria-label={t('backToSections')}\n            onClick={handleBackToSections}\n          >\n            {renderIcon(StandardIconReference.BACK, { size: IconSize.SM })}\n          </Button>\n        )}\n        {/* On mobile the header names the SECTION you pushed into — without it the back-stack loses\n            the one cue that says where you are, since the rail that said so is off screen. */}\n        <h2 className=\"truncate text-base font-semibold tracking-tight\">\n          {mobileShowsSection ? activeSectionLabel ?? t('title') : t('title')}\n        </h2>\n      </header>\n      <div className=\"flex min-h-0 flex-1\">\n        {/*\n          * The rail is NAVIGATION, not a tablist, and until 2026-09-19 it was rendered as one —\n          * thirty `<button role=\"tab\">` in a `TabsList`. Three things followed, all measured on the\n          * running application:\n          *\n          *  - No destination could be OPENED any other way. `/settings/members` is a real route the\n          *    hub already writes to the address bar, but with no `href` there was nothing to\n          *    ⌘-click, middle-click or \"copy link address\" — the one gesture an operator uses to\n          *    send a colleague to a setting.\n          *  - The ARIA pattern was wrong for what this is. A tablist switches panels WITHIN a view;\n          *    a list of destinations that each own a URL is navigation (WAI-ARIA APG). That is not a\n          *    preference — it decides what an assistive technology announces and how it is reached.\n          *  - The category headings carried `role=\"presentation\"`, so they were invisible to\n          *    assistive technology, and a tablist cannot nest labelled groups anyway. That left AT\n          *    users with a flat list of thirty items containing NINE duplicated names — \"General\",\n          *    \"Entitlements\", \"API keys\", \"Connected accounts\", \"Single sign-on\", \"User\n          *    provisioning\", \"Audit streaming\", \"Webhooks\" and \"Audit log\" each appear under two\n          *    scopes — with nothing to tell the pairs apart.\n          *\n          * A `<nav>` of grouped links fixes all three at once, and the keyboard concern the previous\n          * shape was chosen for DISSOLVES rather than needing to be reimplemented: roving tabindex\n          * is a tablist requirement. Navigation uses ordinary Tab order through links, which is what\n          * a reader expects and what the browser already does.\n          *\n          * `replace` is kept from the old `navigateToSection` and for its reason: a settings rail is\n          * a switcher, not a trail, so Back means \"leave settings\" rather than walking every section\n          * somebody browsed.\n          */}\n        <nav\n          aria-label={t('sectionsNavLabel')}\n          className={cn(\n            'overflow-y-auto px-card-sm py-card',\n            // Desktop: the fixed rail beside the content. Mobile: the full-width first screen of the\n            // back-stack, with no divider because there is nothing beside it.\n            isMobile ? 'w-full flex-1' : 'w-60 shrink-0 border-e',\n            mobileShowsSection && 'hidden',\n          )}\n        >\n          {categories.map((category, index) => {\n            const sections = sectionsForCategory(config, category.ref);\n            if (sections.length === 0) return null;\n            const categoryLabelId = `settings-hub-category-${category.ref}`;\n            return (\n              <React.Fragment key={category.ref}>\n                {index > 0 && <Separator className=\"my-item\" />}\n                {/* Named, not decorative: this heading is the ONLY thing distinguishing the nine\n                    section labels that appear under two scopes, so it has to reach AT. */}\n                <div\n                  id={categoryLabelId}\n                  className=\"px-card-sm py-card-sm text-xs font-medium uppercase tracking-wider text-muted-foreground\"\n                >\n                  {tSettingsHubCategory(category.ref, category.label)}\n                </div>\n                <div role=\"group\" aria-labelledby={categoryLabelId}>\n                  {sections.map(section => {\n                    const isActive = section.ref === active;\n                    return (\n                      // `data-ref` = i18n-independent automation hook (see sub-tabs above).\n                      <Link\n                        key={section.ref}\n                        // Only the OPEN item is tracked — the effect above needs one element, and a\n                        // ref on all thirty would be thirty callbacks re-created every render.\n                        ref={isActive ? activeRailItemRef : undefined}\n                        to={`${CommonRoutePaths.settings}/${section.ref}`}\n                        replace\n                        data-ref={section.ref}\n                        aria-current={isActive ? 'page' : undefined}\n                        data-state={isActive ? 'active' : 'inactive'}\n                        className={cn(\n                          RAIL_ITEM_CLASSES,\n                          // Composed part by part, exactly as the tab trigger does — `getRecipe`\n                          // returns a STRUCTURE (base / states / motion), not a class string, and\n                          // handing the object to `cn()` silently yields nothing. That is how the\n                          // first cut of this lost the selected fill while every other class held.\n                          railItemRecipe.base,\n                          railItemRecipe.states.focus,\n                          railItemRecipe.states.selected,\n                          railItemRecipe.motion.transition,\n                        )}\n                      >\n                        {tSettingsHubSection(section.ref, section.label)}\n                      </Link>\n                    );\n                  })}\n                </div>\n              </React.Fragment>\n            );\n          })}\n        </nav>\n        <div\n          className={cn(\n            'min-w-0 flex-1 overflow-y-auto p-card-lg',\n            isMobile && !mobileShowsSection && 'hidden',\n          )}\n        >\n          {/*\n            * ONE section renders — the active one. `TabsContent` unmounts its inactive panels\n            * anyway, so this is the same mounting behaviour written directly rather than delegated\n            * to a primitive the rail no longer uses.\n            */}\n          {config.sections.filter(section => section.ref === active).map(section => (\n            <React.Fragment key={section.ref}>\n              {section.entitlementFeatureId ? (\n                // Section SURVIVED because the app OFFERS this feature\n                // (`runtimeAvailability` capability = plan-independent\n                // `isFeatureOffered`). Render its body through the entitlement gate:\n                // entitled → the config surface; offered-but-not-entitled → the\n                // policy-driven upgrade/add-on prompt (never a silent disappearance).\n                <FeatureGate featureId={section.entitlementFeatureId}>\n                  <SettingsTargetRenderer\n                    target={section.target}\n                    resolveSubTabLabel={tSettingsHubSection}\n                    subTabRef={section.ref === active ? subTabRef : undefined}\n                    onSubTabChange={handleSubTabChange}\n                  />\n                </FeatureGate>\n              ) : (\n                <SettingsTargetRenderer\n                  target={section.target}\n                  resolveSubTabLabel={tSettingsHubSection}\n                  subTabRef={section.ref === active ? subTabRef : undefined}\n                  onSubTabChange={handleSubTabChange}\n                />\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      </div>\n    </div>\n    </LoadingGate>\n  );\n}\n"]}

package/dist/esm/components/settings/SettingsResourceOperationPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsResourceOperationPanel.d.ts","sourceRoot":"","sources":["../../../../../src/components/settings/SettingsResourceOperationPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAanD,MAAM,WAAW,mCAAmC;IAClD,2DAA2D;IAC3D,YAAY,EAAE,MAAM,CAAC;IACrB,4DAA4D;IAC5D,SAAS,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAiCD,wBAAgB,8BAA8B,CAAC,EAC7C,YAAY,EACZ,SAAS,EACT,gBAAgB,GACjB,EAAE,mCAAmC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6EzD"}
+{"version":3,"file":"SettingsResourceOperationPanel.d.ts","sourceRoot":"","sources":["../../../../../src/components/settings/SettingsResourceOperationPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAanD,MAAM,WAAW,mCAAmC;IAClD,2DAA2D;IAC3D,YAAY,EAAE,MAAM,CAAC;IACrB,4DAA4D;IAC5D,SAAS,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAiCD,wBAAgB,8BAA8B,CAAC,EAC7C,YAAY,EACZ,SAAS,EACT,gBAAgB,GACjB,EAAE,mCAAmC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4FzD"}

package/dist/esm/components/settings/SettingsResourceOperationPanel.js

@@ -125,6 +125,21 @@ export function SettingsResourceOperationPanel({ resourceType, operation, operat
     // instead of escaping the hub to the global zones (and 404-ing on org-scoped
     // routes that aren't registered). The host installs a scoped navigation
     // controller; the surface beneath renders the current stack level.
-    return _jsx(SettingsSectionNavigationHost, { rootContext: resourceContext });
+    //
+    // Keyed on what the root ADDRESSES — the scope ids and the operation — because the host seeds its
+    // stack from `rootContext` once. The root is rebuilt when the application identity arrives after
+    // the hub has mounted (`currentApplicationId` falls back to null until it does), and without a key
+    // stack[0] kept the context it mounted with: an application-scoped section querying with no
+    // application. Keyed on VALUES, not object identity, so an unrelated re-render never resets a
+    // section the reader has drilled into.
+    const hostKey = [
+        resourceType,
+        operation,
+        operationVariant ?? '',
+        appScope?.currentOrganizationId ?? '',
+        appScope?.currentUserId ?? '',
+        currentApplicationId ?? '',
+    ].join('|');
+    return _jsx(SettingsSectionNavigationHost, { rootContext: resourceContext }, hostKey);
 }
 //# sourceMappingURL=SettingsResourceOperationPanel.js.map