@wildo-ai/saas-frontend-lib 1.1.9 → 1.1.11

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsResourceOperationPanel.js","sourceRoot":"","sources":["../../../../../src/components/settings/SettingsResourceOperationPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * SettingsResourceOperationPanel — renders an auto-generated resource surface\n * inside a Settings Hub section.\n *\n * This is the `RESOURCE_OPERATION` target renderer. It produces the exact same\n * `FrontendResourceOperationContext` a routed resource page would, but sources\n * the scope identifiers from live `AppScope` instead of URL params — that is the\n * whole reason org-scoped resources (members, API keys, billing) can render here\n * without a `/organizations/:organizationId/...` route. The recipe mirrors\n * `ResourcePageWrapper` (core/runtime/AppRouter.tsx) minus URL handling:\n *\n *   1. resolve the resource config + the operation object from the registry\n *   2. build `contextResourceIdentifiers` via the SAME\n *      `ScopeUtilsService.buildResourceOperationContextIdentifiers` routed pages\n *      use — primary-scope defaults injected from `currentOrganizationId` /\n *      `currentUserId`, so an `ORGANIZATIONS`-scoped resource gets\n *      `{ organizations: <id> }` automatically\n *   3. derive `parentResourcesRequirements` from those identifiers (the\n *      context-identifier variant, since there are no route params to walk)\n *   4. build the operation context and hand it to `SettingsSectionNavigationHost`\n *      as the section's ROOT surface\n *\n * The host wraps the surface in a per-section navigation stack so related actions\n * (view/edit/create + their back/post-action) drill WITHIN the panel instead of\n * escaping the hub to the global zones. The hub is overlay content, so the\n * surfaces run in the OVERLAY navigation zone, but the host's scoped controller\n * intercepts their navigation — see `SettingsSectionNavigationHost`.\n *\n * @see SettingsSectionNavigationHost.tsx — the per-section navigation stack\n * @see settings-hub.frontend.schemas.ts — `SettingsResourceOperationTarget`\n * @see core/runtime/AppRouter.tsx — `ResourcePageWrapper`, the routed counterpart\n */\nimport React, { useContext, useMemo } from 'react';\n\nimport { useResourceRegistry } from '~wildo-frontend-lib/core/resources/useResourceRegistry';\nimport { useAppScopeSafe } from '~wildo-frontend-lib/core/scope/useAppScope';\nimport { ApplicationContext } from '~wildo-frontend-lib/core/runtime/ApplicationContext.shared';\nimport { ScopeUtilsService } from '~wildo-frontend-lib/core/scope/scope.utils.frontend.service';\nimport { frontendResourceUtils } from '~wildo-frontend-lib/core/resources/frontend-resource.utils';\nimport type {\n  AnyFrontendResourceConfiguration,\n  FrontendResourceConfiguration_Operation,\n} from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport { SettingsSectionNavigationHost } from './SettingsSectionNavigationHost';\n\nexport interface SettingsResourceOperationPanelProps {\n  /** Registry resource type (e.g. `organizationMembers`). */\n  resourceType: string;\n  /** Operation identifier to render (e.g. `list`, `read`). */\n  operation: string;\n  /** Disambiguates when several operations share the identifier (variant key). */\n  operationVariant?: string;\n}\n\n/**\n * Select the operation object matching `operationIdentifier` (+ optional\n * `variantKey`) from a resource config. Mirrors the resolution in\n * `launcher-resolution.ts` (`resolveResourceOperation`): an explicit variant key\n * wins; otherwise prefer the single default, then the single match, else\n * ambiguous → undefined.\n */\nfunction findResourceConfigOperation(\n  config: AnyFrontendResourceConfiguration,\n  operationIdentifier: string,\n  variantKey?: string,\n): FrontendResourceConfiguration_Operation | undefined {\n  const operations = Array.isArray(config.operations) ? config.operations : [];\n  const matching = operations.filter(op => String(op.operationIdentifier) === operationIdentifier);\n  if (matching.length === 0) return undefined;\n\n  if (variantKey) {\n    return matching.find(op => op.variantKey === variantKey);\n  }\n\n  const defaults = matching.filter(op => op.isOperationDefault === true);\n  if (defaults.length === 1) return defaults[0];\n  if (matching.length === 1) return matching[0];\n  return undefined;\n}\n\n/** Boundary guard — a misconfigured section must not crash the whole hub. */\nfunction SettingsResourceUnavailable({ message }: { message: string }): React.JSX.Element {\n  return <div className=\"p-card text-sm text-muted-foreground\">{message}</div>;\n}\n\nexport function SettingsResourceOperationPanel({\n  resourceType,\n  operation,\n  operationVariant,\n}: SettingsResourceOperationPanelProps): React.JSX.Element {\n  const { registry } = useResourceRegistry();\n  const appScope = useAppScopeSafe();\n  /*\n   * The application id comes from APP CONFIG, not from the scope.\n   *\n   * `AppScopeContext` derives `currentApplicationId` by decoding the access token, and the token's\n   * claims carry `userId` and no `applicationId` (measured on the running stack, issue #283), so\n   * that value is null in every session. The comment below this hook has always said it injects\n   * \"(org/user/app)\" identifiers; the app third never had a value to inject.\n   *\n   * That was invisible while nothing application-scoped was placed in the hub, and it stops being\n   * invisible the moment something is: `primaryScopeToContextIdentifiers` turns the id into the\n   * `{ applications: <id> }` context identifier, which is what `buildParentResourcesRequirements`\n   * needs to build an APPLICATION-scoped resource's parent edge. Without it the section renders a\n   * query with no scope — the section exists, and shows nothing that belongs to this application.\n   *\n   * Read through `useContext` rather than `useApplication()` because that hook THROWS outside its\n   * provider, and a settings panel must not crash the tree that hosts it. The scope value stays as\n   * a fallback so adding the claim to the token later needs no second edit here.\n   */\n  const applicationContext = useContext(ApplicationContext);\n  const currentApplicationId = applicationContext?.appIdentity?.applicationId\n    ?? appScope?.currentApplicationId\n    ?? null;\n\n  const resourceContext = useMemo(() => {\n    const config = registry.resourceConfigurations[resourceType] as\n      | AnyFrontendResourceConfiguration\n      | undefined;\n    if (!config) return undefined;\n\n    const resolvedOperation = findResourceConfigOperation(config, operation, operationVariant);\n    if (!resolvedOperation) return undefined;\n\n    // Inject the live primary-scope identifiers (org/user/app) so an org-scoped\n    // resource resolves to the current organization without a URL param.\n    const contextResourceIdentifiers = ScopeUtilsService.buildResourceOperationContextIdentifiers({\n      currentUserId: appScope?.currentUserId,\n      currentOrganizationId: appScope?.currentOrganizationId,\n      currentApplicationId,\n      currentAnonymousUserId: appScope?.currentAnonymousUserId,\n      primaryScope: config.resourcePrimaryScope,\n      liveAppScopeContextResourceIdentifiers: appScope?.buildContextResourceIdentifiers?.(),\n      explicitContextResourceIdentifiers: {},\n    });\n\n    // Derive parent requirements from the injected identifiers (no route params\n    // to walk here), so the scoped LIST/READ query carries its org parent edge.\n    const parentResourcesRequirements = frontendResourceUtils.buildParentResourcesRequirements(\n      resourceType,\n      contextResourceIdentifiers,\n      registry,\n    );\n\n    return frontendResourceUtils.createFrontendResourceOperationContextFromOperation({\n      resourceType,\n      operation: resolvedOperation,\n      contextResourceIdentifiers,\n      parentResourcesRequirements,\n    });\n  }, [registry, resourceType, operation, operationVariant, appScope, currentApplicationId]);\n\n  if (!resourceContext) {\n    return (\n      <SettingsResourceUnavailable\n        message={`Settings surface unavailable for ${resourceType} (${operation}).`}\n      />\n    );\n  }\n\n  // Host the surface inside the section's own navigation stack, so related\n  // actions (view/edit/create + their back/post-action) drill WITHIN this panel\n  // instead of escaping the hub to the global zones (and 404-ing on org-scoped\n  // routes that aren't registered). The host installs a scoped navigation\n  // controller; the surface beneath renders the current stack level.\n  //\n  // Keyed on what the root ADDRESSES — the scope ids and the operation — because the host seeds its\n  // stack from `rootContext` once. The root is rebuilt when the application identity arrives after\n  // the hub has mounted (`currentApplicationId` falls back to null until it does), and without a key\n  // stack[0] kept the context it mounted with: an application-scoped section querying with no\n  // application. Keyed on VALUES, not object identity, so an unrelated re-render never resets a\n  // section the reader has drilled into.\n  const hostKey = [\n    resourceType,\n    operation,\n    operationVariant ?? '',\n    appScope?.currentOrganizationId ?? '',\n    appScope?.currentUserId ?? '',\n    currentApplicationId ?? '',\n  ].join('|');\n  return <SettingsSectionNavigationHost key={hostKey} rootContext={resourceContext} />;\n}\n"]}
+{"version":3,"file":"SettingsResourceOperationPanel.js","sourceRoot":"","sources":["../../../../../src/components/settings/SettingsResourceOperationPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * SettingsResourceOperationPanel — renders an auto-generated resource surface\n * inside a Settings Hub section.\n *\n * This is the `RESOURCE_OPERATION` target renderer. It produces the exact same\n * `FrontendResourceOperationContext` a routed resource page would, but sources\n * the scope identifiers from live `AppScope` instead of URL params — that is the\n * whole reason org-scoped resources (members, API keys, billing) can render here\n * without a `/organizations/:organizationId/...` route. The recipe mirrors\n * `ResourcePageWrapper` (core/runtime/AppRouter.tsx) minus URL handling:\n *\n *   1. resolve the resource config + the operation object from the registry\n *   2. build `contextResourceIdentifiers` via the SAME\n *      `ScopeUtilsService.buildResourceOperationContextIdentifiers` routed pages\n *      use — primary-scope defaults injected from `currentOrganizationId` /\n *      `currentUserId`, so an `ORGANIZATIONS`-scoped resource gets\n *      `{ organizations: <id> }` automatically\n *   3. derive `parentResourcesRequirements` from those identifiers (the\n *      context-identifier variant, since there are no route params to walk)\n *   4. build the operation context and hand it to `SettingsSectionNavigationHost`\n *      as the section's ROOT surface\n *\n * The host wraps the surface in a per-section navigation stack so related actions\n * (view/edit/create + their back/post-action) drill WITHIN the panel instead of\n * escaping the hub to the global zones. The hub is overlay content, so the\n * surfaces run in the OVERLAY navigation zone, but the host's scoped controller\n * intercepts their navigation — see `SettingsSectionNavigationHost`.\n *\n * @see SettingsSectionNavigationHost.tsx — the per-section navigation stack\n * @see settings-hub.frontend.schemas.ts — `SettingsResourceOperationTarget`\n * @see core/runtime/AppRouter.tsx — `ResourcePageWrapper`, the routed counterpart\n */\nimport React, { useContext, useMemo } from 'react';\nimport { CoreResourceType } from '@wildo-ai/saas-models';\n\nimport { useResourceRegistry } from '~wildo-frontend-lib/core/resources/useResourceRegistry';\nimport { useAppScopeSafe } from '~wildo-frontend-lib/core/scope/useAppScope';\nimport { ApplicationContext } from '~wildo-frontend-lib/core/runtime/ApplicationContext.shared';\nimport { ScopeUtilsService } from '~wildo-frontend-lib/core/scope/scope.utils.frontend.service';\nimport { frontendResourceUtils } from '~wildo-frontend-lib/core/resources/frontend-resource.utils';\nimport { operationAddressesOneRecord } from '~wildo-frontend-lib/core/resources/operation-semantics.frontend.utils';\nimport { isCallerIdentityRecordResource } from '~wildo-frontend-lib/core/resources/caller-identity-record.frontend.utils';\nimport type {\n  AnyFrontendResourceConfiguration,\n  FrontendResourceConfiguration_Operation,\n} from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport { SettingsSectionNavigationHost } from './SettingsSectionNavigationHost';\n\nexport interface SettingsResourceOperationPanelProps {\n  /** Registry resource type (e.g. `organizationMembers`). */\n  resourceType: string;\n  /** Operation identifier to render (e.g. `list`, `read`). */\n  operation: string;\n  /** Disambiguates when several operations share the identifier (variant key). */\n  operationVariant?: string;\n}\n\n/**\n * Select the operation object matching `operationIdentifier` (+ optional\n * `variantKey`) from a resource config. Mirrors the resolution in\n * `launcher-resolution.ts` (`resolveResourceOperation`): an explicit variant key\n * wins; otherwise prefer the single default, then the single match, else\n * ambiguous → undefined.\n */\nfunction findResourceConfigOperation(\n  config: AnyFrontendResourceConfiguration,\n  operationIdentifier: string,\n  variantKey?: string,\n): FrontendResourceConfiguration_Operation | undefined {\n  const operations = Array.isArray(config.operations) ? config.operations : [];\n  const matching = operations.filter(op => String(op.operationIdentifier) === operationIdentifier);\n  if (matching.length === 0) return undefined;\n\n  if (variantKey) {\n    return matching.find(op => op.variantKey === variantKey);\n  }\n\n  const defaults = matching.filter(op => op.isOperationDefault === true);\n  if (defaults.length === 1) return defaults[0];\n  if (matching.length === 1) return matching[0];\n  return undefined;\n}\n\n/** Boundary guard — a misconfigured section must not crash the whole hub. */\nfunction SettingsResourceUnavailable({ message }: { message: string }): React.JSX.Element {\n  return <div className=\"p-card text-sm text-muted-foreground\">{message}</div>;\n}\n\nexport function SettingsResourceOperationPanel({\n  resourceType,\n  operation,\n  operationVariant,\n}: SettingsResourceOperationPanelProps): React.JSX.Element {\n  const { registry } = useResourceRegistry();\n  const appScope = useAppScopeSafe();\n  /*\n   * The application id comes from APP CONFIG, not from the scope.\n   *\n   * `AppScopeContext` derives `currentApplicationId` by decoding the access token, and the token's\n   * claims carry `userId` and no `applicationId` (measured on the running stack, issue #283), so\n   * that value is null in every session. The comment below this hook has always said it injects\n   * \"(org/user/app)\" identifiers; the app third never had a value to inject.\n   *\n   * That was invisible while nothing application-scoped was placed in the hub, and it stops being\n   * invisible the moment something is: `primaryScopeToContextIdentifiers` turns the id into the\n   * `{ applications: <id> }` context identifier, which is what `buildParentResourcesRequirements`\n   * needs to build an APPLICATION-scoped resource's parent edge. Without it the section renders a\n   * query with no scope — the section exists, and shows nothing that belongs to this application.\n   *\n   * Read through `useContext` rather than `useApplication()` because that hook THROWS outside its\n   * provider, and a settings panel must not crash the tree that hosts it. The scope value stays as\n   * a fallback so adding the claim to the token later needs no second edit here.\n   */\n  const applicationContext = useContext(ApplicationContext);\n  const currentApplicationId = applicationContext?.appIdentity?.applicationId\n    ?? appScope?.currentApplicationId\n    ?? null;\n\n  const resourceContext = useMemo(() => {\n    const config = registry.resourceConfigurations[resourceType] as\n      | AnyFrontendResourceConfiguration\n      | undefined;\n    if (!config) return undefined;\n\n    const resolvedOperation = findResourceConfigOperation(config, operation, operationVariant);\n    if (!resolvedOperation) return undefined;\n\n    // Inject the live primary-scope identifiers (org/user/app) so an org-scoped\n    // resource resolves to the current organization without a URL param.\n    const scopeContextResourceIdentifiers = ScopeUtilsService.buildResourceOperationContextIdentifiers({\n      currentUserId: appScope?.currentUserId,\n      currentOrganizationId: appScope?.currentOrganizationId,\n      currentApplicationId,\n      currentAnonymousUserId: appScope?.currentAnonymousUserId,\n      primaryScope: config.resourcePrimaryScope,\n      liveAppScopeContextResourceIdentifiers: appScope?.buildContextResourceIdentifiers?.(),\n      explicitContextResourceIdentifiers: {},\n    });\n\n    // The record's OWN id, when the record IS the signed-in principal (#2324). A routed page reads it from its URL;\n    // here there is none, and the scope identifiers name the principal under its scope type (`users`), not under\n    // this resource's own (`user_self`), so an operation on that one record (`deactivate_account`) could not\n    // address it and its form failed to load.\n    //\n    // The record IS the caller's account when `isCallerIdentityRecordResource` says so (its key names the caller and\n    // its field identifier is the user's own). Its id is then the caller's user id from the scope, reused, never\n    // invented. `users` is never it, so an administrator's pane on another user is never handed the caller's id. A\n    // collection verb, or a context that already names the record, is left as it is.\n    const ownRecordId = isCallerIdentityRecordResource(config, registry.allResourceFieldIdentifiers)\n      && operationAddressesOneRecord(resolvedOperation)\n      && scopeContextResourceIdentifiers[resourceType] === undefined\n      ? scopeContextResourceIdentifiers[CoreResourceType.USERS]\n      : undefined;\n    const contextResourceIdentifiers = typeof ownRecordId === 'string'\n      ? { ...scopeContextResourceIdentifiers, [resourceType]: ownRecordId }\n      : scopeContextResourceIdentifiers;\n\n    // Derive parent requirements from the injected identifiers (no route params\n    // to walk here), so the scoped LIST/READ query carries its org parent edge.\n    const parentResourcesRequirements = frontendResourceUtils.buildParentResourcesRequirements(\n      resourceType,\n      contextResourceIdentifiers,\n      registry,\n    );\n\n    return frontendResourceUtils.createFrontendResourceOperationContextFromOperation({\n      resourceType,\n      operation: resolvedOperation,\n      contextResourceIdentifiers,\n      parentResourcesRequirements,\n    });\n  }, [registry, resourceType, operation, operationVariant, appScope, currentApplicationId]);\n\n  if (!resourceContext) {\n    return (\n      <SettingsResourceUnavailable\n        message={`Settings surface unavailable for ${resourceType} (${operation}).`}\n      />\n    );\n  }\n\n  // Host the surface inside the section's own navigation stack, so related\n  // actions (view/edit/create + their back/post-action) drill WITHIN this panel\n  // instead of escaping the hub to the global zones (and 404-ing on org-scoped\n  // routes that aren't registered). The host installs a scoped navigation\n  // controller; the surface beneath renders the current stack level.\n  //\n  // Keyed on what the root ADDRESSES — the scope ids and the operation — because the host seeds its\n  // stack from `rootContext` once. The root is rebuilt when the application identity arrives after\n  // the hub has mounted (`currentApplicationId` falls back to null until it does), and without a key\n  // stack[0] kept the context it mounted with: an application-scoped section querying with no\n  // application. Keyed on VALUES, not object identity, so an unrelated re-render never resets a\n  // section the reader has drilled into.\n  const hostKey = [\n    resourceType,\n    operation,\n    operationVariant ?? '',\n    appScope?.currentOrganizationId ?? '',\n    appScope?.currentUserId ?? '',\n    currentApplicationId ?? '',\n  ].join('|');\n  return <SettingsSectionNavigationHost key={hostKey} rootContext={resourceContext} />;\n}\n"]}

package/dist/esm/components/settings/useOwnerProviderConnections.d.ts

@@ -18,7 +18,7 @@
  * vendor that accepts a withdrawal (#545). A bespoke disconnect route would have to repeat each of those, and the first
  * one it forgot would be the gap. One grant is one row for a granted connection, so a disconnect ends one grant.
  */
-import { CoreResourceType, type LinkedProviderConnectionView } from '@wildo-ai/saas-models';
+import { CoreResourceOperation, CoreResourceType, type LinkedProviderConnectionView } from '@wildo-ai/saas-models';
 import { ExternalProvider_Connection_OwnerScope } from '@wildo-ai/external-connectors-models';
 import type { ResourceRegistryContextType } from '../../core/resources/ResourceRegistryContext';
 import { frontendResourceUtils } from '../../core/resources/frontend-resource.utils';
@@ -27,16 +27,19 @@ import { frontendResourceUtils } from '../../core/resources/frontend-resource.ut
  * APPLICATION's credential is authored in the deployment environment and has no rows, so it has no resource here.
  */
 export declare function credentialResourceTypeForOwner(ownerScope: ExternalProvider_Connection_OwnerScope): CoreResourceType | undefined;
+/** The two verbs the connections list calls on one credential row: DELETE to disconnect, UPDATE to enable or disable. */
+export type CredentialRowOperation = CoreResourceOperation.DELETE | CoreResourceOperation.UPDATE;
 /**
- * The resource DELETE call that removes ONE credential row of this owner — the operation path and the parameters the
- * resources client builds its URL from. `undefined` when the resource or its default API DELETE is not registered in
- * this frontend, which the caller reports rather than guessing a URL.
+ * The resource call that acts on ONE credential row of this owner — the operation path and the parameters the
+ * resources client builds its URL from. `undefined` when the resource or its default API variant of `operation` is not
+ * registered in this frontend, which the caller reports rather than guessing a URL.
  */
-export declare function buildCredentialDeleteCall(input: {
+export declare function buildCredentialRowCall(input: {
     readonly registry: ResourceRegistryContextType['registry'];
     readonly ownerScope: ExternalProvider_Connection_OwnerScope;
     readonly ownerId: string;
     readonly credentialId: string;
+    readonly operation: CredentialRowOperation;
 }): {
     operationPathKey: string;
     contextualParameters: Record<string, string | number>;
@@ -54,6 +57,22 @@ export interface OwnerProviderConnections {
      * listing again. Rejects when a row could not be deleted — the caller reports it; rows already deleted stay deleted.
      */
     readonly disconnect: (connection: LinkedProviderConnectionView) => Promise<void>;
+    /**
+     * Turn one connection off or back on (#2319): set `enabled` on every row it is made of through the credential
+     * resource's own UPDATE, then read the listing again. A disabled row resolves as absent, so every feature the
+     * connection serves stops using it while the grant and its answers are kept. Rejects when a row could not be updated.
+     */
+    readonly setEnabled: (connection: LinkedProviderConnectionView, enabled: boolean) => Promise<void>;
+    /**
+     * Write one stored row's free-text description through the credential resource's own UPDATE (#2474), then read the
+     * listing again. An empty text clears it. Rejects when the row could not be updated.
+     */
+    readonly setCredentialDescription: (credentialId: string, description: string) => Promise<void>;
+    /**
+     * Remove ONE stored row of a connection made of several (#2474) through the credential resource's own DELETE, then
+     * read the listing again. The connection keeps its other rows; ending it whole is `disconnect`.
+     */
+    readonly removeCredential: (credentialId: string) => Promise<void>;
 }
 export declare function useOwnerProviderConnections(ownerScope: ExternalProvider_Connection_OwnerScope, ownerId: string | null): OwnerProviderConnections;
 //# sourceMappingURL=useOwnerProviderConnections.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useOwnerProviderConnections.d.ts","sourceRoot":"","sources":["../../../../../src/components/settings/useOwnerProviderConnections.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,EAEL,gBAAgB,EAIhB,KAAK,4BAA4B,EAClC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,sCAAsC,EAAE,MAAM,sCAAsC,CAAC;AAG9F,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4DAA4D,CAAC;AAE9G,OAAO,EAAyB,qBAAqB,EAAE,MAAM,4DAA4D,CAAC;AAI1H;;;GAGG;AACH,wBAAgB,8BAA8B,CAAC,UAAU,EAAE,sCAAsC,GAAG,gBAAgB,GAAG,SAAS,CAS/H;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE;IAC/C,QAAQ,CAAC,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,CAAC;IAC3D,QAAQ,CAAC,UAAU,EAAE,sCAAsC,CAAC;IAC5D,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;CAC/B,GAAG;IAAE,gBAAgB,EAAE,MAAM,CAAC;IAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAAC,2BAA2B,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,gCAAgC,CAAC,CAAA;CAAE,GAAG,SAAS,CA2B1M;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,WAAW,EAAE,SAAS,4BAA4B,EAAE,CAAC;IAC9D,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,iFAAiF;IACjF,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,8DAA8D;IAC9D,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,UAAU,EAAE,CAAC,UAAU,EAAE,4BAA4B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAClF;AAED,wBAAgB,2BAA2B,CACzC,UAAU,EAAE,sCAAsC,EAClD,OAAO,EAAE,MAAM,GAAG,IAAI,GACrB,wBAAwB,CAuD1B"}
+{"version":3,"file":"useOwnerProviderConnections.d.ts","sourceRoot":"","sources":["../../../../../src/components/settings/useOwnerProviderConnections.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAIhB,KAAK,4BAA4B,EAClC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,sCAAsC,EAAE,MAAM,sCAAsC,CAAC;AAG9F,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4DAA4D,CAAC;AAE9G,OAAO,EAAyB,qBAAqB,EAAE,MAAM,4DAA4D,CAAC;AAI1H;;;GAGG;AACH,wBAAgB,8BAA8B,CAAC,UAAU,EAAE,sCAAsC,GAAG,gBAAgB,GAAG,SAAS,CAS/H;AAED,yHAAyH;AACzH,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,CAAC,MAAM,GAAG,qBAAqB,CAAC,MAAM,CAAC;AAEjG;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE;IAC5C,QAAQ,CAAC,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,CAAC;IAC3D,QAAQ,CAAC,UAAU,EAAE,sCAAsC,CAAC;IAC5D,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,SAAS,EAAE,sBAAsB,CAAC;CAC5C,GAAG;IAAE,gBAAgB,EAAE,MAAM,CAAC;IAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAAC,2BAA2B,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,gCAAgC,CAAC,CAAA;CAAE,GAAG,SAAS,CA2B1M;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,WAAW,EAAE,SAAS,4BAA4B,EAAE,CAAC;IAC9D,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,iFAAiF;IACjF,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,8DAA8D;IAC9D,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,UAAU,EAAE,CAAC,UAAU,EAAE,4BAA4B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjF;;;;OAIG;IACH,QAAQ,CAAC,UAAU,EAAE,CAAC,UAAU,EAAE,4BAA4B,EAAE,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnG;;;OAGG;IACH,QAAQ,CAAC,wBAAwB,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChG;;;OAGG;IACH,QAAQ,CAAC,gBAAgB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACpE;AAED,wBAAgB,2BAA2B,CACzC,UAAU,EAAE,sCAAsC,EAClD,OAAO,EAAE,MAAM,GAAG,IAAI,GACrB,wBAAwB,CAyH1B"}

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

@@ -18,7 +18,7 @@
  * vendor that accepts a withdrawal (#545). A bespoke disconnect route would have to repeat each of those, and the first
  * one it forgot would be the gap. One grant is one row for a granted connection, so a disconnect ends one grant.
  */
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { CoreResourceOperation, CoreResourceType, ResourceOperationVariantType, ResourcesConfig_OperationPathUtils, isWildoBackendError, } from '@wildo-ai/saas-models';
 import { ExternalProvider_Connection_OwnerScope } from '@wildo-ai/external-connectors-models';
 import { useResourceRegistry } from '../../core/resources/useResourceRegistry.js';
@@ -41,18 +41,18 @@ export function credentialResourceTypeForOwner(ownerScope) {
     }
 }
 /**
- * The resource DELETE call that removes ONE credential row of this owner — the operation path and the parameters the
- * resources client builds its URL from. `undefined` when the resource or its default API DELETE is not registered in
- * this frontend, which the caller reports rather than guessing a URL.
+ * The resource call that acts on ONE credential row of this owner — the operation path and the parameters the
+ * resources client builds its URL from. `undefined` when the resource or its default API variant of `operation` is not
+ * registered in this frontend, which the caller reports rather than guessing a URL.
  */
-export function buildCredentialDeleteCall(input) {
+export function buildCredentialRowCall(input) {
     const resourceType = credentialResourceTypeForOwner(input.ownerScope);
     if (resourceType === undefined)
         return undefined;
     const config = input.registry.resourceConfigurations[resourceType];
     if (!config)
         return undefined;
-    const operation = config.operations.find((candidate) => candidate.operationIdentifier === CoreResourceOperation.DELETE
+    const operation = config.operations.find((candidate) => candidate.operationIdentifier === input.operation
         && candidate.isOperationDefault === true
         && candidate.isBulkOperation !== true
         && candidate.variantType === ResourceOperationVariantType.API_CALL);
@@ -80,14 +80,29 @@ export function useOwnerProviderConnections(ownerScope, ownerId) {
     const [loading, setLoading] = useState(true);
     const [failed, setFailed] = useState(false);
     const [generation, setGeneration] = useState(0);
+    /**
+     * The owner the listing belongs to (set when its fetch starts). `loading` means "nothing to show yet", so it is raised
+     * only when the owner changes: a reload after a disconnect or a turn-off keeps the current list (and the focus on it)
+     * until the fresh one arrives, instead of swapping the whole list for a loading line (#2319). On an owner change the
+     * previous owner's rows are dropped at once: left on screen while the new owner's fetch runs, or after it fails,
+     * their buttons would act on the new owner's scope with the old owner's credential ids.
+     */
+    const shownOwnerRef = useRef(null);
     useEffect(() => {
         if (ownerId === null) {
             setConnections([]);
             setLoading(false);
+            shownOwnerRef.current = null;
             return undefined;
         }
         let cancelled = false;
-        setLoading(true);
+        const owner = `${ownerScope}:${ownerId}`;
+        if (shownOwnerRef.current !== owner) {
+            setConnections([]);
+            setFailed(false);
+            setLoading(true);
+            shownOwnerRef.current = owner;
+        }
         (async () => {
             try {
                 const answer = await getManualCallsHttpClient().listLinkedProviderConnections({ ownerScope, ownerId });
@@ -115,7 +130,7 @@ export function useOwnerProviderConnections(ownerScope, ownerId) {
             return;
         try {
             for (const credential of connection.credentials) {
-                const call = buildCredentialDeleteCall({ registry, ownerScope, ownerId, credentialId: credential.credentialId });
+                const call = buildCredentialRowCall({ registry, ownerScope, ownerId, credentialId: credential.credentialId, operation: CoreResourceOperation.DELETE });
                 if (call === undefined) {
                     throw new Error(`No DELETE operation is registered for the ${ownerScope} credential resource in this frontend.`);
                 }
@@ -131,6 +146,49 @@ export function useOwnerProviderConnections(ownerScope, ownerId) {
             reload();
         }
     }, [doOperation, ownerId, ownerScope, registry, reload]);
-    return { connections, loading, failed, reload, disconnect };
+    const setEnabled = useCallback(async (connection, enabled) => {
+        if (ownerId === null)
+            return;
+        try {
+            for (const credential of connection.credentials) {
+                const call = buildCredentialRowCall({ registry, ownerScope, ownerId, credentialId: credential.credentialId, operation: CoreResourceOperation.UPDATE });
+                if (call === undefined) {
+                    throw new Error(`No UPDATE operation is registered for the ${ownerScope} credential resource in this frontend.`);
+                }
+                await doOperation(call.operationPathKey, {
+                    contextualParameters: call.contextualParameters,
+                    parentResourcesRequirements: call.parentResourcesRequirements,
+                    requestData: { enabled },
+                });
+            }
+        }
+        finally {
+            reload();
+        }
+    }, [doOperation, ownerId, ownerScope, registry, reload]);
+    /** One stored row, through the credential resource's own operation: the door both acts below share. */
+    const actOnCredential = useCallback(async (credentialId, operation, requestData) => {
+        if (ownerId === null)
+            return;
+        try {
+            const call = buildCredentialRowCall({ registry, ownerScope, ownerId, credentialId, operation });
+            if (call === undefined) {
+                throw new Error(`No ${operation} operation is registered for the ${ownerScope} credential resource in this frontend.`);
+            }
+            await doOperation(call.operationPathKey, {
+                contextualParameters: call.contextualParameters,
+                parentResourcesRequirements: call.parentResourcesRequirements,
+                ...(requestData === undefined ? {} : { requestData }),
+            });
+        }
+        finally {
+            reload();
+        }
+    }, [doOperation, ownerId, ownerScope, registry, reload]);
+    const setCredentialDescription = useCallback(
+    // `null` clears the field; an empty string would store an empty note.
+    (credentialId, description) => actOnCredential(credentialId, CoreResourceOperation.UPDATE, { description: description.trim() === '' ? null : description.trim() }), [actOnCredential]);
+    const removeCredential = useCallback((credentialId) => actOnCredential(credentialId, CoreResourceOperation.DELETE), [actOnCredential]);
+    return { connections, loading, failed, reload, disconnect, setEnabled, setCredentialDescription, removeCredential };
 }
 //# sourceMappingURL=useOwnerProviderConnections.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useOwnerProviderConnections.js","sourceRoot":"","sources":["../../../../../src/components/settings/useOwnerProviderConnections.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * The connections one owner holds, and the one way this screen ends one (#1727).\n *\n * Separated from `AppPage_ConnectedAccountsSettings.tsx` so the component file keeps exporting components (React Fast\n * Refresh) and so the two acts — listing and disconnecting — can be read and pinned apart from the rendering.\n *\n * ## Listed per CONNECTION\n *\n * `GET /connections/linked` answers one entry per connection, not per ref: a vendor served by several refs holds one\n * grant (#1670, #1725), and the credential resource's rows expose only the ref that CREATED each row, which is how a\n * person came to see one Microsoft account per ref.\n *\n * ## Disconnected through the credential resource's OWN delete — never a second door\n *\n * Each row the listing names is deleted with the credential resource's DELETE operation, resolved from the resource\n * registry exactly as any resource surface resolves it. That door already authorizes, asks for step-up where the\n * operation requires it (the resources client's step-up handler), records who revoked the grant, and withdraws it at a\n * vendor that accepts a withdrawal (#545). A bespoke disconnect route would have to repeat each of those, and the first\n * one it forgot would be the gap. One grant is one row for a granted connection, so a disconnect ends one grant.\n */\n\nimport { useCallback, useEffect, useState } from 'react';\nimport {\n  CoreResourceOperation,\n  CoreResourceType,\n  ResourceOperationVariantType,\n  ResourcesConfig_OperationPathUtils,\n  isWildoBackendError,\n  type LinkedProviderConnectionView,\n} from '@wildo-ai/saas-models';\nimport { ExternalProvider_Connection_OwnerScope } from '@wildo-ai/external-connectors-models';\n\nimport { useResourceRegistry } from '~wildo-frontend-lib/core/resources/useResourceRegistry';\nimport type { ResourceRegistryContextType } from '~wildo-frontend-lib/core/resources/ResourceRegistryContext';\nimport { ScopeUtilsService } from '~wildo-frontend-lib/core/scope/scope.utils.frontend.service';\nimport { FrontendResourceUtils, frontendResourceUtils } from '~wildo-frontend-lib/core/resources/frontend-resource.utils';\nimport { getManualCallsHttpClient } from '~wildo-frontend-lib/core/requests/wildo-http-client-manual-calls.frontend.service';\nimport { clearProviderScopeReauthorizationOffer } from '~wildo-frontend-lib/core/external-providers/provider-scope-reauthorization-offers.frontend';\n\n/**\n * The credential resource that holds an owner's rows. Total over the two scopes a person can hold connections at; the\n * APPLICATION's credential is authored in the deployment environment and has no rows, so it has no resource here.\n */\nexport function credentialResourceTypeForOwner(ownerScope: ExternalProvider_Connection_OwnerScope): CoreResourceType | undefined {\n  switch (ownerScope) {\n    case ExternalProvider_Connection_OwnerScope.USER:\n      return CoreResourceType.USER_PROVIDER_CREDENTIALS;\n    case ExternalProvider_Connection_OwnerScope.ORGANIZATION:\n      return CoreResourceType.ORG_PROVIDER_CREDENTIALS;\n    case ExternalProvider_Connection_OwnerScope.APPLICATION:\n      return undefined;\n  }\n}\n\n/**\n * The resource DELETE call that removes ONE credential row of this owner — the operation path and the parameters the\n * resources client builds its URL from. `undefined` when the resource or its default API DELETE is not registered in\n * this frontend, which the caller reports rather than guessing a URL.\n */\nexport function buildCredentialDeleteCall(input: {\n  readonly registry: ResourceRegistryContextType['registry'];\n  readonly ownerScope: ExternalProvider_Connection_OwnerScope;\n  readonly ownerId: string;\n  readonly credentialId: string;\n}): { operationPathKey: string; contextualParameters: Record<string, string | number>; parentResourcesRequirements: ReturnType<typeof frontendResourceUtils.buildParentResourcesRequirements> } | undefined {\n  const resourceType = credentialResourceTypeForOwner(input.ownerScope);\n  if (resourceType === undefined) return undefined;\n  const config = input.registry.resourceConfigurations[resourceType];\n  if (!config) return undefined;\n  const operation = config.operations.find((candidate) =>\n    candidate.operationIdentifier === CoreResourceOperation.DELETE\n    && candidate.isOperationDefault === true\n    && candidate.isBulkOperation !== true\n    && candidate.variantType === ResourceOperationVariantType.API_CALL);\n  if (!operation) return undefined;\n\n  // The owner is the scope the row lives under, then the row itself — the same identifiers a resource surface of this\n  // owner carries, built by the same scope utility.\n  const contextResourceIdentifiers = {\n    ...ScopeUtilsService.buildResourceOperationContextIdentifiers({\n      ...(input.ownerScope === ExternalProvider_Connection_OwnerScope.USER ? { currentUserId: input.ownerId } : { currentOrganizationId: input.ownerId }),\n      primaryScope: config.resourcePrimaryScope,\n      explicitContextResourceIdentifiers: {},\n    }),\n    [resourceType]: input.credentialId,\n  };\n  return {\n    operationPathKey: ResourcesConfig_OperationPathUtils.buildOperationPathKeyFromOperation(operation),\n    contextualParameters: FrontendResourceUtils.buildContextualParameters(contextResourceIdentifiers, input.registry),\n    parentResourcesRequirements: frontendResourceUtils.buildParentResourcesRequirements(resourceType, contextResourceIdentifiers, input.registry),\n  };\n}\n\nexport interface OwnerProviderConnections {\n  readonly connections: readonly LinkedProviderConnectionView[];\n  readonly loading: boolean;\n  /** The listing could not be read — a distinct state from \"nothing connected\". */\n  readonly failed: boolean;\n  /** Read the listing again, after anything that changed it. */\n  readonly reload: () => void;\n  /**\n   * End one connection: delete every row it is made of through the credential resource's DELETE, then read the\n   * listing again. Rejects when a row could not be deleted — the caller reports it; rows already deleted stay deleted.\n   */\n  readonly disconnect: (connection: LinkedProviderConnectionView) => Promise<void>;\n}\n\nexport function useOwnerProviderConnections(\n  ownerScope: ExternalProvider_Connection_OwnerScope,\n  ownerId: string | null,\n): OwnerProviderConnections {\n  const { registry, doOperation } = useResourceRegistry();\n  const [connections, setConnections] = useState<readonly LinkedProviderConnectionView[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [failed, setFailed] = useState(false);\n  const [generation, setGeneration] = useState(0);\n\n  useEffect(() => {\n    if (ownerId === null) {\n      setConnections([]);\n      setLoading(false);\n      return undefined;\n    }\n    let cancelled = false;\n    setLoading(true);\n    (async () => {\n      try {\n        const answer = await getManualCallsHttpClient().listLinkedProviderConnections({ ownerScope, ownerId });\n        if (!cancelled) {\n          setConnections(answer.connections ?? []);\n          setFailed(false);\n        }\n      } catch (error: unknown) {\n        if (isWildoBackendError(error)) throw error;\n        if (!cancelled) setFailed(true);\n      } finally {\n        if (!cancelled) setLoading(false);\n      }\n    })();\n    return () => { cancelled = true; };\n  }, [ownerScope, ownerId, generation]);\n\n  const reload = useCallback(() => setGeneration((value) => value + 1), []);\n\n  const disconnect = useCallback(async (connection: LinkedProviderConnectionView) => {\n    if (ownerId === null) return;\n    try {\n      for (const credential of connection.credentials) {\n        const call = buildCredentialDeleteCall({ registry, ownerScope, ownerId, credentialId: credential.credentialId });\n        if (call === undefined) {\n          throw new Error(`No DELETE operation is registered for the ${ownerScope} credential resource in this frontend.`);\n        }\n        await doOperation(call.operationPathKey, {\n          contextualParameters: call.contextualParameters,\n          parentResourcesRequirements: call.parentResourcesRequirements,\n        });\n      }\n      // An offer to grow a grant that no longer exists is an offer nobody can take.\n      clearProviderScopeReauthorizationOffer({ ownerScope, ownerId }, connection.connectionRef);\n    } finally {\n      reload();\n    }\n  }, [doOperation, ownerId, ownerScope, registry, reload]);\n\n  return { connections, loading, failed, reload, disconnect };\n}\n"]}
+{"version":3,"file":"useOwnerProviderConnections.js","sourceRoot":"","sources":["../../../../../src/components/settings/useOwnerProviderConnections.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * The connections one owner holds, and the one way this screen ends one (#1727).\n *\n * Separated from `AppPage_ConnectedAccountsSettings.tsx` so the component file keeps exporting components (React Fast\n * Refresh) and so the two acts — listing and disconnecting — can be read and pinned apart from the rendering.\n *\n * ## Listed per CONNECTION\n *\n * `GET /connections/linked` answers one entry per connection, not per ref: a vendor served by several refs holds one\n * grant (#1670, #1725), and the credential resource's rows expose only the ref that CREATED each row, which is how a\n * person came to see one Microsoft account per ref.\n *\n * ## Disconnected through the credential resource's OWN delete — never a second door\n *\n * Each row the listing names is deleted with the credential resource's DELETE operation, resolved from the resource\n * registry exactly as any resource surface resolves it. That door already authorizes, asks for step-up where the\n * operation requires it (the resources client's step-up handler), records who revoked the grant, and withdraws it at a\n * vendor that accepts a withdrawal (#545). A bespoke disconnect route would have to repeat each of those, and the first\n * one it forgot would be the gap. One grant is one row for a granted connection, so a disconnect ends one grant.\n */\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  CoreResourceOperation,\n  CoreResourceType,\n  ResourceOperationVariantType,\n  ResourcesConfig_OperationPathUtils,\n  isWildoBackendError,\n  type LinkedProviderConnectionView,\n} from '@wildo-ai/saas-models';\nimport { ExternalProvider_Connection_OwnerScope } from '@wildo-ai/external-connectors-models';\n\nimport { useResourceRegistry } from '~wildo-frontend-lib/core/resources/useResourceRegistry';\nimport type { ResourceRegistryContextType } from '~wildo-frontend-lib/core/resources/ResourceRegistryContext';\nimport { ScopeUtilsService } from '~wildo-frontend-lib/core/scope/scope.utils.frontend.service';\nimport { FrontendResourceUtils, frontendResourceUtils } from '~wildo-frontend-lib/core/resources/frontend-resource.utils';\nimport { getManualCallsHttpClient } from '~wildo-frontend-lib/core/requests/wildo-http-client-manual-calls.frontend.service';\nimport { clearProviderScopeReauthorizationOffer } from '~wildo-frontend-lib/core/external-providers/provider-scope-reauthorization-offers.frontend';\n\n/**\n * The credential resource that holds an owner's rows. Total over the two scopes a person can hold connections at; the\n * APPLICATION's credential is authored in the deployment environment and has no rows, so it has no resource here.\n */\nexport function credentialResourceTypeForOwner(ownerScope: ExternalProvider_Connection_OwnerScope): CoreResourceType | undefined {\n  switch (ownerScope) {\n    case ExternalProvider_Connection_OwnerScope.USER:\n      return CoreResourceType.USER_PROVIDER_CREDENTIALS;\n    case ExternalProvider_Connection_OwnerScope.ORGANIZATION:\n      return CoreResourceType.ORG_PROVIDER_CREDENTIALS;\n    case ExternalProvider_Connection_OwnerScope.APPLICATION:\n      return undefined;\n  }\n}\n\n/** The two verbs the connections list calls on one credential row: DELETE to disconnect, UPDATE to enable or disable. */\nexport type CredentialRowOperation = CoreResourceOperation.DELETE | CoreResourceOperation.UPDATE;\n\n/**\n * The resource call that acts on ONE credential row of this owner — the operation path and the parameters the\n * resources client builds its URL from. `undefined` when the resource or its default API variant of `operation` is not\n * registered in this frontend, which the caller reports rather than guessing a URL.\n */\nexport function buildCredentialRowCall(input: {\n  readonly registry: ResourceRegistryContextType['registry'];\n  readonly ownerScope: ExternalProvider_Connection_OwnerScope;\n  readonly ownerId: string;\n  readonly credentialId: string;\n  readonly operation: CredentialRowOperation;\n}): { operationPathKey: string; contextualParameters: Record<string, string | number>; parentResourcesRequirements: ReturnType<typeof frontendResourceUtils.buildParentResourcesRequirements> } | undefined {\n  const resourceType = credentialResourceTypeForOwner(input.ownerScope);\n  if (resourceType === undefined) return undefined;\n  const config = input.registry.resourceConfigurations[resourceType];\n  if (!config) return undefined;\n  const operation = config.operations.find((candidate) =>\n    candidate.operationIdentifier === input.operation\n    && candidate.isOperationDefault === true\n    && candidate.isBulkOperation !== true\n    && candidate.variantType === ResourceOperationVariantType.API_CALL);\n  if (!operation) return undefined;\n\n  // The owner is the scope the row lives under, then the row itself — the same identifiers a resource surface of this\n  // owner carries, built by the same scope utility.\n  const contextResourceIdentifiers = {\n    ...ScopeUtilsService.buildResourceOperationContextIdentifiers({\n      ...(input.ownerScope === ExternalProvider_Connection_OwnerScope.USER ? { currentUserId: input.ownerId } : { currentOrganizationId: input.ownerId }),\n      primaryScope: config.resourcePrimaryScope,\n      explicitContextResourceIdentifiers: {},\n    }),\n    [resourceType]: input.credentialId,\n  };\n  return {\n    operationPathKey: ResourcesConfig_OperationPathUtils.buildOperationPathKeyFromOperation(operation),\n    contextualParameters: FrontendResourceUtils.buildContextualParameters(contextResourceIdentifiers, input.registry),\n    parentResourcesRequirements: frontendResourceUtils.buildParentResourcesRequirements(resourceType, contextResourceIdentifiers, input.registry),\n  };\n}\n\nexport interface OwnerProviderConnections {\n  readonly connections: readonly LinkedProviderConnectionView[];\n  readonly loading: boolean;\n  /** The listing could not be read — a distinct state from \"nothing connected\". */\n  readonly failed: boolean;\n  /** Read the listing again, after anything that changed it. */\n  readonly reload: () => void;\n  /**\n   * End one connection: delete every row it is made of through the credential resource's DELETE, then read the\n   * listing again. Rejects when a row could not be deleted — the caller reports it; rows already deleted stay deleted.\n   */\n  readonly disconnect: (connection: LinkedProviderConnectionView) => Promise<void>;\n  /**\n   * Turn one connection off or back on (#2319): set `enabled` on every row it is made of through the credential\n   * resource's own UPDATE, then read the listing again. A disabled row resolves as absent, so every feature the\n   * connection serves stops using it while the grant and its answers are kept. Rejects when a row could not be updated.\n   */\n  readonly setEnabled: (connection: LinkedProviderConnectionView, enabled: boolean) => Promise<void>;\n  /**\n   * Write one stored row's free-text description through the credential resource's own UPDATE (#2474), then read the\n   * listing again. An empty text clears it. Rejects when the row could not be updated.\n   */\n  readonly setCredentialDescription: (credentialId: string, description: string) => Promise<void>;\n  /**\n   * Remove ONE stored row of a connection made of several (#2474) through the credential resource's own DELETE, then\n   * read the listing again. The connection keeps its other rows; ending it whole is `disconnect`.\n   */\n  readonly removeCredential: (credentialId: string) => Promise<void>;\n}\n\nexport function useOwnerProviderConnections(\n  ownerScope: ExternalProvider_Connection_OwnerScope,\n  ownerId: string | null,\n): OwnerProviderConnections {\n  const { registry, doOperation } = useResourceRegistry();\n  const [connections, setConnections] = useState<readonly LinkedProviderConnectionView[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [failed, setFailed] = useState(false);\n  const [generation, setGeneration] = useState(0);\n  /**\n   * The owner the listing belongs to (set when its fetch starts). `loading` means \"nothing to show yet\", so it is raised\n   * only when the owner changes: a reload after a disconnect or a turn-off keeps the current list (and the focus on it)\n   * until the fresh one arrives, instead of swapping the whole list for a loading line (#2319). On an owner change the\n   * previous owner's rows are dropped at once: left on screen while the new owner's fetch runs, or after it fails,\n   * their buttons would act on the new owner's scope with the old owner's credential ids.\n   */\n  const shownOwnerRef = useRef<string | null>(null);\n\n  useEffect(() => {\n    if (ownerId === null) {\n      setConnections([]);\n      setLoading(false);\n      shownOwnerRef.current = null;\n      return undefined;\n    }\n    let cancelled = false;\n    const owner = `${ownerScope}:${ownerId}`;\n    if (shownOwnerRef.current !== owner) {\n      setConnections([]);\n      setFailed(false);\n      setLoading(true);\n      shownOwnerRef.current = owner;\n    }\n    (async () => {\n      try {\n        const answer = await getManualCallsHttpClient().listLinkedProviderConnections({ ownerScope, ownerId });\n        if (!cancelled) {\n          setConnections(answer.connections ?? []);\n          setFailed(false);\n        }\n      } catch (error: unknown) {\n        if (isWildoBackendError(error)) throw error;\n        if (!cancelled) setFailed(true);\n      } finally {\n        if (!cancelled) setLoading(false);\n      }\n    })();\n    return () => { cancelled = true; };\n  }, [ownerScope, ownerId, generation]);\n\n  const reload = useCallback(() => setGeneration((value) => value + 1), []);\n\n  const disconnect = useCallback(async (connection: LinkedProviderConnectionView) => {\n    if (ownerId === null) return;\n    try {\n      for (const credential of connection.credentials) {\n        const call = buildCredentialRowCall({ registry, ownerScope, ownerId, credentialId: credential.credentialId, operation: CoreResourceOperation.DELETE });\n        if (call === undefined) {\n          throw new Error(`No DELETE operation is registered for the ${ownerScope} credential resource in this frontend.`);\n        }\n        await doOperation(call.operationPathKey, {\n          contextualParameters: call.contextualParameters,\n          parentResourcesRequirements: call.parentResourcesRequirements,\n        });\n      }\n      // An offer to grow a grant that no longer exists is an offer nobody can take.\n      clearProviderScopeReauthorizationOffer({ ownerScope, ownerId }, connection.connectionRef);\n    } finally {\n      reload();\n    }\n  }, [doOperation, ownerId, ownerScope, registry, reload]);\n\n  const setEnabled = useCallback(async (connection: LinkedProviderConnectionView, enabled: boolean) => {\n    if (ownerId === null) return;\n    try {\n      for (const credential of connection.credentials) {\n        const call = buildCredentialRowCall({ registry, ownerScope, ownerId, credentialId: credential.credentialId, operation: CoreResourceOperation.UPDATE });\n        if (call === undefined) {\n          throw new Error(`No UPDATE operation is registered for the ${ownerScope} credential resource in this frontend.`);\n        }\n        await doOperation(call.operationPathKey, {\n          contextualParameters: call.contextualParameters,\n          parentResourcesRequirements: call.parentResourcesRequirements,\n          requestData: { enabled },\n        });\n      }\n    } finally {\n      reload();\n    }\n  }, [doOperation, ownerId, ownerScope, registry, reload]);\n\n  /** One stored row, through the credential resource's own operation: the door both acts below share. */\n  const actOnCredential = useCallback(async (\n    credentialId: string,\n    operation: CredentialRowOperation,\n    requestData?: Record<string, unknown>,\n  ) => {\n    if (ownerId === null) return;\n    try {\n      const call = buildCredentialRowCall({ registry, ownerScope, ownerId, credentialId, operation });\n      if (call === undefined) {\n        throw new Error(`No ${operation} operation is registered for the ${ownerScope} credential resource in this frontend.`);\n      }\n      await doOperation(call.operationPathKey, {\n        contextualParameters: call.contextualParameters,\n        parentResourcesRequirements: call.parentResourcesRequirements,\n        ...(requestData === undefined ? {} : { requestData }),\n      });\n    } finally {\n      reload();\n    }\n  }, [doOperation, ownerId, ownerScope, registry, reload]);\n\n  const setCredentialDescription = useCallback(\n    // `null` clears the field; an empty string would store an empty note.\n    (credentialId: string, description: string) => actOnCredential(credentialId, CoreResourceOperation.UPDATE, { description: description.trim() === '' ? null : description.trim() }),\n    [actOnCredential],\n  );\n  const removeCredential = useCallback(\n    (credentialId: string) => actOnCredential(credentialId, CoreResourceOperation.DELETE),\n    [actOnCredential],\n  );\n\n  return { connections, loading, failed, reload, disconnect, setEnabled, setCredentialDescription, removeCredential };\n}\n"]}

package/dist/esm/components/views/chart-view/ChartView.js

@@ -42,7 +42,7 @@ export const ChartView = ({ viewRef, document: documentProp, viewDefinition: vie
     const { registry } = useResourceRegistry();
     const { getChartStylePreset, isDark } = useUI();
     const chartStylePreset = getChartStylePreset();
-    const { t, isReady } = useI18n({ component: FrontendComponentType.HIGH_LEVEL_VIEWS_CHART });
+    const { t, isReady, resolvedRegionalPreferences } = useI18n({ component: FrontendComponentType.HIGH_LEVEL_VIEWS_CHART });
     const resizeObserverRef = useRef(null);
     const echartsRef = useRef(null);
     // Register/update chart theme with current style preset
@@ -136,8 +136,8 @@ export const ChartView = ({ viewRef, document: documentProp, viewDefinition: vie
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [definition, registry, isDark, tResourceFieldEnumValue, isResourceLabelsReady]);
     const option = useMemo(() => (definition && data && data.data.length > 0)
-        ? buildEChartsOption(definition, data, undefined, chartStylePreset, t, dimensionEnumMeta)
-        : null, [definition, data, chartStylePreset, t, dimensionEnumMeta]);
+        ? buildEChartsOption(definition, data, undefined, chartStylePreset, t, dimensionEnumMeta, resolvedRegionalPreferences.locale)
+        : null, [definition, data, chartStylePreset, t, dimensionEnumMeta, resolvedRegionalPreferences.locale]);
     // Not found
     if (!definition) {
         return _jsx(ViewNotFound, { viewKind: "chart", viewRef: viewRef });

package/dist/esm/components/views/chart-view/ChartView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartView.js","sourceRoot":"","sources":["../../../../../../src/components/views/chart-view/ChartView.tsx"],"names":[],"mappings":";AAAA;;;;;;;;oEAQoE;AAEpE,OAAc,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,iCAAiC,EAAE,MAAM,uBAAuB,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EACL,oCAAoC,EACpC,wBAAwB,GACzB,MAAM,6DAA6D,CAAC;AAKrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wDAAwD,CAAC;AAE7F,iFAAiF;AACjF,8EAA8E;AAC9E,mFAAmF;AACnF,iCAAiC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAiC5C;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,OAAO,EACP,QAAQ,EAAE,YAAY,EACtB,cAAc,EAAE,kBAAkB,EAClC,iBAAiB,EACjB,0BAA0B,EAC1B,cAAc,EACd,MAAM,EACN,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,GAAG,EACZ,cAAc,GAAG,KAAK,GACvB,EAAE,EAAE;IACH,MAAM,EAAE,QAAQ,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC3C,MAAM,EAAE,mBAAmB,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAChD,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,sBAAsB,EAAE,CAAC,CAAC;IAC5F,MAAM,iBAAiB,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC9D,MAAM,UAAU,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAErC,wDAAwD;IACxD,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAEhC,MAAM,qBAAqB,GAAG,OAAO,CACnC,GAAG,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,EACxF,CAAC,kBAAkB,EAAE,OAAO,EAAE,QAAQ,CAAC,CACxC,CAAC;IACF,MAAM,cAAc,GAAG,kBAAkB,IAAI,qBAAqB,EAAE,SAAS,CAAC;IAC9E,MAAM,0BAA0B,GAAG,OAAO,CACxC,GAAG,EAAE,CAAC,iBAAiB,IAAI,CACzB,qBAAqB;QACnB,CAAC,CAAC,oCAAoC,CAAC;YACnC,QAAQ,EAAE,qBAAqB,CAAC,QAAQ;YACxC,SAAS,EAAE,qBAAqB,CAAC,SAAS;YAC1C,0BAA0B,EAAE,0BAA0B,IAAI,EAAE;SAC7D,CAAC;QACJ,CAAC,CAAC,SAAS,CACd,EACD,CAAC,iBAAiB,EAAE,qBAAqB,EAAE,0BAA0B,CAAC,CACvE,CAAC;IACF,MAAM,OAAO,GAAG,iCAAiC,CAAC;QAChD,iBAAiB,EAAE,cAAc;QACjC,eAAe,EAAE,YAAY;QAC7B,iBAAiB,EAAE,0BAA0B;QAC7C,kCAAkC,EAAE,0BAA0B;QAC9D,cAAc,EAAE,MAAM;QACtB,cAAc;KACf,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,OAAO,EAAE,eAAe,CAAC;IAE5C,mBAAmB;IACnB,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,YAAY,CACpD,UAAU,EACV,OAAO,EAAE,iBAAiB,EAC1B,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,0BAA0B,EACnC,cAAc,EACd,cAAc,CACf,CAAC;IAEF,gCAAgC;IAChC,EAAE;IACF,+EAA+E;IAC/E,+EAA+E;IAC/E,kFAAkF;IAClF,mFAAmF;IACnF,+EAA+E;IAC/E,+EAA+E;IAC/E,kFAAkF;IAClF,4EAA4E;IAC5E,+EAA+E;IAC/E,gFAAgF;IAChF,6EAA6E;IAC7E,6DAA6D;IAC7D,+EAA+E;IAC/E,4EAA4E;IAC5E,sEAAsE;IACtE,2EAA2E;IAC3E,4EAA4E;IAC5E,6EAA6E;IAC7E,6EAA6E;IAC7E,8EAA8E;IAC9E,+EAA+E;IAC/E,+DAA+D;IAC/D,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,EAAyB,EAAE,EAAE;QACrE,iBAAiB,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;QACxC,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,EAAE;YAAE,OAAO;QAEhB,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YACvC,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,EAAE,kBAAkB,EAAE,EAAE,CAAC;YAC5D,wEAAwE;YACxE,0EAA0E;YAC1E,wEAAwE;YACxE,IAAI,QAAQ,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,EAAE,EAAE,CAAC;gBACzC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACpB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACrB,iBAAiB,CAAC,OAAO,GAAG,QAAQ,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,4BAA4B;IAC5B,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,QAAiB,EAAE,EAAE;QACrD,UAAU,CAAC,OAAO,GAAG,EAAE,kBAAkB,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;IAC9D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,0FAA0F;IAC1F,iFAAiF;IACjF,iFAAiF;IACjF,mFAAmF;IACnF,8EAA8E;IAC9E,8EAA8E;IAC9E,+EAA+E;IAC/E,iFAAiF;IACjF,iFAAiF;IACjF,+EAA+E;IAC/E,iFAAiF;IACjF,+EAA+E;IAC/E,8BAA8B;IAC9B,EAAE;IACF,kGAAkG;IAClG,iGAAiG;IACjG,yFAAyF;IACzF,MAAM,EAAE,uBAAuB,EAAE,OAAO,EAAE,qBAAqB,EAAE,GAAG,OAAO,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAClI,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,CAAC,UAAU;QACf,CAAC,CAAC,sBAAsB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,uBAAuB,CAAC;QAC9G,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IAC1C,uDAAuD;IACvD,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,uBAAuB,EAAE,qBAAqB,CAAC,CAC/E,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAChD,CAAC,CAAC,kBAAkB,CAAC,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EAAE,iBAAiB,CAAC;QACzF,CAAC,CAAC,IAAI,EACR,CAAC,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,EAAE,iBAAiB,CAAC,CAC3D,CAAC;IAEF,YAAY;IACZ,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,KAAC,YAAY,IAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,GAAI,CAAC;IAC7D,CAAC;IAED,UAAU;IACV,IAAI,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC;QACrB,OAAO,KAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC;IAClD,CAAC;IAED,QAAQ;IACR,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,KAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;IAC7D,CAAC;IAED,QAAQ;IACR,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,KAAC,eAAe,KAAG,CAAC;IAC7B,CAAC;IAED,IAAI,CAAC,OAAO,IAAI,CAAC,qBAAqB;QAAE,OAAO,IAAI,CAAC;IAEpD,OAAO,CACL,cACE,GAAG,EAAE,oBAAoB,EACzB,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,EACtC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,YAE9C,KAAC,WAAW;QACV,wEAAwE;QACxE,8DAA8D;YAE9D,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,iBAAiB,EAAE,EAC1B,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACxC,QAAQ,EAAE,IAAI;YACZ,uEAAuE;YACvE,wEAAwE;YACxE,kEAAkE;YAClE,sEAAsE;YACtE,uEAAuE;YACvE,uEAAuE;YACvE,sEAAsE;YACtE,uEAAuE;YACvE,oEAAoE;YACpE,oBAAoB;YACtB,UAAU,EAAE,KAAK,EACjB,YAAY,EAAE,YAAY,IAhBrB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAiB9B,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/** ──────────────────────────────────────────────────────────────\n * ChartView — ECharts-based chart component\n *\n * Fetches data from backend via POST /api/charts/:chartRef/data,\n * combines with the visual encoding from the chart definition,\n * and renders via ECharts.\n *\n * This file is lazy-loaded via React.lazy() in AppRouter.\n * ────────────────────────────────────────────────────────────── */\n\nimport React, { useRef, useCallback, useMemo } from 'react';\nimport type { ChartDefinition, ChartInputValues } from '@wildo-ai/saas-models';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { ViewNotFound } from '~wildo-frontend-lib/components/views/ViewNotFound';\nimport { useChartData } from './chart-view.utils';\nimport { useResolvedChartRuntimeDescriptor } from './chart-runtime.utils';\nimport { useChartTheme, getWildoThemeName } from './chart-theme-bridge';\nimport { buildDimensionEnumMeta } from './enum-color-bridge';\nimport { buildEChartsOption } from './option-builder/echarts-option-builder';\nimport { ChartLoadingSkeleton } from './ChartLoadingSkeleton';\nimport { ChartErrorState } from './ChartErrorState';\nimport { ChartEmptyState } from './ChartEmptyState';\nimport {\n  buildResolvedInsertedChartDescriptor,\n  resolveInsertedChartView,\n} from '~wildo-frontend-lib/core/config/chart-view.frontend.schemas';\nimport type {\n  InsertedChartDeclaration,\n  ResolvedInsertedChartDescriptor,\n} from '~wildo-frontend-lib/core/config/chart-view.frontend.schemas';\nimport { useResourceRegistry } from '~wildo-frontend-lib/core/resources/useResourceRegistry';\n\n// Direct ECharts binding. Replaces `echarts-for-react`, whose `'finished'`-gated\n// double-init hangs on ECharts 6.0.0 (see WildoEChart for the full analysis).\n// ECharts stays behind this file's app-level React.lazy boundary via WildoEChart's\n// static `echarts-setup` import.\nimport { WildoEChart } from './WildoEChart';\n\nexport interface ChartViewProps {\n  /** View reference — resolved from UIContext internally. */\n  viewRef?: string;\n  /** Pre-resolved bare chart definition. Useful for dev previews and direct renderers. */\n  document?: ChartDefinition;\n  /** Pre-resolved chart surface definition. When provided, `viewRef` is ignored. */\n  viewDefinition?: InsertedChartDeclaration;\n  /** Pre-resolved runtime descriptor for inserted or already-bound charts. */\n  runtimeDescriptor?: ResolvedInsertedChartDescriptor;\n  /** Explicit navigation-time or host-time context bindings. */\n  contextResourceIdentifiers?: Record<string, string>;\n  /** Explicit standalone-route URL param values for URL_PARAM chart bindings. */\n  urlParamValues?: Record<string, string>;\n  /** Explicit chart input overrides. These win over binding/default-derived values. */\n  inputs?: ChartInputValues;\n  /** Custom class name */\n  className?: string;\n  /** Width */\n  width?: string | number;\n  /** Height */\n  height?: string | number;\n  /**\n   * When true, a data-fetch failure degrades LOCALLY (this chart card shows the\n   * error, with retry) WITHOUT raising the global error toast. Set by EMBEDDED\n   * hosts (composite tiles, detail-page charts) so one sub-surface's 403/5xx does\n   * not read as a page-level failure. Standalone chart pages leave it `false` and\n   * keep the global error pipeline. The error is still emitted/logged either way.\n   */\n  localErrorOnly?: boolean;\n}\n\n/**\n * ChartView — renders an ECharts chart from a ChartDefinition.\n *\n * Data flow:\n *   1. Resolve definition from UIContext or props\n *   2. Fetch aggregated data from backend\n *   3. Build ECharts option from definition + data\n *   4. Render with echarts-for-react\n */\nexport const ChartView: React.FC<ChartViewProps> = ({\n  viewRef,\n  document: documentProp,\n  viewDefinition: viewDefinitionProp,\n  runtimeDescriptor,\n  contextResourceIdentifiers,\n  urlParamValues,\n  inputs,\n  className = '',\n  width = '100%',\n  height = 400,\n  localErrorOnly = false,\n}) => {\n  const { registry } = useResourceRegistry();\n  const { getChartStylePreset, isDark } = useUI();\n  const chartStylePreset = getChartStylePreset();\n  const { t, isReady } = useI18n({ component: FrontendComponentType.HIGH_LEVEL_VIEWS_CHART });\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const echartsRef = useRef<any>(null);\n\n  // Register/update chart theme with current style preset\n  useChartTheme(chartStylePreset);\n\n  const resolvedInsertedChart = useMemo(\n    () => (viewDefinitionProp ? undefined : resolveInsertedChartView({ viewRef, registry })),\n    [viewDefinitionProp, viewRef, registry],\n  );\n  const viewDefinition = viewDefinitionProp ?? resolvedInsertedChart?.chartView;\n  const effectiveRuntimeDescriptor = useMemo(\n    () => runtimeDescriptor ?? (\n      resolvedInsertedChart\n        ? buildResolvedInsertedChartDescriptor({\n            identity: resolvedInsertedChart.identity,\n            chartView: resolvedInsertedChart.chartView,\n            contextResourceIdentifiers: contextResourceIdentifiers ?? {},\n          })\n        : undefined\n    ),\n    [runtimeDescriptor, resolvedInsertedChart, contextResourceIdentifiers],\n  );\n  const runtime = useResolvedChartRuntimeDescriptor({\n    surfaceDefinition: viewDefinition,\n    chartDefinition: documentProp,\n    runtimeDescriptor: effectiveRuntimeDescriptor,\n    explicitContextResourceIdentifiers: contextResourceIdentifiers,\n    explicitInputs: inputs,\n    urlParamValues,\n  });\n  const definition = runtime?.chartDefinition;\n\n  // Fetch chart data\n  const { data, loading, error, refetch } = useChartData(\n    definition,\n    runtime?.executionChartRef,\n    runtime?.resolvedInputs,\n    runtime?.contextResourceIdentifiers,\n    urlParamValues,\n    localErrorOnly,\n  );\n\n  // ResizeObserver for container.\n  //\n  // ECharts reflows to the container natively via `instance.resize()`; we do NOT\n  // rebuild the ECharts `option` on resize. An earlier implementation pushed the\n  // observed size into React state (a `containerSize` that fed `buildEChartsOption`\n  // and sat in the `option` useMemo deps), so every resize tick produced a brand-new\n  // option object. Combined with `notMerge`+`lazyUpdate` below, that scheduled a\n  // frame-deferred atomic option replacement that raced the in-flight `resize()`\n  // relayout — surfacing as `Cannot read properties of undefined (reading 'group')`\n  // in ECharts' `CartesianAxisView.render` one frame late, plus the tell-tale\n  // \"ResizeObserver loop completed with undelivered notifications\" (the observer\n  // callback's state update re-triggered layout). `containerSize` was in any case\n  // dead context — no chart-type builder reads it — so dropping the rebuild is\n  // behaviour-preserving. Native resize is the whole job here.\n  // The observer must arm when the REAL container mounts, which happens strictly\n  // AFTER the loading/error/empty early returns below stop short-circuiting —\n  // i.e. potentially many renders after the initial mount. A mount-time\n  // `useEffect(…, [])` reading a plain ref (the previous implementation) ran\n  // exactly once, while the container was still null (the first render always\n  // takes the loading/skeleton branch), so the observer NEVER armed and charts\n  // never reflowed to container resizes. A callback ref is the structural fix:\n  // React invokes it at the moment the container node attaches (and with `null`\n  // when it detaches, including unmount), so arming/disarming exactly tracks the\n  // real DOM node regardless of which render branch produced it.\n  const containerRefCallback = useCallback((el: HTMLDivElement | null) => {\n    resizeObserverRef.current?.disconnect();\n    resizeObserverRef.current = null;\n    if (!el) return;\n\n    const observer = new ResizeObserver(() => {\n      const instance = echartsRef.current?.getEchartsInstance?.();\n      // Guard against a disposed instance: on theme toggle the chart remounts\n      // (see the `key` prop below) and the observer closure can fire against an\n      // instance that ECharts has already torn down — `resize()` would throw.\n      if (instance && !instance.isDisposed?.()) {\n        instance.resize();\n      }\n    });\n\n    observer.observe(el);\n    resizeObserverRef.current = observer;\n  }, []);\n\n  // Save echarts instance ref\n  const onChartReady = useCallback((instance: unknown) => {\n    echartsRef.current = { getEchartsInstance: () => instance };\n  }, []);\n\n  // Build ECharts option — memoized, placed before early returns to respect Rules of Hooks.\n  // Deliberately NOT keyed on container size: the option carries no size-dependent\n  // fields (no builder reads `containerSize`), and rebuilding it on resize is what\n  // raced the native `resize()` into the `CartesianAxisView` crash (see the observer\n  // above). The option now rebuilds only on genuine content/appearance changes.\n  // Enum coherence: when a chart dimension is an enum, resolve — once, from the\n  // resource registry's decorated schema — both the value→color map (slices/bars\n  // match the value's badge) and the enum's declared member order (categories sort\n  // by declaration order, not the backend's alphabetical order). Keyed on `isDark`\n  // because the colors resolve live CSS vars (`--info`, `--muted-foreground`, …)\n  // that flip with the theme; ChartView does not remount on toggle (only its child\n  // chart does), so without this the memo would keep the previous mode's colors.\n  // See `enum-color-bridge.ts`.\n  //\n  // Labels ride the same pass: an enum dimension's values are DISPLAYED through the i18n tree (axis\n  // categories, slice and split names) while the data stays keyed on the raw value. The resource's\n  // label bundle is requested here so its enum labels are loaded before the chart renders.\n  const { tResourceFieldEnumValue, isReady: isResourceLabelsReady } = useI18n({ resource: definition?.dataQuery.mainResourceType });\n  const dimensionEnumMeta = useMemo(\n    () => (definition\n      ? buildDimensionEnumMeta(definition, (type) => registry.resourceConfigurations[type], tResourceFieldEnumValue)\n      : { colors: {}, order: {}, labels: {} }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [definition, registry, isDark, tResourceFieldEnumValue, isResourceLabelsReady],\n  );\n\n  const option = useMemo(\n    () => (definition && data && data.data.length > 0)\n      ? buildEChartsOption(definition, data, undefined, chartStylePreset, t, dimensionEnumMeta)\n      : null,\n    [definition, data, chartStylePreset, t, dimensionEnumMeta],\n  );\n\n  // Not found\n  if (!definition) {\n    return <ViewNotFound viewKind=\"chart\" viewRef={viewRef} />;\n  }\n\n  // Loading\n  if (loading && !data) {\n    return <ChartLoadingSkeleton height={height} />;\n  }\n\n  // Error\n  if (error) {\n    return <ChartErrorState error={error} onRetry={refetch} />;\n  }\n\n  // Empty\n  if (!option) {\n    return <ChartEmptyState />;\n  }\n\n  if (!isReady || !isResourceLabelsReady) return null;\n\n  return (\n    <div\n      ref={containerRefCallback}\n      className={cn('chart-view', className)}\n      style={{ width, height, position: 'relative' }}\n    >\n      <WildoEChart\n        // Remount on dark-mode toggle: the theme name is stable but its content\n        // is re-registered, and ECharts bakes the theme at init time.\n        key={isDark ? 'dark' : 'light'}\n        option={option}\n        theme={getWildoThemeName()}\n        style={{ width: '100%', height: '100%' }}\n        notMerge={true}\n          // lazyUpdate MUST stay false. With lazyUpdate={true}, ECharts 6 defers\n          // the setOption flush to its next animation frame (`_onframe`); ECharts\n          // 6.0.0 then crashes on that deferred path for cartesian charts —\n          // `CartesianAxisView.render` dereferences `axisModel.axis.axisBuilder\n          // .group` while `axisBuilder` is still undefined (ECharts 6 \"promoted\"\n          // axis-element building to the coordinate-system resize stage, but the\n          // deferred-flush ordering skips it). Symptom: `TypeError: Cannot read\n          // properties of undefined (reading 'group')`. A synchronous flush runs\n          // the full resize→render pipeline in order and renders cleanly with\n          // animation intact.\n        lazyUpdate={false}\n        onChartReady={onChartReady}\n      />\n    </div>\n  );\n};\n\nexport default ChartView;\n"]}
+{"version":3,"file":"ChartView.js","sourceRoot":"","sources":["../../../../../../src/components/views/chart-view/ChartView.tsx"],"names":[],"mappings":"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","sourcesContent":["/** ──────────────────────────────────────────────────────────────\n * ChartView — ECharts-based chart component\n *\n * Fetches data from backend via POST /api/charts/:chartRef/data,\n * combines with the visual encoding from the chart definition,\n * and renders via ECharts.\n *\n * This file is lazy-loaded via React.lazy() in AppRouter.\n * ────────────────────────────────────────────────────────────── */\n\nimport React, { useRef, useCallback, useMemo } from 'react';\nimport type { ChartDefinition, ChartInputValues } from '@wildo-ai/saas-models';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { ViewNotFound } from '~wildo-frontend-lib/components/views/ViewNotFound';\nimport { useChartData } from './chart-view.utils';\nimport { useResolvedChartRuntimeDescriptor } from './chart-runtime.utils';\nimport { useChartTheme, getWildoThemeName } from './chart-theme-bridge';\nimport { buildDimensionEnumMeta } from './enum-color-bridge';\nimport { buildEChartsOption } from './option-builder/echarts-option-builder';\nimport { ChartLoadingSkeleton } from './ChartLoadingSkeleton';\nimport { ChartErrorState } from './ChartErrorState';\nimport { ChartEmptyState } from './ChartEmptyState';\nimport {\n  buildResolvedInsertedChartDescriptor,\n  resolveInsertedChartView,\n} from '~wildo-frontend-lib/core/config/chart-view.frontend.schemas';\nimport type {\n  InsertedChartDeclaration,\n  ResolvedInsertedChartDescriptor,\n} from '~wildo-frontend-lib/core/config/chart-view.frontend.schemas';\nimport { useResourceRegistry } from '~wildo-frontend-lib/core/resources/useResourceRegistry';\n\n// Direct ECharts binding. Replaces `echarts-for-react`, whose `'finished'`-gated\n// double-init hangs on ECharts 6.0.0 (see WildoEChart for the full analysis).\n// ECharts stays behind this file's app-level React.lazy boundary via WildoEChart's\n// static `echarts-setup` import.\nimport { WildoEChart } from './WildoEChart';\n\nexport interface ChartViewProps {\n  /** View reference — resolved from UIContext internally. */\n  viewRef?: string;\n  /** Pre-resolved bare chart definition. Useful for dev previews and direct renderers. */\n  document?: ChartDefinition;\n  /** Pre-resolved chart surface definition. When provided, `viewRef` is ignored. */\n  viewDefinition?: InsertedChartDeclaration;\n  /** Pre-resolved runtime descriptor for inserted or already-bound charts. */\n  runtimeDescriptor?: ResolvedInsertedChartDescriptor;\n  /** Explicit navigation-time or host-time context bindings. */\n  contextResourceIdentifiers?: Record<string, string>;\n  /** Explicit standalone-route URL param values for URL_PARAM chart bindings. */\n  urlParamValues?: Record<string, string>;\n  /** Explicit chart input overrides. These win over binding/default-derived values. */\n  inputs?: ChartInputValues;\n  /** Custom class name */\n  className?: string;\n  /** Width */\n  width?: string | number;\n  /** Height */\n  height?: string | number;\n  /**\n   * When true, a data-fetch failure degrades LOCALLY (this chart card shows the\n   * error, with retry) WITHOUT raising the global error toast. Set by EMBEDDED\n   * hosts (composite tiles, detail-page charts) so one sub-surface's 403/5xx does\n   * not read as a page-level failure. Standalone chart pages leave it `false` and\n   * keep the global error pipeline. The error is still emitted/logged either way.\n   */\n  localErrorOnly?: boolean;\n}\n\n/**\n * ChartView — renders an ECharts chart from a ChartDefinition.\n *\n * Data flow:\n *   1. Resolve definition from UIContext or props\n *   2. Fetch aggregated data from backend\n *   3. Build ECharts option from definition + data\n *   4. Render with echarts-for-react\n */\nexport const ChartView: React.FC<ChartViewProps> = ({\n  viewRef,\n  document: documentProp,\n  viewDefinition: viewDefinitionProp,\n  runtimeDescriptor,\n  contextResourceIdentifiers,\n  urlParamValues,\n  inputs,\n  className = '',\n  width = '100%',\n  height = 400,\n  localErrorOnly = false,\n}) => {\n  const { registry } = useResourceRegistry();\n  const { getChartStylePreset, isDark } = useUI();\n  const chartStylePreset = getChartStylePreset();\n  const { t, isReady, resolvedRegionalPreferences } = useI18n({ component: FrontendComponentType.HIGH_LEVEL_VIEWS_CHART });\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const echartsRef = useRef<any>(null);\n\n  // Register/update chart theme with current style preset\n  useChartTheme(chartStylePreset);\n\n  const resolvedInsertedChart = useMemo(\n    () => (viewDefinitionProp ? undefined : resolveInsertedChartView({ viewRef, registry })),\n    [viewDefinitionProp, viewRef, registry],\n  );\n  const viewDefinition = viewDefinitionProp ?? resolvedInsertedChart?.chartView;\n  const effectiveRuntimeDescriptor = useMemo(\n    () => runtimeDescriptor ?? (\n      resolvedInsertedChart\n        ? buildResolvedInsertedChartDescriptor({\n            identity: resolvedInsertedChart.identity,\n            chartView: resolvedInsertedChart.chartView,\n            contextResourceIdentifiers: contextResourceIdentifiers ?? {},\n          })\n        : undefined\n    ),\n    [runtimeDescriptor, resolvedInsertedChart, contextResourceIdentifiers],\n  );\n  const runtime = useResolvedChartRuntimeDescriptor({\n    surfaceDefinition: viewDefinition,\n    chartDefinition: documentProp,\n    runtimeDescriptor: effectiveRuntimeDescriptor,\n    explicitContextResourceIdentifiers: contextResourceIdentifiers,\n    explicitInputs: inputs,\n    urlParamValues,\n  });\n  const definition = runtime?.chartDefinition;\n\n  // Fetch chart data\n  const { data, loading, error, refetch } = useChartData(\n    definition,\n    runtime?.executionChartRef,\n    runtime?.resolvedInputs,\n    runtime?.contextResourceIdentifiers,\n    urlParamValues,\n    localErrorOnly,\n  );\n\n  // ResizeObserver for container.\n  //\n  // ECharts reflows to the container natively via `instance.resize()`; we do NOT\n  // rebuild the ECharts `option` on resize. An earlier implementation pushed the\n  // observed size into React state (a `containerSize` that fed `buildEChartsOption`\n  // and sat in the `option` useMemo deps), so every resize tick produced a brand-new\n  // option object. Combined with `notMerge`+`lazyUpdate` below, that scheduled a\n  // frame-deferred atomic option replacement that raced the in-flight `resize()`\n  // relayout — surfacing as `Cannot read properties of undefined (reading 'group')`\n  // in ECharts' `CartesianAxisView.render` one frame late, plus the tell-tale\n  // \"ResizeObserver loop completed with undelivered notifications\" (the observer\n  // callback's state update re-triggered layout). `containerSize` was in any case\n  // dead context — no chart-type builder reads it — so dropping the rebuild is\n  // behaviour-preserving. Native resize is the whole job here.\n  // The observer must arm when the REAL container mounts, which happens strictly\n  // AFTER the loading/error/empty early returns below stop short-circuiting —\n  // i.e. potentially many renders after the initial mount. A mount-time\n  // `useEffect(…, [])` reading a plain ref (the previous implementation) ran\n  // exactly once, while the container was still null (the first render always\n  // takes the loading/skeleton branch), so the observer NEVER armed and charts\n  // never reflowed to container resizes. A callback ref is the structural fix:\n  // React invokes it at the moment the container node attaches (and with `null`\n  // when it detaches, including unmount), so arming/disarming exactly tracks the\n  // real DOM node regardless of which render branch produced it.\n  const containerRefCallback = useCallback((el: HTMLDivElement | null) => {\n    resizeObserverRef.current?.disconnect();\n    resizeObserverRef.current = null;\n    if (!el) return;\n\n    const observer = new ResizeObserver(() => {\n      const instance = echartsRef.current?.getEchartsInstance?.();\n      // Guard against a disposed instance: on theme toggle the chart remounts\n      // (see the `key` prop below) and the observer closure can fire against an\n      // instance that ECharts has already torn down — `resize()` would throw.\n      if (instance && !instance.isDisposed?.()) {\n        instance.resize();\n      }\n    });\n\n    observer.observe(el);\n    resizeObserverRef.current = observer;\n  }, []);\n\n  // Save echarts instance ref\n  const onChartReady = useCallback((instance: unknown) => {\n    echartsRef.current = { getEchartsInstance: () => instance };\n  }, []);\n\n  // Build ECharts option — memoized, placed before early returns to respect Rules of Hooks.\n  // Deliberately NOT keyed on container size: the option carries no size-dependent\n  // fields (no builder reads `containerSize`), and rebuilding it on resize is what\n  // raced the native `resize()` into the `CartesianAxisView` crash (see the observer\n  // above). The option now rebuilds only on genuine content/appearance changes.\n  // Enum coherence: when a chart dimension is an enum, resolve — once, from the\n  // resource registry's decorated schema — both the value→color map (slices/bars\n  // match the value's badge) and the enum's declared member order (categories sort\n  // by declaration order, not the backend's alphabetical order). Keyed on `isDark`\n  // because the colors resolve live CSS vars (`--info`, `--muted-foreground`, …)\n  // that flip with the theme; ChartView does not remount on toggle (only its child\n  // chart does), so without this the memo would keep the previous mode's colors.\n  // See `enum-color-bridge.ts`.\n  //\n  // Labels ride the same pass: an enum dimension's values are DISPLAYED through the i18n tree (axis\n  // categories, slice and split names) while the data stays keyed on the raw value. The resource's\n  // label bundle is requested here so its enum labels are loaded before the chart renders.\n  const { tResourceFieldEnumValue, isReady: isResourceLabelsReady } = useI18n({ resource: definition?.dataQuery.mainResourceType });\n  const dimensionEnumMeta = useMemo(\n    () => (definition\n      ? buildDimensionEnumMeta(definition, (type) => registry.resourceConfigurations[type], tResourceFieldEnumValue)\n      : { colors: {}, order: {}, labels: {} }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [definition, registry, isDark, tResourceFieldEnumValue, isResourceLabelsReady],\n  );\n\n  const option = useMemo(\n    () => (definition && data && data.data.length > 0)\n      ? buildEChartsOption(definition, data, undefined, chartStylePreset, t, dimensionEnumMeta, resolvedRegionalPreferences.locale)\n      : null,\n    [definition, data, chartStylePreset, t, dimensionEnumMeta, resolvedRegionalPreferences.locale],\n  );\n\n  // Not found\n  if (!definition) {\n    return <ViewNotFound viewKind=\"chart\" viewRef={viewRef} />;\n  }\n\n  // Loading\n  if (loading && !data) {\n    return <ChartLoadingSkeleton height={height} />;\n  }\n\n  // Error\n  if (error) {\n    return <ChartErrorState error={error} onRetry={refetch} />;\n  }\n\n  // Empty\n  if (!option) {\n    return <ChartEmptyState />;\n  }\n\n  if (!isReady || !isResourceLabelsReady) return null;\n\n  return (\n    <div\n      ref={containerRefCallback}\n      className={cn('chart-view', className)}\n      style={{ width, height, position: 'relative' }}\n    >\n      <WildoEChart\n        // Remount on dark-mode toggle: the theme name is stable but its content\n        // is re-registered, and ECharts bakes the theme at init time.\n        key={isDark ? 'dark' : 'light'}\n        option={option}\n        theme={getWildoThemeName()}\n        style={{ width: '100%', height: '100%' }}\n        notMerge={true}\n          // lazyUpdate MUST stay false. With lazyUpdate={true}, ECharts 6 defers\n          // the setOption flush to its next animation frame (`_onframe`); ECharts\n          // 6.0.0 then crashes on that deferred path for cartesian charts —\n          // `CartesianAxisView.render` dereferences `axisModel.axis.axisBuilder\n          // .group` while `axisBuilder` is still undefined (ECharts 6 \"promoted\"\n          // axis-element building to the coordinate-system resize stage, but the\n          // deferred-flush ordering skips it). Symptom: `TypeError: Cannot read\n          // properties of undefined (reading 'group')`. A synchronous flush runs\n          // the full resize→render pipeline in order and renders cleanly with\n          // animation intact.\n        lazyUpdate={false}\n        onChartReady={onChartReady}\n      />\n    </div>\n  );\n};\n\nexport default ChartView;\n"]}

package/dist/esm/components/views/chart-view/chart-export.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-export.utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/views/chart-view/chart-export.utils.ts"],"names":[],"mappings":"AAAA;;;;;oEAKoE;AAEpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D;;;;;;GAMG;AACH,0DAA0D;AAC1D,UAAU,iBAAiB;IACzB,UAAU,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,eAAe,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;CAC7F;AAED,wBAAgB,gBAAgB,CAC9B,eAAe,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,EACrD,QAAQ,SAAc,EACtB,UAAU,SAAI,GACb,IAAI,CAkBN;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,wBAAwB,EAClC,UAAU,EAAE,eAAe,EAC3B,QAAQ,SAAmB,GAC1B,IAAI,CAkDN"}
+{"version":3,"file":"chart-export.utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/views/chart-view/chart-export.utils.ts"],"names":[],"mappings":"AAAA;;;;;oEAKoE;AAEpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG7D;;;;;;GAMG;AACH,0DAA0D;AAC1D,UAAU,iBAAiB;IACzB,UAAU,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,eAAe,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;CAC7F;AAED,wBAAgB,gBAAgB,CAC9B,eAAe,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,EACrD,QAAQ,SAAc,EACtB,UAAU,SAAI,GACb,IAAI,CAkBN;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,wBAAwB,EAClC,UAAU,EAAE,eAAe,EAC3B,QAAQ,SAAmB,GAC1B,IAAI,CAwCN"}

package/dist/esm/components/views/chart-view/chart-export.utils.js

@@ -4,6 +4,7 @@
  * - PNG export via ECharts `getDataURL()`
  * - CSV export from aggregation response data
  * ────────────────────────────────────────────────────────────── */
+import { saveBlobAsFile } from '../../../core/commons/save-blob-as-file.frontend.utils.js';
 export function exportChartAsPNG(echartsInstance, filename = 'chart.png', pixelRatio = 2) {
     if (!echartsInstance?.getDataURL) {
         console.warn('Chart export: no ECharts instance available');
@@ -63,15 +64,7 @@ export function exportChartAsCSV(response, definition, filename = 'chart-data.cs
     }
     // Build CSV string
     const csvContent = rows.map(row => row.join(',')).join('\n');
-    const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement('a');
-    link.download = filename;
-    link.href = url;
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(url);
+    saveBlobAsFile(new Blob([csvContent], { type: 'text/csv;charset=utf-8;' }), filename);
 }
 /**
  * Escape a value for CSV: wrap in quotes if it contains commas, quotes, or newlines.

package/dist/esm/components/views/chart-view/chart-export.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-export.utils.js","sourceRoot":"","sources":["../../../../../../src/components/views/chart-view/chart-export.utils.ts"],"names":[],"mappings":"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","sourcesContent":["/** ──────────────────────────────────────────────────────────────\n * Chart Export Utilities\n * \n * - PNG export via ECharts `getDataURL()`\n * - CSV export from aggregation response data\n * ────────────────────────────────────────────────────────────── */\n\nimport type { AggregationQueryResponse } from '@wildo-ai/saas-models';\nimport type { ChartDefinition } from '@wildo-ai/saas-models';\n\n/**\n * Export the chart as a PNG image.\n * \n * @param echartsInstance - The ECharts instance (from `onChartReady`)\n * @param filename - The file name for the download (default: 'chart.png')\n * @param pixelRatio - Resolution multiplier (default: 2 for retina)\n */\n/** Minimal interface for the ECharts getDataURL method */\ninterface EChartsExportable {\n  getDataURL: (opts: { type: string; pixelRatio: number; backgroundColor: string }) => string;\n}\n\nexport function exportChartAsPNG(\n  echartsInstance: EChartsExportable | null | undefined,\n  filename = 'chart.png',\n  pixelRatio = 2,\n): void {\n  if (!echartsInstance?.getDataURL) {\n    console.warn('Chart export: no ECharts instance available');\n    return;\n  }\n\n  const dataURL = echartsInstance.getDataURL({\n    type: 'png',\n    pixelRatio,\n    backgroundColor: '#fff',\n  });\n\n  const link = document.createElement('a');\n  link.download = filename;\n  link.href = dataURL;\n  document.body.appendChild(link);\n  link.click();\n  document.body.removeChild(link);\n}\n\n/**\n * Export the chart data as a CSV file.\n * \n * @param response - The aggregation query response\n * @param definition - The chart definition (for column headers)\n * @param filename - The file name for the download (default: 'chart-data.csv')\n */\nexport function exportChartAsCSV(\n  response: AggregationQueryResponse,\n  definition: ChartDefinition,\n  filename = 'chart-data.csv',\n): void {\n  if (!response.data || response.data.length === 0) {\n    console.warn('Chart export: no data to export');\n    return;\n  }\n\n  // Determine column order: dimensions first, then measures\n  const dimensionRefs = definition.dataQuery.dimensions.map(d => d.ref);\n  const measureRefs = definition.dataQuery.measures.map(m => m.ref);\n  const computedRefs = (definition.dataQuery.computedMeasures || []).map(cm => cm.ref);\n  const windowRefs = (definition.dataQuery.windowFunctions || []).map(wf => wf.ref);\n\n  const allRefs = [...dimensionRefs, ...measureRefs, ...computedRefs, ...windowRefs];\n\n  // Build headers — use labels when available\n  const dimensionLabels = definition.dataQuery.dimensions.map(d => d.label || d.ref);\n  const measureLabels = definition.dataQuery.measures.map(m => m.label || m.ref);\n  const computedLabels = (definition.dataQuery.computedMeasures || []).map(cm => cm.label || cm.ref);\n  const windowLabels = (definition.dataQuery.windowFunctions || []).map(wf => wf.label || wf.ref);\n\n  const headers = [...dimensionLabels, ...measureLabels, ...computedLabels, ...windowLabels];\n\n  // Build rows (headers are also escaped to handle labels with commas/quotes/newlines)\n  const rows: string[][] = [];\n  rows.push(headers.map(h => escapeCSV(h)));\n\n  for (const row of response.data) {\n    const csvRow = allRefs.map(ref => {\n      const value = row[ref];\n      if (value == null) return '';\n      if (typeof value === 'string') return escapeCSV(value);\n      if (value instanceof Date) return value.toISOString();\n      return String(value);\n    });\n    rows.push(csvRow);\n  }\n\n  // Build CSV string\n  const csvContent = rows.map(row => row.join(',')).join('\\n');\n  const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\n  const url = URL.createObjectURL(blob);\n\n  const link = document.createElement('a');\n  link.download = filename;\n  link.href = url;\n  document.body.appendChild(link);\n  link.click();\n  document.body.removeChild(link);\n\n  URL.revokeObjectURL(url);\n}\n\n/**\n * Escape a value for CSV: wrap in quotes if it contains commas, quotes, or newlines.\n */\nfunction escapeCSV(value: string): string {\n  if (value.includes(',') || value.includes('\"') || value.includes('\\n')) {\n    return `\"${value.replace(/\"/g, '\"\"')}\"`;\n  }\n  return value;\n}\n"]}
+{"version":3,"file":"chart-export.utils.js","sourceRoot":"","sources":["../../../../../../src/components/views/chart-view/chart-export.utils.ts"],"names":[],"mappings":"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","sourcesContent":["/** ──────────────────────────────────────────────────────────────\n * Chart Export Utilities\n * \n * - PNG export via ECharts `getDataURL()`\n * - CSV export from aggregation response data\n * ────────────────────────────────────────────────────────────── */\n\nimport type { AggregationQueryResponse } from '@wildo-ai/saas-models';\nimport type { ChartDefinition } from '@wildo-ai/saas-models';\nimport { saveBlobAsFile } from '~wildo-frontend-lib/core/commons/save-blob-as-file.frontend.utils';\n\n/**\n * Export the chart as a PNG image.\n * \n * @param echartsInstance - The ECharts instance (from `onChartReady`)\n * @param filename - The file name for the download (default: 'chart.png')\n * @param pixelRatio - Resolution multiplier (default: 2 for retina)\n */\n/** Minimal interface for the ECharts getDataURL method */\ninterface EChartsExportable {\n  getDataURL: (opts: { type: string; pixelRatio: number; backgroundColor: string }) => string;\n}\n\nexport function exportChartAsPNG(\n  echartsInstance: EChartsExportable | null | undefined,\n  filename = 'chart.png',\n  pixelRatio = 2,\n): void {\n  if (!echartsInstance?.getDataURL) {\n    console.warn('Chart export: no ECharts instance available');\n    return;\n  }\n\n  const dataURL = echartsInstance.getDataURL({\n    type: 'png',\n    pixelRatio,\n    backgroundColor: '#fff',\n  });\n\n  const link = document.createElement('a');\n  link.download = filename;\n  link.href = dataURL;\n  document.body.appendChild(link);\n  link.click();\n  document.body.removeChild(link);\n}\n\n/**\n * Export the chart data as a CSV file.\n * \n * @param response - The aggregation query response\n * @param definition - The chart definition (for column headers)\n * @param filename - The file name for the download (default: 'chart-data.csv')\n */\nexport function exportChartAsCSV(\n  response: AggregationQueryResponse,\n  definition: ChartDefinition,\n  filename = 'chart-data.csv',\n): void {\n  if (!response.data || response.data.length === 0) {\n    console.warn('Chart export: no data to export');\n    return;\n  }\n\n  // Determine column order: dimensions first, then measures\n  const dimensionRefs = definition.dataQuery.dimensions.map(d => d.ref);\n  const measureRefs = definition.dataQuery.measures.map(m => m.ref);\n  const computedRefs = (definition.dataQuery.computedMeasures || []).map(cm => cm.ref);\n  const windowRefs = (definition.dataQuery.windowFunctions || []).map(wf => wf.ref);\n\n  const allRefs = [...dimensionRefs, ...measureRefs, ...computedRefs, ...windowRefs];\n\n  // Build headers — use labels when available\n  const dimensionLabels = definition.dataQuery.dimensions.map(d => d.label || d.ref);\n  const measureLabels = definition.dataQuery.measures.map(m => m.label || m.ref);\n  const computedLabels = (definition.dataQuery.computedMeasures || []).map(cm => cm.label || cm.ref);\n  const windowLabels = (definition.dataQuery.windowFunctions || []).map(wf => wf.label || wf.ref);\n\n  const headers = [...dimensionLabels, ...measureLabels, ...computedLabels, ...windowLabels];\n\n  // Build rows (headers are also escaped to handle labels with commas/quotes/newlines)\n  const rows: string[][] = [];\n  rows.push(headers.map(h => escapeCSV(h)));\n\n  for (const row of response.data) {\n    const csvRow = allRefs.map(ref => {\n      const value = row[ref];\n      if (value == null) return '';\n      if (typeof value === 'string') return escapeCSV(value);\n      if (value instanceof Date) return value.toISOString();\n      return String(value);\n    });\n    rows.push(csvRow);\n  }\n\n  // Build CSV string\n  const csvContent = rows.map(row => row.join(',')).join('\\n');\n  saveBlobAsFile(new Blob([csvContent], { type: 'text/csv;charset=utf-8;' }), filename);\n}\n\n/**\n * Escape a value for CSV: wrap in quotes if it contains commas, quotes, or newlines.\n */\nfunction escapeCSV(value: string): string {\n  if (value.includes(',') || value.includes('\"') || value.includes('\\n')) {\n    return `\"${value.replace(/\"/g, '\"\"')}\"`;\n  }\n  return value;\n}\n"]}

package/dist/esm/components/views/chart-view/enum-color-bridge.d.ts

@@ -56,6 +56,7 @@ export declare function resolveEnumSemanticChartColor(variant: BadgeSemanticVari
 /** Minimal registry surface this bridge needs — a resource-config lookup by type. */
 export type ChartResourceConfigLookup = (resourceType: string) => {
     mainSchema?: unknown;
+    inheritenceSchemaDefinition?: unknown;
 } | undefined;
 /**
  * Build the per-dimension enum metadata (colors + declared order) for a chart.

package/dist/esm/components/views/chart-view/enum-color-bridge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"enum-color-bridge.d.ts","sourceRoot":"","sources":["../../../../../../src/components/views/chart-view/enum-color-bridge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;oEAgBoE;AAGpE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAK7B,sDAAsD;AACtD,MAAM,WAAW,mBAAmB;IAClC,8CAA8C;IAC9C,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAChC;;;;;;OAMG;IACH,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CAChD;AAED,oHAAoH;AACpH,MAAM,MAAM,2BAA2B,GAAG,CAAC,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC,UAAU,KAAK,MAAM,CAAC;AAmBxI;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,OAAO,EAAE,oBAAoB,GAAG,MAAM,CAGnF;AAED,qFAAqF;AACrF,MAAM,MAAM,yBAAyB,GAAG,CAAC,YAAY,EAAE,MAAM,KAAK;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,SAAS,CAAC;AAEvG;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,eAAe,EAC3B,wBAAwB,EAAE,yBAAyB,EACnD,iBAAiB,CAAC,EAAE,2BAA2B,GAC9C,iBAAiB,CAwCnB"}
+{"version":3,"file":"enum-color-bridge.d.ts","sourceRoot":"","sources":["../../../../../../src/components/views/chart-view/enum-color-bridge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;oEAgBoE;AAGpE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG7D,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAK7B,sDAAsD;AACtD,MAAM,WAAW,mBAAmB;IAClC,8CAA8C;IAC9C,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAChC;;;;;;OAMG;IACH,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CAChD;AAED,oHAAoH;AACpH,MAAM,MAAM,2BAA2B,GAAG,CAAC,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC,UAAU,KAAK,MAAM,CAAC;AAmBxI;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,OAAO,EAAE,oBAAoB,GAAG,MAAM,CAGnF;AAED,qFAAqF;AACrF,MAAM,MAAM,yBAAyB,GAAG,CAAC,YAAY,EAAE,MAAM,KAAK;IAAE,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,2BAA2B,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,SAAS,CAAC;AAE9I;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,eAAe,EAC3B,wBAAwB,EAAE,yBAAyB,EACnD,iBAAiB,CAAC,EAAE,2BAA2B,GAC9C,iBAAiB,CA+CnB"}

package/dist/esm/components/views/chart-view/enum-color-bridge.js

@@ -16,6 +16,7 @@
  * it resolves live CSS vars, it adapts to light/dark automatically.
  * ────────────────────────────────────────────────────────────── */
 import { getEnumValues, getZodObjectShape } from '@wildo-ai/zod-decorators';
+import { resourceInheritanceVariantSchemas } from '@wildo-ai/saas-models';
 import { IndicatorVariant } from '@wildo-ai/presets-components-models';
 import { resolveCSSColor } from './chart-theme-bridge.js';
 import { badgeVariantIndicator } from '../../../components/data-display/badge-tone.js';
@@ -64,7 +65,15 @@ export function buildDimensionEnumMeta(definition, getResourceConfiguration, res
     const mainSchema = config?.mainSchema;
     if (!mainSchema)
         return { colors, order, labels };
-    const shape = getZodObjectShape(mainSchema);
+    // Every field some row can hold (#2455): a dimension on a variant-only enum is coloured and ordered too. The base's
+    // copy is kept for a field both declare.
+    const shape = { ...getZodObjectShape(mainSchema) };
+    for (const variant of resourceInheritanceVariantSchemas(config?.inheritenceSchemaDefinition)) {
+        for (const [fieldName, fieldSchema] of Object.entries(getZodObjectShape(variant) ?? {})) {
+            if (!(fieldName in shape))
+                shape[fieldName] = fieldSchema;
+        }
+    }
     for (const dim of definition.dataQuery.dimensions) {
         const fieldSchema = shape[dim.field];
         if (!fieldSchema)