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

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

@@ -1 +1 @@
-{"version":3,"file":"AppPage_InvitationsSettings.js","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_InvitationsSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * AppPage_InvitationsSettings — the Settings Hub \"Invitations\" panel (Approach P).\n *\n * A bespoke `ENGINE_PANEL` (not a resource surface) that lets a signed-in user act on\n * THEIR OWN pending organization invitations in-app, without opening the emailed link.\n * It lists the caller's pending invitations — their own INVITED membership rows, resolved\n * server-side by userId-ownership via `GET /auth/invitations/mine` — and offers Accept /\n * Decline per row (Accept flips the row to ACTIVE; Decline deletes it) — calling the\n * authenticated `acceptMyInvitation` / `rejectMyInvitation` endpoints (no token, no new\n * session). On accept the caller becomes a member, so the panel refreshes the user's\n * organizations via `useUserOrgs().refreshOrganizations()` and re-lists.\n *\n * i18n follows the framework convention (same shape as `AppPage_AppearanceSettings`):\n * `useI18n({ component })` requests this component's label namespace, the panel gates\n * rendering on `isReady` so it never flashes raw key paths, and a thin `t(key)` reads\n * each label. Copy is owned by the labelling pipeline (sibling `.labels.ts`) — no\n * hardcoded fallback strings here.\n */\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { ButtonSize, FrontendComponentType, LabellingTypes } from '@wildo-ai/presets-components-models';\nimport { isWildoBackendError } from '@wildo-ai/saas-models';\nimport { Card, CardContent } from '~wildo-frontend-lib/components/sections/card';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { Text } from '~wildo-frontend-lib/components/typography/text';\nimport { Alert, AlertDescription } from '~wildo-frontend-lib/components/overlays/containers/alert';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useUserOrgs } from '~wildo-frontend-lib/core/security/useUserOrgs';\nimport {\n  getManualCallsHttpClient,\n  type MyPendingInvitationView,\n} from '~wildo-frontend-lib/core/requests/wildo-http-client-manual-calls.frontend.service';\n\n/*\n * The role words live in the application's `roles` labels, planned from every registered role, not in this\n * panel's own namespace. Module-level so the requested set keeps one identity across renders.\n */\nconst INVITATION_ROLE_LABEL_NAMESPACES = [LabellingTypes.ROLES];\n\nexport const AppPage_InvitationsSettings: React.FC = () => {\n  const { tComponent, tRole, isReady } = useI18n({\n    component: FrontendComponentType.APP_LAYOUTS_INVITATIONS_SETTINGS,\n    keys: INVITATION_ROLE_LABEL_NAMESPACES,\n  });\n  const { refreshOrganizations } = useUserOrgs();\n\n  const t = useCallback(\n    (key: string) => tComponent(FrontendComponentType.APP_LAYOUTS_INVITATIONS_SETTINGS, key),\n    [tComponent],\n  );\n\n  const [invitations, setInvitations] = useState<MyPendingInvitationView[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [busyId, setBusyId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [successMsg, setSuccessMsg] = useState<string | null>(null);\n\n  const refresh = useCallback(async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const res = await getManualCallsHttpClient().listMyPendingInvitations();\n      setInvitations(res.invitations ?? []);\n    } catch (e: unknown) {\n      if (isWildoBackendError(e)) throw e;\n      setError(t('errorGeneric'));\n    } finally {\n      setLoading(false);\n    }\n  }, [t]);\n\n  useEffect(() => {\n    refresh();\n  }, [refresh]);\n\n  // Auto-dismiss the success banner (same convention as AppPage_SecuritySettings).\n  useEffect(() => {\n    if (!successMsg) return;\n    const timer = setTimeout(() => setSuccessMsg(null), 5000);\n    return () => clearTimeout(timer);\n  }, [successMsg]);\n\n  const handleAccept = useCallback(\n    async (membershipId: string) => {\n      setBusyId(membershipId);\n      setError(null);\n      try {\n        await getManualCallsHttpClient().acceptMyInvitation(membershipId);\n        // The caller just became a member — refresh their org list before re-listing.\n        await refreshOrganizations();\n        setSuccessMsg(t('acceptSuccess'));\n        await refresh();\n      } catch (e: unknown) {\n        if (isWildoBackendError(e)) throw e;\n        setError(t('errorGeneric'));\n      } finally {\n        setBusyId(null);\n      }\n    },\n    [refresh, refreshOrganizations, t],\n  );\n\n  const handleReject = useCallback(\n    async (membershipId: string) => {\n      setBusyId(membershipId);\n      setError(null);\n      try {\n        await getManualCallsHttpClient().rejectMyInvitation(membershipId);\n        setSuccessMsg(t('rejectSuccess'));\n        await refresh();\n      } catch (e: unknown) {\n        if (isWildoBackendError(e)) throw e;\n        setError(t('errorGeneric'));\n      } finally {\n        setBusyId(null);\n      }\n    },\n    [refresh, t],\n  );\n\n  // Gate on label readiness so the panel never flashes raw key paths (Appearance convention).\n  if (!isReady) return null;\n\n  return (\n    <div className=\"flex flex-col gap-section\">\n      {/* `h3`, not `h2`: the Settings Hub header owns the `h2` for this dialog,\n          so a panel heading is one level below it. No sub-heading: it restated\n          the Accept / Decline buttons each row carries. */}\n      <h3 className=\"text-base font-semibold tracking-tight\">{t('pageTitle')}</h3>\n\n      {error && (\n        <Alert variant=\"destructive\">\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      )}\n      {successMsg && (\n        <Alert>\n          <AlertDescription>{successMsg}</AlertDescription>\n        </Alert>\n      )}\n\n      {/* No card title: \"Pending Invitations\" repeated the panel heading one line\n          above it, and every row it could hold is by definition pending. */}\n      <Card>\n        <CardContent className=\"p-card\">\n          {loading ? (\n            <Text className=\"text-sm text-muted-foreground\">{t('loading')}</Text>\n          ) : invitations.length === 0 ? (\n            <Text className=\"text-sm text-muted-foreground\">{t('empty')}</Text>\n          ) : (\n            /* Flush divided list — same settings-list geometry as the\n               SETTINGS_ROW field chrome (label/meta inline-start, actions\n               inline-end, `py-group` rhythm, `divide-y` hairline dividers) so\n               this bespoke action panel reads as the same family as the\n               decorator-driven settings surfaces. (Was per-row bordered boxes\n               with `space-y-2`, a visually divergent pattern.) */\n            <ul className=\"divide-y divide-border\">\n              {invitations.map((invitation) => (\n                <li\n                  key={invitation.membershipId}\n                  className=\"flex items-center justify-between gap-section py-group\"\n                >\n                  <div className=\"flex min-w-0 flex-col gap-item-xs\">\n                    <Text className=\"font-medium\">{invitation.organizationName ?? t('unknownOrganization')}</Text>\n                    {invitation.roles.length > 0 && (\n                      <Text className=\"text-xs text-muted-foreground\">\n                        {/* Each role by its word, as a member directory shows it; a role with no word shows its key. */}\n                        {t('rolesPrefix')} {invitation.roles.map((role) => tRole(role, 'label')).join(', ')}\n                      </Text>\n                    )}\n                  </div>\n                  <div className=\"flex shrink-0 gap-element\">\n                    <Button\n                      variant={ButtonVariants_Variant.OUTLINE}\n                      size={ButtonSize.SM}\n                      disabled={busyId === invitation.membershipId}\n                      onClick={() => handleReject(invitation.membershipId)}\n                    >\n                      {t('rejectButton')}\n                    </Button>\n                    <Button\n                      size={ButtonSize.SM}\n                      disabled={busyId === invitation.membershipId}\n                      onClick={() => handleAccept(invitation.membershipId)}\n                    >\n                      {t('acceptButton')}\n                    </Button>\n                  </div>\n                </li>\n              ))}\n            </ul>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"AppPage_InvitationsSettings.js","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_InvitationsSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * AppPage_InvitationsSettings — the Settings Hub \"Invitations\" panel (Approach P).\n *\n * A bespoke `ENGINE_PANEL` (not a resource surface) where a signed-in user acts on invitations addressed to THEM, in-app,\n * without opening an emailed link. It holds two kinds, each listed only when it has rows:\n *\n * - **Organization invitations**: the caller's own INVITED membership rows, resolved server-side by userId-ownership\n *   via `GET /auth/invitations/mine`, with Accept / Decline per row (Accept flips the row to ACTIVE; Decline deletes\n *   it) through the authenticated `acceptMyInvitation` / `rejectMyInvitation` endpoints (no token, no new session). On\n *   accept the caller becomes a member, so the panel refreshes the user's organizations via\n *   `useUserOrgs().refreshOrganizations()` and re-lists.\n * - **Relationship invitations** (#2716): another organization that wants to work with one the caller owns, invited by\n *   the caller's proven address (`GET /auth/relationship-invitations/mine`). The caller chooses which owned organization\n *   receives the inviting organization's proposal, or declines. Receiving writes the proposal into that organization,\n *   where its owner accepts it with step-up from the organization's relationships settings; it confers nothing by itself. The\n *   invitation email's sign-in link lands here.\n *\n * i18n follows the framework convention (same shape as `AppPage_AppearanceSettings`):\n * `useI18n({ component })` requests this component's label namespace, the panel gates\n * rendering on `isReady` so it never flashes raw key paths, and a thin `t(key)` reads\n * each label. Copy is owned by the labelling pipeline (sibling `.labels.ts`) — no\n * hardcoded fallback strings here.\n */\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { z } from 'zod';\nimport { ButtonSize, FrontendComponentType, LabellingTypes } from '@wildo-ai/presets-components-models';\nimport { isWildoBackendError, type RelationshipInvitationForInvitee } from '@wildo-ai/saas-models';\nimport { Card, CardContent } from '~wildo-frontend-lib/components/sections/card';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { Text } from '~wildo-frontend-lib/components/typography/text';\nimport { Label } from '~wildo-frontend-lib/components/typography/label';\nimport { Select } from '~wildo-frontend-lib/components/form/controls/enum/select';\nimport { Alert, AlertDescription } from '~wildo-frontend-lib/components/overlays/containers/alert';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useUserOrgs } from '~wildo-frontend-lib/core/security/useUserOrgs';\nimport {\n  getManualCallsHttpClient,\n  type MyPendingInvitationView,\n} from '~wildo-frontend-lib/core/requests/wildo-http-client-manual-calls.frontend.service';\n\n/*\n * The role words live in the application's `roles` labels, planned from every registered role, not in this\n * panel's own namespace. Module-level so the requested set keeps one identity across renders.\n */\nconst INVITATION_ROLE_LABEL_NAMESPACES = [LabellingTypes.ROLES];\n\n/** The receiving-organization picker's value: one organization id. */\nconst RECEIVING_ORGANIZATION_SCHEMA = z.string().min(1);\n\n/**\n * Which organization receives each relationship invitation, by invitation id. Defaults to the first organization offered,\n * so an invitee who owns one organization only presses Receive.\n */\ntype ReceivingChoice = Readonly<Record<string, string>>;\n\nexport const AppPage_InvitationsSettings: React.FC = () => {\n  const { tComponent, tRole, isReady, formatDateTime } = useI18n({\n    component: FrontendComponentType.APP_LAYOUTS_INVITATIONS_SETTINGS,\n    keys: INVITATION_ROLE_LABEL_NAMESPACES,\n  });\n  const { refreshOrganizations } = useUserOrgs();\n\n  const t = useCallback(\n    (key: string, params?: Record<string, string | number>) => tComponent(FrontendComponentType.APP_LAYOUTS_INVITATIONS_SETTINGS, key, params),\n    [tComponent],\n  );\n\n  const [invitations, setInvitations] = useState<MyPendingInvitationView[]>([]);\n  const [relationshipInvitationsForMe, setRelationshipInvitationsForMe] = useState<RelationshipInvitationForInvitee[]>([]);\n  const [receivingChoice, setReceivingChoice] = useState<ReceivingChoice>({});\n  const [loading, setLoading] = useState(true);\n  const [busyId, setBusyId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [successMsg, setSuccessMsg] = useState<string | null>(null);\n\n  /*\n   * The label function, read through a ref by `refresh`. `tComponent` is rebuilt on every render of the i18n provider,\n   * so a `refresh` depending on it re-listed both endpoints whenever a label bundle arrived; the list is loaded once,\n   * and again after an action.\n   */\n  const tRef = useRef(t);\n  tRef.current = t;\n\n  const refresh = useCallback(async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const client = getManualCallsHttpClient();\n      // Settled separately: one kind failing to load must not hide the other kind's invitations.\n      const [membershipInvitations, relationshipInvitations] = await Promise.allSettled([\n        client.listMyPendingInvitations(),\n        client.listMyRelationshipInvitations(),\n      ]);\n      setInvitations(membershipInvitations.status === 'fulfilled' ? membershipInvitations.value.invitations ?? [] : []);\n      setRelationshipInvitationsForMe(relationshipInvitations.status === 'fulfilled' ? relationshipInvitations.value.invitations ?? [] : []);\n      const failure = [membershipInvitations, relationshipInvitations].find((outcome) => outcome.status === 'rejected');\n      if (failure?.status === 'rejected') {\n        if (isWildoBackendError(failure.reason)) throw failure.reason;\n        setError(tRef.current('errorGeneric'));\n      }\n    } catch (e: unknown) {\n      if (isWildoBackendError(e)) throw e;\n      setError(tRef.current('errorGeneric'));\n    } finally {\n      setLoading(false);\n    }\n  }, []);\n\n  useEffect(() => {\n    refresh();\n  }, [refresh]);\n\n  // Auto-dismiss the success banner (same convention as AppPage_SecuritySettings).\n  useEffect(() => {\n    if (!successMsg) return;\n    const timer = setTimeout(() => setSuccessMsg(null), 5000);\n    return () => clearTimeout(timer);\n  }, [successMsg]);\n\n  const handleAccept = useCallback(\n    async (membershipId: string) => {\n      setBusyId(membershipId);\n      setError(null);\n      try {\n        await getManualCallsHttpClient().acceptMyInvitation(membershipId);\n        // The caller just became a member — refresh their org list before re-listing.\n        await refreshOrganizations();\n        setSuccessMsg(t('acceptSuccess'));\n        await refresh();\n      } catch (e: unknown) {\n        if (isWildoBackendError(e)) throw e;\n        setError(t('errorGeneric'));\n      } finally {\n        setBusyId(null);\n      }\n    },\n    [refresh, refreshOrganizations, t],\n  );\n\n  const handleReject = useCallback(\n    async (membershipId: string) => {\n      setBusyId(membershipId);\n      setError(null);\n      try {\n        await getManualCallsHttpClient().rejectMyInvitation(membershipId);\n        setSuccessMsg(t('rejectSuccess'));\n        await refresh();\n      } catch (e: unknown) {\n        if (isWildoBackendError(e)) throw e;\n        setError(t('errorGeneric'));\n      } finally {\n        setBusyId(null);\n      }\n    },\n    [refresh, t],\n  );\n\n  /**\n   * A relationship invitation's action. A backend refusal is re-listed BEFORE it is rethrown: the usual one is an invitation\n   * that stopped being receivable meanwhile (revoked, lapsed), and the list should stop offering it.\n   */\n  const runRelationshipInvitationAction = useCallback(\n    async (invitationId: string, action: () => Promise<string>) => {\n      setBusyId(invitationId);\n      setError(null);\n      try {\n        setSuccessMsg(await action());\n        await refresh();\n      } catch (e: unknown) {\n        if (isWildoBackendError(e)) {\n          await refresh();\n          throw e;\n        }\n        setError(t('errorGeneric'));\n      } finally {\n        setBusyId(null);\n      }\n    },\n    [refresh, t],\n  );\n\n  const handleReceive = useCallback(\n    (invitation: RelationshipInvitationForInvitee) => {\n      const organizationId = receivingChoice[invitation.invitationId] ?? invitation.receivingOrganizations[0]?.organizationId;\n      const organization = invitation.receivingOrganizations.find((candidate) => candidate.organizationId === organizationId);\n      if (!organization) return;\n      return runRelationshipInvitationAction(invitation.invitationId, async () => {\n        await getManualCallsHttpClient().receiveMyRelationshipInvitation(invitation.invitationId, organization.organizationId);\n        return t('relationshipReceiveSuccess', {\n          representingOrganization: invitation.representingOrganizationName ?? t('unknownRepresentingOrganization'),\n          organization: organization.organizationName ?? t('unknownOrganization'),\n        });\n      });\n    },\n    [receivingChoice, runRelationshipInvitationAction, t],\n  );\n\n  const handleDecline = useCallback(\n    (invitation: RelationshipInvitationForInvitee) => runRelationshipInvitationAction(invitation.invitationId, async () => {\n      await getManualCallsHttpClient().declineMyRelationshipInvitation(invitation.invitationId);\n      return t('relationshipDeclineSuccess');\n    }),\n    [runRelationshipInvitationAction, t],\n  );\n\n  // Gate on label readiness so the panel never flashes raw key paths (Appearance convention).\n  if (!isReady) return null;\n\n  const nothingPending = invitations.length === 0 && relationshipInvitationsForMe.length === 0;\n\n  return (\n    <div className=\"flex flex-col gap-section\">\n      {/* `h3`, not `h2`: the Settings Hub header owns the `h2` for this dialog,\n          so a panel heading is one level below it. No sub-heading: it restated\n          the Accept / Decline buttons each row carries. */}\n      <h3 className=\"text-base font-semibold tracking-tight\">{t('pageTitle')}</h3>\n\n      {error && (\n        <Alert variant=\"destructive\">\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      )}\n      {successMsg && (\n        <Alert>\n          <AlertDescription>{successMsg}</AlertDescription>\n        </Alert>\n      )}\n\n      {(loading || nothingPending) && (\n        <Card>\n          <CardContent className=\"p-card\">\n            <Text className=\"text-sm text-muted-foreground\">{loading ? t('loading') : t('empty')}</Text>\n          </CardContent>\n        </Card>\n      )}\n\n      {/* No card title: \"Pending Invitations\" repeated the panel heading one line\n          above it, and every row it could hold is by definition pending. */}\n      {!loading && invitations.length > 0 && (\n        <Card>\n          <CardContent className=\"p-card\">\n            {/* Flush divided list — same settings-list geometry as the\n                SETTINGS_ROW field chrome (label/meta inline-start, actions\n                inline-end, `py-group` rhythm, `divide-y` hairline dividers) so\n                this bespoke action panel reads as the same family as the\n                decorator-driven settings surfaces. (Was per-row bordered boxes\n                with `space-y-2`, a visually divergent pattern.) */}\n            <ul className=\"divide-y divide-border\">\n              {invitations.map((invitation) => (\n                <li\n                  key={invitation.membershipId}\n                  className=\"flex items-center justify-between gap-section py-group\"\n                >\n                  <div className=\"flex min-w-0 flex-col gap-item-xs\">\n                    <Text className=\"font-medium\">{invitation.organizationName ?? t('unknownOrganization')}</Text>\n                    {invitation.roles.length > 0 && (\n                      <Text className=\"text-xs text-muted-foreground\">\n                        {/* Each role by its word, as a member directory shows it; a role with no word shows its key. */}\n                        {t('rolesPrefix')} {invitation.roles.map((role) => tRole(role, 'label')).join(', ')}\n                      </Text>\n                    )}\n                  </div>\n                  <div className=\"flex shrink-0 gap-element\">\n                    <Button\n                      variant={ButtonVariants_Variant.OUTLINE}\n                      size={ButtonSize.SM}\n                      disabled={busyId === invitation.membershipId}\n                      onClick={() => handleReject(invitation.membershipId)}\n                    >\n                      {t('rejectButton')}\n                    </Button>\n                    <Button\n                      size={ButtonSize.SM}\n                      disabled={busyId === invitation.membershipId}\n                      onClick={() => handleAccept(invitation.membershipId)}\n                    >\n                      {t('acceptButton')}\n                    </Button>\n                  </div>\n                </li>\n              ))}\n            </ul>\n          </CardContent>\n        </Card>\n      )}\n\n      {!loading && relationshipInvitationsForMe.length > 0 && (\n        <section aria-labelledby=\"invitations-settings-relationships\" className=\"flex flex-col gap-group\">\n          <h4 id=\"invitations-settings-relationships\" className=\"text-sm font-semibold\">{t('relationshipInvitationsHeading')}</h4>\n          <Card>\n            <CardContent className=\"p-card\">\n              <ul className=\"divide-y divide-border\">\n                {relationshipInvitationsForMe.map((invitation) => {\n                  const offered = invitation.receivingOrganizations;\n                  const chosen = receivingChoice[invitation.invitationId] ?? offered[0]?.organizationId;\n                  const busy = busyId === invitation.invitationId;\n                  return (\n                    <li key={invitation.invitationId} className=\"flex flex-col gap-group py-group\">\n                      <div className=\"flex min-w-0 flex-col gap-item-xs\">\n                        <Text className=\"font-medium\">{invitation.representingOrganizationName ?? t('unknownRepresentingOrganization')}</Text>\n                        {invitation.purpose && <Text className=\"text-sm\">{invitation.purpose}</Text>}\n                        {invitation.role && (\n                          <Text className=\"text-xs text-muted-foreground\">{t('relationshipRolePrefix')} {tRole(invitation.role, 'label')}</Text>\n                        )}\n                        <Text className=\"text-xs text-muted-foreground\">{t('relationshipExpires', { date: formatDateTime(invitation.expiresAt) })}</Text>\n                      </div>\n                      {offered.length === 0 ? (\n                        <Text className=\"text-sm text-muted-foreground\">{t('relationshipNoReceivingOrganization')}</Text>\n                      ) : offered.length === 1 ? (\n                        <Text className=\"text-sm\">{t('relationshipReceivesInto', { organization: offered[0].organizationName ?? t('unknownOrganization') })}</Text>\n                      ) : (\n                        <div className=\"flex flex-col gap-item-xs\">\n                          {/* A real label for the picker: the select preset gives its trigger the id `field-<name>`. */}\n                          <Label htmlFor={`field-receiving-organization-${invitation.invitationId}`}>{t('relationshipReceivingOrganizationLabel')}</Label>\n                          <Select\n                            name={`receiving-organization-${invitation.invitationId}`}\n                            schema={RECEIVING_ORGANIZATION_SCHEMA}\n                            options={offered.map((organization) => ({\n                              value: organization.organizationId,\n                              label: organization.organizationName ?? t('unknownOrganization'),\n                            }))}\n                            value={chosen}\n                            disabled={busy}\n                            onChange={(organizationId: string) => setReceivingChoice((current) => ({ ...current, [invitation.invitationId]: organizationId }))}\n                          />\n                        </div>\n                      )}\n                      <div className=\"flex justify-end gap-element\">\n                        <Button\n                          variant={ButtonVariants_Variant.OUTLINE}\n                          size={ButtonSize.SM}\n                          disabled={busy}\n                          onClick={() => handleDecline(invitation)}\n                        >\n                          {t('relationshipDeclineButton')}\n                        </Button>\n                        {offered.length > 0 && (\n                          <Button\n                            size={ButtonSize.SM}\n                            disabled={busy || !chosen}\n                            onClick={() => handleReceive(invitation)}\n                          >\n                            {t('relationshipReceiveButton')}\n                          </Button>\n                        )}\n                      </div>\n                    </li>\n                  );\n                })}\n              </ul>\n            </CardContent>\n          </Card>\n        </section>\n      )}\n    </div>\n  );\n};\n"]}

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

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

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

@@ -9,9 +9,9 @@ import { FrontendComponentType, LabelKind, registerComponentLabels, } from '@wil
 // Decline buttons, and `listHeading` ("Pending Invitations") restated the panel
 // heading directly above it. Both were removed with the text they rendered.
 export const AppLayoutsInvitationsSettingsLabels = [
-    { ref: 'pageTitle', kind: LabelKind.HEADING, purpose: 'Heading for the Invitations settings panel (the user’s own pending org invitations)' },
+    { ref: 'pageTitle', kind: LabelKind.HEADING, purpose: 'Heading for the Invitations settings panel: invitations addressed to the user, to join an organization or from another organization that wants to work with one they own' },
     { ref: 'loading', kind: LabelKind.MESSAGE, purpose: 'Shown while the pending invitations are being loaded' },
-    { ref: 'empty', kind: LabelKind.MESSAGE, purpose: 'Shown when the user has no pending invitations' },
+    { ref: 'empty', kind: LabelKind.MESSAGE, purpose: 'Shown when the user has no pending invitations of either kind' },
     { ref: 'unknownOrganization', kind: LabelKind.LABEL, purpose: 'Fallback label for an invitation whose organization name could not be resolved' },
     { ref: 'rolesPrefix', kind: LabelKind.LABEL, purpose: 'Prefix before the list of roles the invitation grants (e.g. "Roles:")' },
     { ref: 'acceptButton', kind: LabelKind.BUTTON, purpose: 'Button that accepts the invitation and joins the organization' },
@@ -19,6 +19,29 @@ export const AppLayoutsInvitationsSettingsLabels = [
     { ref: 'acceptSuccess', kind: LabelKind.MESSAGE, purpose: 'Confirmation shown after the user accepts an invitation' },
     { ref: 'rejectSuccess', kind: LabelKind.MESSAGE, purpose: 'Confirmation shown after the user declines an invitation' },
     { ref: 'errorGeneric', kind: LabelKind.MESSAGE, purpose: 'Generic error shown when listing/accepting/declining an invitation fails' },
+    // Another organization's invitation to a relationship (#2716): an organization that wants to work with one the user owns.
+    { ref: 'relationshipInvitationsHeading', kind: LabelKind.HEADING, purpose: 'Heading above the invitations from other organizations that want to work with an organization the user owns (an accounting firm offering its services, a partner organization)' },
+    { ref: 'unknownRepresentingOrganization', kind: LabelKind.LABEL, purpose: 'Fallback label for an inviting organization whose name could not be resolved' },
+    { ref: 'relationshipRolePrefix', kind: LabelKind.LABEL, purpose: 'Prefix before the role the inviting organization\'s people would have in the user\'s organization (e.g. "Their role:")' },
+    {
+        ref: 'relationshipExpires', kind: LabelKind.MESSAGE, purpose: 'When the invitation lapses if nobody acts on it. Param: {date}, the date and time',
+        params: [{ key: 'date', meaning: 'Date and time the invitation lapses' }],
+    },
+    {
+        ref: 'relationshipReceivesInto', kind: LabelKind.MESSAGE, purpose: 'Says which organization the inviting organization\'s proposal would go to, when the user owns exactly one that can receive it. Param: {organization}',
+        params: [{ key: 'organization', meaning: 'Name of the organization that would receive the proposal' }],
+    },
+    { ref: 'relationshipReceivingOrganizationLabel', kind: LabelKind.LABEL, purpose: 'Label of the picker where the user chooses which of their organizations receives the inviting organization\'s proposal' },
+    { ref: 'relationshipNoReceivingOrganization', kind: LabelKind.MESSAGE, purpose: 'Shown when none of the organizations the user owns can receive this invitation, so it can only be declined' },
+    { ref: 'relationshipReceiveButton', kind: LabelKind.BUTTON, purpose: 'Button that sends the inviting organization\'s proposal to the chosen organization, where its owner can then accept or decline it. It does not give the inviting organization any access yet' },
+    { ref: 'relationshipDeclineButton', kind: LabelKind.BUTTON, purpose: 'Button that declines the invitation; it will not be offered again' },
+    {
+        ref: 'relationshipReceiveSuccess', kind: LabelKind.MESSAGE,
+        purpose: 'Confirmation after the user sent an inviting organization\'s proposal to one of their organizations. Says the proposal is now waiting in that organization, and that it is accepted in that organization\'s settings, where its relationships with other organizations are managed (do not name the section: each application titles it in its own words). Params: {representingOrganization}, {organization}',
+        params: [{ key: 'representingOrganization', meaning: 'Name of the organization that sent the invitation' }, { key: 'organization', meaning: 'Name of the organization the proposal now waits in' }],
+        notes: ['Must make clear the inviting organization has no access yet: the proposal still has to be accepted.'],
+    },
+    { ref: 'relationshipDeclineSuccess', kind: LabelKind.MESSAGE, purpose: 'Confirmation after the user declined an invitation from another organization' },
 ];
 registerComponentLabels(FrontendComponentType.APP_LAYOUTS_INVITATIONS_SETTINGS, AppLayoutsInvitationsSettingsLabels);
 //# sourceMappingURL=AppPage_InvitationsSettings.labels.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppPage_InvitationsSettings.labels.js","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_InvitationsSettings.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,uBAAuB,GACxB,MAAM,qCAAqC,CAAC;AAE7C,gFAAgF;AAChF,6EAA6E;AAC7E,mFAAmF;AACnF,+EAA+E;AAC/E,2EAA2E;AAC3E,EAAE;AACF,8EAA8E;AAC9E,gFAAgF;AAChF,4EAA4E;AAC5E,MAAM,CAAC,MAAM,mCAAmC,GAA0B;IACxE,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,qFAAqF,EAAE;IAC7I,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,sDAAsD,EAAE;IAC5G,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,gDAAgD,EAAE;IACpG,EAAE,GAAG,EAAE,qBAAqB,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,gFAAgF,EAAE;IAChJ,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,uEAAuE,EAAE;IAC/H,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,+DAA+D,EAAE;IACzH,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,qCAAqC,EAAE;IAC/F,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,yDAAyD,EAAE;IACrH,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,0DAA0D,EAAE;IACtH,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,0EAA0E,EAAE;CACtI,CAAC;AAEF,uBAAuB,CAAC,qBAAqB,CAAC,gCAAgC,EAAE,mCAAmC,CAAC,CAAC","sourcesContent":["import {\n  FrontendComponentType,\n  LabelKind,\n  type LabellingUnitaryDef,\n  registerComponentLabels,\n} from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for the Invitations settings panel: keys + kind\n// + per-key purpose. Statically scanned by the dev companion to generate the\n// `components.APP_LAYOUTS_INVITATIONS_SETTINGS.*` bundle; NOT imported at runtime,\n// so it never ships in the browser bundle. Keep in lock-step with the keys the\n// component reads via `tComponent(APP_LAYOUTS_INVITATIONS_SETTINGS, ...)`.\n//\n// No sub-heading and no list heading: `pageDescription` restated the Accept /\n// Decline buttons, and `listHeading` (\"Pending Invitations\") restated the panel\n// heading directly above it. Both were removed with the text they rendered.\nexport const AppLayoutsInvitationsSettingsLabels: LabellingUnitaryDef[] = [\n  { ref: 'pageTitle', kind: LabelKind.HEADING, purpose: 'Heading for the Invitations settings panel (the user’s own pending org invitations)' },\n  { ref: 'loading', kind: LabelKind.MESSAGE, purpose: 'Shown while the pending invitations are being loaded' },\n  { ref: 'empty', kind: LabelKind.MESSAGE, purpose: 'Shown when the user has no pending invitations' },\n  { ref: 'unknownOrganization', kind: LabelKind.LABEL, purpose: 'Fallback label for an invitation whose organization name could not be resolved' },\n  { ref: 'rolesPrefix', kind: LabelKind.LABEL, purpose: 'Prefix before the list of roles the invitation grants (e.g. \"Roles:\")' },\n  { ref: 'acceptButton', kind: LabelKind.BUTTON, purpose: 'Button that accepts the invitation and joins the organization' },\n  { ref: 'rejectButton', kind: LabelKind.BUTTON, purpose: 'Button that declines the invitation' },\n  { ref: 'acceptSuccess', kind: LabelKind.MESSAGE, purpose: 'Confirmation shown after the user accepts an invitation' },\n  { ref: 'rejectSuccess', kind: LabelKind.MESSAGE, purpose: 'Confirmation shown after the user declines an invitation' },\n  { ref: 'errorGeneric', kind: LabelKind.MESSAGE, purpose: 'Generic error shown when listing/accepting/declining an invitation fails' },\n];\n\nregisterComponentLabels(FrontendComponentType.APP_LAYOUTS_INVITATIONS_SETTINGS, AppLayoutsInvitationsSettingsLabels);\n"]}
+{"version":3,"file":"AppPage_InvitationsSettings.labels.js","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_InvitationsSettings.labels.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  FrontendComponentType,\n  LabelKind,\n  type LabellingUnitaryDef,\n  registerComponentLabels,\n} from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for the Invitations settings panel: keys + kind\n// + per-key purpose. Statically scanned by the dev companion to generate the\n// `components.APP_LAYOUTS_INVITATIONS_SETTINGS.*` bundle; NOT imported at runtime,\n// so it never ships in the browser bundle. Keep in lock-step with the keys the\n// component reads via `tComponent(APP_LAYOUTS_INVITATIONS_SETTINGS, ...)`.\n//\n// No sub-heading and no list heading: `pageDescription` restated the Accept /\n// Decline buttons, and `listHeading` (\"Pending Invitations\") restated the panel\n// heading directly above it. Both were removed with the text they rendered.\nexport const AppLayoutsInvitationsSettingsLabels: LabellingUnitaryDef[] = [\n  { ref: 'pageTitle', kind: LabelKind.HEADING, purpose: 'Heading for the Invitations settings panel: invitations addressed to the user, to join an organization or from another organization that wants to work with one they own' },\n  { ref: 'loading', kind: LabelKind.MESSAGE, purpose: 'Shown while the pending invitations are being loaded' },\n  { ref: 'empty', kind: LabelKind.MESSAGE, purpose: 'Shown when the user has no pending invitations of either kind' },\n  { ref: 'unknownOrganization', kind: LabelKind.LABEL, purpose: 'Fallback label for an invitation whose organization name could not be resolved' },\n  { ref: 'rolesPrefix', kind: LabelKind.LABEL, purpose: 'Prefix before the list of roles the invitation grants (e.g. \"Roles:\")' },\n  { ref: 'acceptButton', kind: LabelKind.BUTTON, purpose: 'Button that accepts the invitation and joins the organization' },\n  { ref: 'rejectButton', kind: LabelKind.BUTTON, purpose: 'Button that declines the invitation' },\n  { ref: 'acceptSuccess', kind: LabelKind.MESSAGE, purpose: 'Confirmation shown after the user accepts an invitation' },\n  { ref: 'rejectSuccess', kind: LabelKind.MESSAGE, purpose: 'Confirmation shown after the user declines an invitation' },\n  { ref: 'errorGeneric', kind: LabelKind.MESSAGE, purpose: 'Generic error shown when listing/accepting/declining an invitation fails' },\n\n  // Another organization's invitation to a relationship (#2716): an organization that wants to work with one the user owns.\n  { ref: 'relationshipInvitationsHeading', kind: LabelKind.HEADING, purpose: 'Heading above the invitations from other organizations that want to work with an organization the user owns (an accounting firm offering its services, a partner organization)' },\n  { ref: 'unknownRepresentingOrganization', kind: LabelKind.LABEL, purpose: 'Fallback label for an inviting organization whose name could not be resolved' },\n  { ref: 'relationshipRolePrefix', kind: LabelKind.LABEL, purpose: 'Prefix before the role the inviting organization\\'s people would have in the user\\'s organization (e.g. \"Their role:\")' },\n  {\n    ref: 'relationshipExpires', kind: LabelKind.MESSAGE, purpose: 'When the invitation lapses if nobody acts on it. Param: {date}, the date and time',\n    params: [{ key: 'date', meaning: 'Date and time the invitation lapses' }],\n  },\n  {\n    ref: 'relationshipReceivesInto', kind: LabelKind.MESSAGE, purpose: 'Says which organization the inviting organization\\'s proposal would go to, when the user owns exactly one that can receive it. Param: {organization}',\n    params: [{ key: 'organization', meaning: 'Name of the organization that would receive the proposal' }],\n  },\n  { ref: 'relationshipReceivingOrganizationLabel', kind: LabelKind.LABEL, purpose: 'Label of the picker where the user chooses which of their organizations receives the inviting organization\\'s proposal' },\n  { ref: 'relationshipNoReceivingOrganization', kind: LabelKind.MESSAGE, purpose: 'Shown when none of the organizations the user owns can receive this invitation, so it can only be declined' },\n  { ref: 'relationshipReceiveButton', kind: LabelKind.BUTTON, purpose: 'Button that sends the inviting organization\\'s proposal to the chosen organization, where its owner can then accept or decline it. It does not give the inviting organization any access yet' },\n  { ref: 'relationshipDeclineButton', kind: LabelKind.BUTTON, purpose: 'Button that declines the invitation; it will not be offered again' },\n  {\n    ref: 'relationshipReceiveSuccess', kind: LabelKind.MESSAGE,\n    purpose: 'Confirmation after the user sent an inviting organization\\'s proposal to one of their organizations. Says the proposal is now waiting in that organization, and that it is accepted in that organization\\'s settings, where its relationships with other organizations are managed (do not name the section: each application titles it in its own words). Params: {representingOrganization}, {organization}',\n    params: [{ key: 'representingOrganization', meaning: 'Name of the organization that sent the invitation' }, { key: 'organization', meaning: 'Name of the organization the proposal now waits in' }],\n    notes: ['Must make clear the inviting organization has no access yet: the proposal still has to be accepted.'],\n  },\n  { ref: 'relationshipDeclineSuccess', kind: LabelKind.MESSAGE, purpose: 'Confirmation after the user declined an invitation from another organization' },\n];\n\nregisterComponentLabels(FrontendComponentType.APP_LAYOUTS_INVITATIONS_SETTINGS, AppLayoutsInvitationsSettingsLabels);\n"]}

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

@@ -0,0 +1,67 @@
+/**
+ * AppPage_ModelCostBreakdownSettings — what model calls cost, in two places (#2528, #2618):
+ *
+ * - {@link ModelCostBreakdownScope.APPLICATION}: the Breakdown tab of Administration > Model costs. Every tenant's calls,
+ *   read by the application's model-cost readers (the super-administrator and the billing manager); where the parties are
+ *   independent of the operator that read also needs a live application access grant.
+ * - {@link ModelCostBreakdownScope.REPRESENTING_ORGANIZATION}: the Model cost tab of the representing side's relationships
+ *   section. A representing organization's OWN calls, read by its administrator: its calls through the relationships it
+ *   represents in, and its own tenant's own calls.
+ *
+ * It calls `POST /model-cost/summary` (naming the current organization for a representing organization) over a window, per case,
+ * organization, agent or model, IN MONEY, and renders each group's cost per currency from its minor units, with its
+ * calls and tokens, and for a case the people's review time (its own people's, for a representing organization).
+ *
+ * Two counts are shown beside the totals and never folded into them, because they are what makes a total honest: the
+ * calls a group made that have no price (no cost to add), and, under the table, the calls in the window that belong to
+ * no piece of work and the calls nobody priced. A cost per case that silently dropped them would look complete and be
+ * low.
+ *
+ * Bespoke rather than a resource surface because the breakdown is not a row: it is computed on request from the call
+ * records. The monthly records it is reconciled against are the tab beside it.
+ *
+ * i18n: every word is a key in `AppPage_ModelCostBreakdownSettings.labels.ts`. A group's identity (a case id, an
+ * organization id, an agent ref, a model name) is a value, shown as it is.
+ */
+import React from 'react';
+import { DecisionTimeAvailability, ModelCostGroupBy, type ModelCostDecisionTime, type ModelCostSummaryGroup } from '@wildo-ai/saas-models';
+/** Whose model cost the panel shows (#2618). Passed explicitly at each mount, so the call site says whose cost it is. */
+export declare enum ModelCostBreakdownScope {
+    /** Every tenant's, for the application's model-cost readers. */
+    APPLICATION = "application",
+    /** The current organization's own, for a representing organization's administrator. */
+    REPRESENTING_ORGANIZATION = "representing-organization"
+}
+/** The windows the panel offers, in days; each within the route's `MODEL_COST_SUMMARY_MAX_WINDOW_DAYS` (366). */
+export declare enum ModelCostBreakdownWindow {
+    LAST_30_DAYS = 30,
+    LAST_90_DAYS = 90,
+    LAST_365_DAYS = 365
+}
+/**
+ * Why the breakdown could not be shown (#2618). One refusal has a remedy the reader can act on: an application reader
+ * asking for cases across parties independent of the operator needs an access window a second administrator
+ * approved. That is not an error to report but a step to name, so it is told apart from every other failure.
+ */
+export declare enum ModelCostBreakdownFailure {
+    /** The read failed for any other reason; the backend error is surfaced as well. */
+    GENERIC = "generic",
+    /** The read needs a live application access grant: per-case cost across independent parties is their margin. */
+    ACCESS_GRANT_REQUIRED = "accessGrantRequired"
+}
+/** The label key of a failure's message. One key per `ModelCostBreakdownFailure` member. */
+export declare function failureLabelKey(failure: ModelCostBreakdownFailure): string;
+/** The label key of a grouping's tab and column heading. One key per `ModelCostGroupBy` member. */
+export declare function groupingLabelKey(grouping: ModelCostGroupBy): string;
+/** The label key of a window button. One key per `ModelCostBreakdownWindow` member. */
+export declare function windowLabelKey(window: ModelCostBreakdownWindow): string;
+/** The label key of a case's decision time. One key per `DecisionTimeAvailability` member. */
+export declare function decisionTimeLabelKey(availability: DecisionTimeAvailability): string;
+/** The group's identity under the chosen grouping, or `undefined` when its calls carried none. */
+export declare function modelCostGroupKey(group: ModelCostSummaryGroup, grouping: ModelCostGroupBy): string | undefined;
+/** A case's review time as the words' parameters: the decisions, and the minutes rounded. `undefined` when not joined. */
+export declare function decisionTimeParams(decisionTime: ModelCostDecisionTime): Record<string, number> | undefined;
+export declare const AppPage_ModelCostBreakdownSettings: React.FC<{
+    readonly scope: ModelCostBreakdownScope;
+}>;
+//# sourceMappingURL=AppPage_ModelCostBreakdownSettings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppPage_ModelCostBreakdownSettings.d.ts","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_ModelCostBreakdownSettings.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,KAAoD,MAAM,OAAO,CAAC;AAEzE,OAAO,EAEL,wBAAwB,EACxB,gBAAgB,EAEhB,KAAK,qBAAqB,EAE1B,KAAK,qBAAqB,EAC3B,MAAM,uBAAuB,CAAC;AAc/B,yHAAyH;AACzH,oBAAY,uBAAuB;IACjC,gEAAgE;IAChE,WAAW,gBAAgB;IAC3B,uFAAuF;IACvF,yBAAyB,8BAA8B;CACxD;AAED,iHAAiH;AACjH,oBAAY,wBAAwB;IAClC,YAAY,KAAK;IACjB,YAAY,KAAK;IACjB,aAAa,MAAM;CACpB;AAQD;;;;GAIG;AACH,oBAAY,yBAAyB;IACnC,mFAAmF;IACnF,OAAO,YAAY;IACnB,gHAAgH;IAChH,qBAAqB,wBAAwB;CAC9C;AAED,4FAA4F;AAC5F,wBAAgB,eAAe,CAAC,OAAO,EAAE,yBAAyB,GAAG,MAAM,CAE1E;AAED,mGAAmG;AACnG,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,gBAAgB,GAAG,MAAM,CAEnE;AACD,uFAAuF;AACvF,wBAAgB,cAAc,CAAC,MAAM,EAAE,wBAAwB,GAAG,MAAM,CAEvE;AACD,8FAA8F;AAC9F,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,wBAAwB,GAAG,MAAM,CAEnF;AAED,kGAAkG;AAClG,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,qBAAqB,EAAE,QAAQ,EAAE,gBAAgB,GAAG,MAAM,GAAG,SAAS,CAW9G;AAED,0HAA0H;AAC1H,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,qBAAqB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAG1G;AAED,eAAO,MAAM,kCAAkC,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,KAAK,EAAE,uBAAuB,CAAA;CAAE,CA2JpG,CAAC"}

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

@@ -0,0 +1,177 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * AppPage_ModelCostBreakdownSettings — what model calls cost, in two places (#2528, #2618):
+ *
+ * - {@link ModelCostBreakdownScope.APPLICATION}: the Breakdown tab of Administration > Model costs. Every tenant's calls,
+ *   read by the application's model-cost readers (the super-administrator and the billing manager); where the parties are
+ *   independent of the operator that read also needs a live application access grant.
+ * - {@link ModelCostBreakdownScope.REPRESENTING_ORGANIZATION}: the Model cost tab of the representing side's relationships
+ *   section. A representing organization's OWN calls, read by its administrator: its calls through the relationships it
+ *   represents in, and its own tenant's own calls.
+ *
+ * It calls `POST /model-cost/summary` (naming the current organization for a representing organization) over a window, per case,
+ * organization, agent or model, IN MONEY, and renders each group's cost per currency from its minor units, with its
+ * calls and tokens, and for a case the people's review time (its own people's, for a representing organization).
+ *
+ * Two counts are shown beside the totals and never folded into them, because they are what makes a total honest: the
+ * calls a group made that have no price (no cost to add), and, under the table, the calls in the window that belong to
+ * no piece of work and the calls nobody priced. A cost per case that silently dropped them would look complete and be
+ * low.
+ *
+ * Bespoke rather than a resource surface because the breakdown is not a row: it is computed on request from the call
+ * records. The monthly records it is reconciled against are the tab beside it.
+ *
+ * i18n: every word is a key in `AppPage_ModelCostBreakdownSettings.labels.ts`. A group's identity (a case id, an
+ * organization id, an agent ref, a model name) is a value, shown as it is.
+ */
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { ButtonSize, FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { ErrorCustomMessageReference, DecisionTimeAvailability, ModelCostGroupBy, isWildoBackendError, } from '@wildo-ai/saas-models';
+import { Card, CardContent } from '../../components/sections/card.js';
+import { Tabs, TabsList, TabsTrigger } from '../../components/sections/tabs.js';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../../components/sections/table.js';
+import { Button, ButtonVariants_Variant } from '../../components/actions/button.js';
+import { Text } from '../../components/typography/text.js';
+import { Alert, AlertDescription } from '../../components/overlays/containers/alert.js';
+import { useI18n } from '../../core/i18n/useI18n.js';
+import { useUserOrgs } from '../../core/security/useUserOrgs.js';
+import { formatModelCostMinorUnits } from '../../core/flows-actors/model-cost-money.frontend.utils.js';
+import { getManualCallsHttpClient } from '../../core/requests/wildo-http-client-manual-calls.frontend.service.js';
+const COMPONENT = FrontendComponentType.APP_LAYOUTS_MODEL_COST_BREAKDOWN_SETTINGS;
+/** Whose model cost the panel shows (#2618). Passed explicitly at each mount, so the call site says whose cost it is. */
+export var ModelCostBreakdownScope;
+(function (ModelCostBreakdownScope) {
+    /** Every tenant's, for the application's model-cost readers. */
+    ModelCostBreakdownScope["APPLICATION"] = "application";
+    /** The current organization's own, for a representing organization's administrator. */
+    ModelCostBreakdownScope["REPRESENTING_ORGANIZATION"] = "representing-organization";
+})(ModelCostBreakdownScope || (ModelCostBreakdownScope = {}));
+/** The windows the panel offers, in days; each within the route's `MODEL_COST_SUMMARY_MAX_WINDOW_DAYS` (366). */
+export var ModelCostBreakdownWindow;
+(function (ModelCostBreakdownWindow) {
+    ModelCostBreakdownWindow[ModelCostBreakdownWindow["LAST_30_DAYS"] = 30] = "LAST_30_DAYS";
+    ModelCostBreakdownWindow[ModelCostBreakdownWindow["LAST_90_DAYS"] = 90] = "LAST_90_DAYS";
+    ModelCostBreakdownWindow[ModelCostBreakdownWindow["LAST_365_DAYS"] = 365] = "LAST_365_DAYS";
+})(ModelCostBreakdownWindow || (ModelCostBreakdownWindow = {}));
+const WINDOWS = [
+    ModelCostBreakdownWindow.LAST_30_DAYS,
+    ModelCostBreakdownWindow.LAST_90_DAYS,
+    ModelCostBreakdownWindow.LAST_365_DAYS,
+];
+const GROUPINGS = Object.values(ModelCostGroupBy);
+/**
+ * Why the breakdown could not be shown (#2618). One refusal has a remedy the reader can act on: an application reader
+ * asking for cases across parties independent of the operator needs an access window a second administrator
+ * approved. That is not an error to report but a step to name, so it is told apart from every other failure.
+ */
+export var ModelCostBreakdownFailure;
+(function (ModelCostBreakdownFailure) {
+    /** The read failed for any other reason; the backend error is surfaced as well. */
+    ModelCostBreakdownFailure["GENERIC"] = "generic";
+    /** The read needs a live application access grant: per-case cost across independent parties is their margin. */
+    ModelCostBreakdownFailure["ACCESS_GRANT_REQUIRED"] = "accessGrantRequired";
+})(ModelCostBreakdownFailure || (ModelCostBreakdownFailure = {}));
+/** The label key of a failure's message. One key per `ModelCostBreakdownFailure` member. */
+export function failureLabelKey(failure) {
+    return failure === ModelCostBreakdownFailure.ACCESS_GRANT_REQUIRED ? 'errorAccessGrantRequired' : 'errorGeneric';
+}
+/** The label key of a grouping's tab and column heading. One key per `ModelCostGroupBy` member. */
+export function groupingLabelKey(grouping) {
+    return `groupBy_${grouping}`;
+}
+/** The label key of a window button. One key per `ModelCostBreakdownWindow` member. */
+export function windowLabelKey(window) {
+    return `window_${window}`;
+}
+/** The label key of a case's decision time. One key per `DecisionTimeAvailability` member. */
+export function decisionTimeLabelKey(availability) {
+    return `decisionTime_${availability}`;
+}
+/** The group's identity under the chosen grouping, or `undefined` when its calls carried none. */
+export function modelCostGroupKey(group, grouping) {
+    switch (grouping) {
+        case ModelCostGroupBy.CASE:
+            return group.key.caseRef ? `${group.key.caseRef.resourceType} · ${group.key.caseRef.resourceId}` : undefined;
+        case ModelCostGroupBy.ORGANIZATION:
+            return group.key.organizationId;
+        case ModelCostGroupBy.AGENT:
+            return group.key.agentRef;
+        case ModelCostGroupBy.MODEL:
+            return group.key.model ? [group.key.provider, group.key.model].filter(Boolean).join(' · ') : undefined;
+    }
+}
+/** A case's review time as the words' parameters: the decisions, and the minutes rounded. `undefined` when not joined. */
+export function decisionTimeParams(decisionTime) {
+    if (decisionTime.availability !== DecisionTimeAvailability.JOINED)
+        return undefined;
+    return { decisions: decisionTime.decisionCount ?? 0, minutes: Math.round((decisionTime.reviewDurationMs ?? 0) / 60_000) };
+}
+export const AppPage_ModelCostBreakdownSettings = ({ scope }) => {
+    const { tComponent, isReady, formatNumber } = useI18n({ component: COMPONENT });
+    const t = useCallback((key, params) => tComponent(COMPONENT, key, params), [tComponent]);
+    const { currentOrganizationId } = useUserOrgs();
+    /** The representing organization the summary is asked for; `undefined` for the application's own view. */
+    const representingOrganizationId = scope === ModelCostBreakdownScope.REPRESENTING_ORGANIZATION ? currentOrganizationId ?? undefined : undefined;
+    const awaitsOrganization = scope === ModelCostBreakdownScope.REPRESENTING_ORGANIZATION && !representingOrganizationId;
+    const [grouping, setGrouping] = useState(ModelCostGroupBy.CASE);
+    const [windowDays, setWindowDays] = useState(ModelCostBreakdownWindow.LAST_30_DAYS);
+    /** The last answer, with the window it was asked for: a summary only answers for the grouping AND window it was read for. */
+    const [held, setHeld] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [failure, setFailure] = useState(null);
+    useEffect(() => {
+        // A representing organization's view with no organization selected: nothing to ask for, and the panel says so.
+        if (awaitsOrganization) {
+            setFailure(null);
+            setLoading(false);
+            return;
+        }
+        let cancelled = false;
+        const to = new Date();
+        const from = new Date(to.getTime() - windowDays * 24 * 60 * 60_000);
+        setLoading(true);
+        setFailure(null);
+        getManualCallsHttpClient()
+            .summarizeModelCost({ from: from.toISOString(), to: to.toISOString(), groupBy: grouping, ...(representingOrganizationId ? { organizationId: representingOrganizationId } : {}) })
+            .then((result) => { if (!cancelled)
+            setHeld({ summary: result, windowDays, organizationId: representingOrganizationId }); })
+            .catch((caught) => {
+            if (cancelled)
+                return;
+            // The panel says it failed whatever the cause, so it never sits on "loading". A missing access window is a step
+            // the reader can take, named in the panel; any other backend error is then rethrown for the application's error
+            // surfacing.
+            if (isWildoBackendError(caught) && caught.customMessageReference === ErrorCustomMessageReference.AUTHORIZATIONS_APPLICATION_ACCESS_GRANT_REQUIRED) {
+                setFailure(ModelCostBreakdownFailure.ACCESS_GRANT_REQUIRED);
+                return;
+            }
+            setFailure(ModelCostBreakdownFailure.GENERIC);
+            if (isWildoBackendError(caught))
+                throw caught;
+        })
+            .finally(() => { if (!cancelled)
+            setLoading(false); });
+        return () => { cancelled = true; };
+    }, [grouping, windowDays, representingOrganizationId, awaitsOrganization]);
+    // A regroup or a new window keeps the previous answer until the new one arrives: that is loading, not "no calls", and
+    // the previous figures are not shown under the newly chosen tab or window (#2528 review L5).
+    // A summary answers for the organization it was read for too: a switch of organization shows loading, not the last one's.
+    const summary = held && held.windowDays === windowDays && held.summary.groupBy === grouping && held.organizationId === representingOrganizationId ? held.summary : null;
+    const groups = useMemo(() => summary?.groups ?? [], [summary]);
+    const awaiting = loading || summary === null;
+    if (!isReady)
+        return null;
+    const costOf = (group) => {
+        const amounts = group.totals.flatMap((total) => {
+            const amount = formatModelCostMinorUnits(total.costMinor, total.currency, formatNumber);
+            return amount === undefined ? [] : [amount];
+        });
+        return amounts.length > 0 ? amounts.join(', ') : t('noPricedCost');
+    };
+    const tokensOf = (group) => group.totals.reduce((sum, total) => sum + total.totalTokens, 0);
+    return (_jsxs("div", { className: "flex flex-col gap-section", children: [_jsx("h3", { className: "text-base font-semibold tracking-tight", children: t(scope === ModelCostBreakdownScope.REPRESENTING_ORGANIZATION ? 'representingPageTitle' : 'pageTitle') }), _jsx(Text, { className: "text-sm text-muted-foreground", children: t(scope === ModelCostBreakdownScope.REPRESENTING_ORGANIZATION ? 'representingPageDescription' : 'pageDescription') }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-section", children: [_jsx(Tabs, { value: grouping, onValueChange: (value) => setGrouping(value), children: _jsx(TabsList, { children: GROUPINGS.map((value) => (_jsx(TabsTrigger, { value: value, "data-ref": value, children: t(groupingLabelKey(value)) }, value))) }) }), _jsx("div", { className: "flex gap-element", role: "group", "aria-label": t('windowLabel'), children: WINDOWS.map((value) => (_jsx(Button, { size: ButtonSize.SM, variant: value === windowDays ? ButtonVariants_Variant.DEFAULT : ButtonVariants_Variant.OUTLINE, "aria-pressed": value === windowDays, onClick: () => setWindowDays(value), children: t(windowLabelKey(value)) }, value))) })] }), awaitsOrganization ? (_jsx(Text, { className: "text-sm text-muted-foreground", children: t('noOrganization') })) : failure ? (_jsx(Alert, { variant: failure === ModelCostBreakdownFailure.ACCESS_GRANT_REQUIRED ? 'default' : 'destructive', children: _jsx(AlertDescription, { children: t(failureLabelKey(failure)) }) })) : (_jsx(Card, { children: _jsxs(CardContent, { className: "flex flex-col gap-element p-card", children: [awaiting && groups.length === 0 ? (_jsx(Text, { className: "text-sm text-muted-foreground", children: t('loading') })) : groups.length === 0 ? (_jsx(Text, { className: "text-sm text-muted-foreground", children: t('empty') })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: t(groupingLabelKey(grouping)) }), _jsx(TableHead, { children: t('columnCost') }), _jsx(TableHead, { children: t('columnCalls') }), _jsx(TableHead, { children: t('columnUnpriced') }), _jsx(TableHead, { children: t('columnTokens') }), _jsx(TableHead, { children: t('columnClassifierCalls') }), _jsx(TableHead, { children: t('columnDocumentExtractionCalls') }), _jsx(TableHead, { children: t('columnPersonalDataWithheld') }), grouping === ModelCostGroupBy.CASE ? _jsx(TableHead, { children: t('columnDecisionTime') }) : null] }) }), _jsx(TableBody, { children: groups.map((group, index) => {
+                                        const key = modelCostGroupKey(group, grouping);
+                                        return (_jsxs(TableRow, { "data-model-cost-group": key ?? 'unattributed', children: [_jsx(TableCell, { className: key ? 'font-mono' : 'text-muted-foreground', children: key ?? t('unattributed') }), _jsx(TableCell, { className: "tabular-nums", children: costOf(group) }), _jsx(TableCell, { className: "tabular-nums", children: formatNumber(group.callCount) }), _jsx(TableCell, { className: "tabular-nums", children: formatNumber(group.unpricedCallCount) }), _jsx(TableCell, { className: "tabular-nums", children: formatNumber(tokensOf(group)) }), _jsx(TableCell, { className: "tabular-nums", children: formatNumber(group.classifierCallCount) }), _jsx(TableCell, { className: "tabular-nums", children: formatNumber(group.documentExtractionCallCount) }), _jsx(TableCell, { className: "tabular-nums", children: formatNumber(group.personalDataFieldsWithheld) }), grouping === ModelCostGroupBy.CASE ? (_jsx(TableCell, { children: group.decisionTime ? t(decisionTimeLabelKey(group.decisionTime.availability), decisionTimeParams(group.decisionTime)) : null })) : null] }, key ?? `unattributed-${index}`));
+                                    }) })] })), summary && summary.unattributedCallCount > 0 ? (_jsx(Text, { className: "text-xs text-muted-foreground", children: t('windowUnattributed', { count: summary.unattributedCallCount }) })) : null, summary && summary.unpricedCallCount > 0 ? (_jsx(Text, { className: "text-xs text-muted-foreground", children: t('windowUnpriced', { count: summary.unpricedCallCount }) })) : null] }) }))] }));
+};
+//# sourceMappingURL=AppPage_ModelCostBreakdownSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppPage_ModelCostBreakdownSettings.js","sourceRoot":"","sources":["../../../../../src/components/settings/AppPage_ModelCostBreakdownSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * AppPage_ModelCostBreakdownSettings — what model calls cost, in two places (#2528, #2618):\n *\n * - {@link ModelCostBreakdownScope.APPLICATION}: the Breakdown tab of Administration > Model costs. Every tenant's calls,\n *   read by the application's model-cost readers (the super-administrator and the billing manager); where the parties are\n *   independent of the operator that read also needs a live application access grant.\n * - {@link ModelCostBreakdownScope.REPRESENTING_ORGANIZATION}: the Model cost tab of the representing side's relationships\n *   section. A representing organization's OWN calls, read by its administrator: its calls through the relationships it\n *   represents in, and its own tenant's own calls.\n *\n * It calls `POST /model-cost/summary` (naming the current organization for a representing organization) over a window, per case,\n * organization, agent or model, IN MONEY, and renders each group's cost per currency from its minor units, with its\n * calls and tokens, and for a case the people's review time (its own people's, for a representing organization).\n *\n * Two counts are shown beside the totals and never folded into them, because they are what makes a total honest: the\n * calls a group made that have no price (no cost to add), and, under the table, the calls in the window that belong to\n * no piece of work and the calls nobody priced. A cost per case that silently dropped them would look complete and be\n * low.\n *\n * Bespoke rather than a resource surface because the breakdown is not a row: it is computed on request from the call\n * records. The monthly records it is reconciled against are the tab beside it.\n *\n * i18n: every word is a key in `AppPage_ModelCostBreakdownSettings.labels.ts`. A group's identity (a case id, an\n * organization id, an agent ref, a model name) is a value, shown as it is.\n */\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { ButtonSize, FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport {\n  ErrorCustomMessageReference,\n  DecisionTimeAvailability,\n  ModelCostGroupBy,\n  isWildoBackendError,\n  type ModelCostDecisionTime,\n  type ModelCostSummary,\n  type ModelCostSummaryGroup,\n} from '@wildo-ai/saas-models';\nimport { Card, CardContent } from '~wildo-frontend-lib/components/sections/card';\nimport { Tabs, TabsList, TabsTrigger } from '~wildo-frontend-lib/components/sections/tabs';\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '~wildo-frontend-lib/components/sections/table';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { Text } from '~wildo-frontend-lib/components/typography/text';\nimport { Alert, AlertDescription } from '~wildo-frontend-lib/components/overlays/containers/alert';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useUserOrgs } from '~wildo-frontend-lib/core/security/useUserOrgs';\nimport { formatModelCostMinorUnits } from '~wildo-frontend-lib/core/flows-actors/model-cost-money.frontend.utils';\nimport { getManualCallsHttpClient } from '~wildo-frontend-lib/core/requests/wildo-http-client-manual-calls.frontend.service';\n\nconst COMPONENT = FrontendComponentType.APP_LAYOUTS_MODEL_COST_BREAKDOWN_SETTINGS;\n\n/** Whose model cost the panel shows (#2618). Passed explicitly at each mount, so the call site says whose cost it is. */\nexport enum ModelCostBreakdownScope {\n  /** Every tenant's, for the application's model-cost readers. */\n  APPLICATION = 'application',\n  /** The current organization's own, for a representing organization's administrator. */\n  REPRESENTING_ORGANIZATION = 'representing-organization',\n}\n\n/** The windows the panel offers, in days; each within the route's `MODEL_COST_SUMMARY_MAX_WINDOW_DAYS` (366). */\nexport enum ModelCostBreakdownWindow {\n  LAST_30_DAYS = 30,\n  LAST_90_DAYS = 90,\n  LAST_365_DAYS = 365,\n}\nconst WINDOWS: readonly ModelCostBreakdownWindow[] = [\n  ModelCostBreakdownWindow.LAST_30_DAYS,\n  ModelCostBreakdownWindow.LAST_90_DAYS,\n  ModelCostBreakdownWindow.LAST_365_DAYS,\n];\nconst GROUPINGS: readonly ModelCostGroupBy[] = Object.values(ModelCostGroupBy);\n\n/**\n * Why the breakdown could not be shown (#2618). One refusal has a remedy the reader can act on: an application reader\n * asking for cases across parties independent of the operator needs an access window a second administrator\n * approved. That is not an error to report but a step to name, so it is told apart from every other failure.\n */\nexport enum ModelCostBreakdownFailure {\n  /** The read failed for any other reason; the backend error is surfaced as well. */\n  GENERIC = 'generic',\n  /** The read needs a live application access grant: per-case cost across independent parties is their margin. */\n  ACCESS_GRANT_REQUIRED = 'accessGrantRequired',\n}\n\n/** The label key of a failure's message. One key per `ModelCostBreakdownFailure` member. */\nexport function failureLabelKey(failure: ModelCostBreakdownFailure): string {\n  return failure === ModelCostBreakdownFailure.ACCESS_GRANT_REQUIRED ? 'errorAccessGrantRequired' : 'errorGeneric';\n}\n\n/** The label key of a grouping's tab and column heading. One key per `ModelCostGroupBy` member. */\nexport function groupingLabelKey(grouping: ModelCostGroupBy): string {\n  return `groupBy_${grouping}`;\n}\n/** The label key of a window button. One key per `ModelCostBreakdownWindow` member. */\nexport function windowLabelKey(window: ModelCostBreakdownWindow): string {\n  return `window_${window}`;\n}\n/** The label key of a case's decision time. One key per `DecisionTimeAvailability` member. */\nexport function decisionTimeLabelKey(availability: DecisionTimeAvailability): string {\n  return `decisionTime_${availability}`;\n}\n\n/** The group's identity under the chosen grouping, or `undefined` when its calls carried none. */\nexport function modelCostGroupKey(group: ModelCostSummaryGroup, grouping: ModelCostGroupBy): string | undefined {\n  switch (grouping) {\n    case ModelCostGroupBy.CASE:\n      return group.key.caseRef ? `${group.key.caseRef.resourceType} · ${group.key.caseRef.resourceId}` : undefined;\n    case ModelCostGroupBy.ORGANIZATION:\n      return group.key.organizationId;\n    case ModelCostGroupBy.AGENT:\n      return group.key.agentRef;\n    case ModelCostGroupBy.MODEL:\n      return group.key.model ? [group.key.provider, group.key.model].filter(Boolean).join(' · ') : undefined;\n  }\n}\n\n/** A case's review time as the words' parameters: the decisions, and the minutes rounded. `undefined` when not joined. */\nexport function decisionTimeParams(decisionTime: ModelCostDecisionTime): Record<string, number> | undefined {\n  if (decisionTime.availability !== DecisionTimeAvailability.JOINED) return undefined;\n  return { decisions: decisionTime.decisionCount ?? 0, minutes: Math.round((decisionTime.reviewDurationMs ?? 0) / 60_000) };\n}\n\nexport const AppPage_ModelCostBreakdownSettings: React.FC<{ readonly scope: ModelCostBreakdownScope }> = ({ scope }) => {\n  const { tComponent, isReady, formatNumber } = useI18n({ component: COMPONENT });\n  const t = useCallback((key: string, params?: Record<string, string | number>) => tComponent(COMPONENT, key, params), [tComponent]);\n  const { currentOrganizationId } = useUserOrgs();\n  /** The representing organization the summary is asked for; `undefined` for the application's own view. */\n  const representingOrganizationId = scope === ModelCostBreakdownScope.REPRESENTING_ORGANIZATION ? currentOrganizationId ?? undefined : undefined;\n  const awaitsOrganization = scope === ModelCostBreakdownScope.REPRESENTING_ORGANIZATION && !representingOrganizationId;\n\n  const [grouping, setGrouping] = useState<ModelCostGroupBy>(ModelCostGroupBy.CASE);\n  const [windowDays, setWindowDays] = useState<ModelCostBreakdownWindow>(ModelCostBreakdownWindow.LAST_30_DAYS);\n  /** The last answer, with the window it was asked for: a summary only answers for the grouping AND window it was read for. */\n  const [held, setHeld] = useState<{ readonly summary: ModelCostSummary; readonly windowDays: ModelCostBreakdownWindow; readonly organizationId: string | undefined } | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [failure, setFailure] = useState<ModelCostBreakdownFailure | null>(null);\n\n  useEffect(() => {\n    // A representing organization's view with no organization selected: nothing to ask for, and the panel says so.\n    if (awaitsOrganization) {\n      setFailure(null);\n      setLoading(false);\n      return;\n    }\n    let cancelled = false;\n    const to = new Date();\n    const from = new Date(to.getTime() - windowDays * 24 * 60 * 60_000);\n    setLoading(true);\n    setFailure(null);\n    getManualCallsHttpClient()\n      .summarizeModelCost({ from: from.toISOString(), to: to.toISOString(), groupBy: grouping, ...(representingOrganizationId ? { organizationId: representingOrganizationId } : {}) })\n      .then((result) => { if (!cancelled) setHeld({ summary: result, windowDays, organizationId: representingOrganizationId }); })\n      .catch((caught: unknown) => {\n        if (cancelled) return;\n        // The panel says it failed whatever the cause, so it never sits on \"loading\". A missing access window is a step\n        // the reader can take, named in the panel; any other backend error is then rethrown for the application's error\n        // surfacing.\n        if (isWildoBackendError(caught) && caught.customMessageReference === ErrorCustomMessageReference.AUTHORIZATIONS_APPLICATION_ACCESS_GRANT_REQUIRED) {\n          setFailure(ModelCostBreakdownFailure.ACCESS_GRANT_REQUIRED);\n          return;\n        }\n        setFailure(ModelCostBreakdownFailure.GENERIC);\n        if (isWildoBackendError(caught)) throw caught;\n      })\n      .finally(() => { if (!cancelled) setLoading(false); });\n    return () => { cancelled = true; };\n  }, [grouping, windowDays, representingOrganizationId, awaitsOrganization]);\n\n  // A regroup or a new window keeps the previous answer until the new one arrives: that is loading, not \"no calls\", and\n  // the previous figures are not shown under the newly chosen tab or window (#2528 review L5).\n  // A summary answers for the organization it was read for too: a switch of organization shows loading, not the last one's.\n  const summary = held && held.windowDays === windowDays && held.summary.groupBy === grouping && held.organizationId === representingOrganizationId ? held.summary : null;\n  const groups = useMemo(() => summary?.groups ?? [], [summary]);\n  const awaiting = loading || summary === null;\n\n  if (!isReady) return null;\n\n  const costOf = (group: ModelCostSummaryGroup): string => {\n    const amounts = group.totals.flatMap((total) => {\n      const amount = formatModelCostMinorUnits(total.costMinor, total.currency, formatNumber);\n      return amount === undefined ? [] : [amount];\n    });\n    return amounts.length > 0 ? amounts.join(', ') : t('noPricedCost');\n  };\n  const tokensOf = (group: ModelCostSummaryGroup): number => group.totals.reduce((sum, total) => sum + total.totalTokens, 0);\n\n  return (\n    <div className=\"flex flex-col gap-section\">\n      <h3 className=\"text-base font-semibold tracking-tight\">{t(scope === ModelCostBreakdownScope.REPRESENTING_ORGANIZATION ? 'representingPageTitle' : 'pageTitle')}</h3>\n      <Text className=\"text-sm text-muted-foreground\">{t(scope === ModelCostBreakdownScope.REPRESENTING_ORGANIZATION ? 'representingPageDescription' : 'pageDescription')}</Text>\n\n      <div className=\"flex flex-wrap items-center justify-between gap-section\">\n        <Tabs value={grouping} onValueChange={(value) => setGrouping(value as ModelCostGroupBy)}>\n          <TabsList>\n            {GROUPINGS.map((value) => (\n              <TabsTrigger key={value} value={value} data-ref={value}>{t(groupingLabelKey(value))}</TabsTrigger>\n            ))}\n          </TabsList>\n        </Tabs>\n        <div className=\"flex gap-element\" role=\"group\" aria-label={t('windowLabel')}>\n          {WINDOWS.map((value) => (\n            <Button\n              key={value}\n              size={ButtonSize.SM}\n              variant={value === windowDays ? ButtonVariants_Variant.DEFAULT : ButtonVariants_Variant.OUTLINE}\n              aria-pressed={value === windowDays}\n              onClick={() => setWindowDays(value)}\n            >\n              {t(windowLabelKey(value))}\n            </Button>\n          ))}\n        </div>\n      </div>\n\n      {awaitsOrganization ? (\n        <Text className=\"text-sm text-muted-foreground\">{t('noOrganization')}</Text>\n      ) : failure ? (\n        <Alert variant={failure === ModelCostBreakdownFailure.ACCESS_GRANT_REQUIRED ? 'default' : 'destructive'}>\n          <AlertDescription>{t(failureLabelKey(failure))}</AlertDescription>\n        </Alert>\n      ) : (\n        <Card>\n          <CardContent className=\"flex flex-col gap-element p-card\">\n            {awaiting && groups.length === 0 ? (\n              <Text className=\"text-sm text-muted-foreground\">{t('loading')}</Text>\n            ) : groups.length === 0 ? (\n              <Text className=\"text-sm text-muted-foreground\">{t('empty')}</Text>\n            ) : (\n              <Table>\n                <TableHeader>\n                  <TableRow>\n                    <TableHead>{t(groupingLabelKey(grouping))}</TableHead>\n                    <TableHead>{t('columnCost')}</TableHead>\n                    <TableHead>{t('columnCalls')}</TableHead>\n                    <TableHead>{t('columnUnpriced')}</TableHead>\n                    <TableHead>{t('columnTokens')}</TableHead>\n                    <TableHead>{t('columnClassifierCalls')}</TableHead>\n                    <TableHead>{t('columnDocumentExtractionCalls')}</TableHead>\n                    <TableHead>{t('columnPersonalDataWithheld')}</TableHead>\n                    {grouping === ModelCostGroupBy.CASE ? <TableHead>{t('columnDecisionTime')}</TableHead> : null}\n                  </TableRow>\n                </TableHeader>\n                <TableBody>\n                  {groups.map((group, index) => {\n                    const key = modelCostGroupKey(group, grouping);\n                    return (\n                      <TableRow key={key ?? `unattributed-${index}`} data-model-cost-group={key ?? 'unattributed'}>\n                        <TableCell className={key ? 'font-mono' : 'text-muted-foreground'}>{key ?? t('unattributed')}</TableCell>\n                        <TableCell className=\"tabular-nums\">{costOf(group)}</TableCell>\n                        <TableCell className=\"tabular-nums\">{formatNumber(group.callCount)}</TableCell>\n                        <TableCell className=\"tabular-nums\">{formatNumber(group.unpricedCallCount)}</TableCell>\n                        <TableCell className=\"tabular-nums\">{formatNumber(tokensOf(group))}</TableCell>\n                        <TableCell className=\"tabular-nums\">{formatNumber(group.classifierCallCount)}</TableCell>\n                        <TableCell className=\"tabular-nums\">{formatNumber(group.documentExtractionCallCount)}</TableCell>\n                        <TableCell className=\"tabular-nums\">{formatNumber(group.personalDataFieldsWithheld)}</TableCell>\n                        {grouping === ModelCostGroupBy.CASE ? (\n                          <TableCell>\n                            {group.decisionTime ? t(decisionTimeLabelKey(group.decisionTime.availability), decisionTimeParams(group.decisionTime)) : null}\n                          </TableCell>\n                        ) : null}\n                      </TableRow>\n                    );\n                  })}\n                </TableBody>\n              </Table>\n            )}\n            {summary && summary.unattributedCallCount > 0 ? (\n              <Text className=\"text-xs text-muted-foreground\">{t('windowUnattributed', { count: summary.unattributedCallCount })}</Text>\n            ) : null}\n            {summary && summary.unpricedCallCount > 0 ? (\n              <Text className=\"text-xs text-muted-foreground\">{t('windowUnpriced', { count: summary.unpricedCallCount })}</Text>\n            ) : null}\n          </CardContent>\n        </Card>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/esm/components/settings/AppPage_ModelCostBreakdownSettings.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const AppLayoutsModelCostBreakdownSettingsLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=AppPage_ModelCostBreakdownSettings.labels.d.ts.map

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

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

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

@@ -0,0 +1,45 @@
+import { FrontendComponentType, LabelKind, registerComponentLabels, } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for the model-cost breakdown panel (#2528): keys + kind + per-key purpose. Statically
+// scanned by the dev companion to generate the `components.APP_LAYOUTS_MODEL_COST_BREAKDOWN_SETTINGS.*` bundle; NOT
+// imported at runtime, so it never ships in the browser bundle. Keep in lock-step with the keys the component reads via
+// `tComponent(APP_LAYOUTS_MODEL_COST_BREAKDOWN_SETTINGS, ...)`.
+//
+// One grouping word per `ModelCostGroupBy` member, one window word per `ModelCostBreakdownWindow` member and one
+// review-time sentence per `DecisionTimeAvailability` member, and one message per `ModelCostBreakdownFailure` member, as
+// literal refs (the scan reads literals). The `representing*` refs are the representing organization's own view of the panel.
+// `AppPage_ModelCostBreakdownSettings.test.tsx` holds the three totals.
+export const AppLayoutsModelCostBreakdownSettingsLabels = [
+    { ref: 'pageTitle', kind: LabelKind.HEADING, purpose: 'Heading of the panel showing what the application\'s calls to AI providers (model calls, content-safety checks, document text extractions) cost, broken down by case, organization, agent or model' },
+    { ref: 'pageDescription', kind: LabelKind.DESCRIPTION, purpose: 'One sentence under the heading: the cost of the calls to AI providers in the chosen period, in money, per group; calls that could not be tied to a case or priced are counted apart so the totals are not mistaken for complete' },
+    { ref: 'representingPageTitle', kind: LabelKind.HEADING, purpose: 'Heading of the panel showing what this organization\'s own calls to AI providers cost: the work its representatives and agents did in the organizations it works in through a relationship (for example the clients a service firm works for), and in its own organization' },
+    { ref: 'representingPageDescription', kind: LabelKind.DESCRIPTION, purpose: 'One sentence under the heading: the cost of this organization\'s own calls to AI providers in the chosen period, in money, per group (per case, per organization it worked in, per agent or per model); calls that could not be priced are counted apart' },
+    { ref: 'noOrganization', kind: LabelKind.EMPTY_STATE, purpose: 'Shown on an organization\'s own cost panel when no organization is selected, so there is no organization to show the cost of' },
+    { ref: 'groupBy_CASE', kind: LabelKind.LABEL, purpose: 'Tab and column heading: the cost per case (the record the work was for, e.g. a matter, a ticket or a month-end close)' },
+    { ref: 'groupBy_ORGANIZATION', kind: LabelKind.LABEL, purpose: 'Tab and column heading: the cost per organization the calls were made in (a customer organization, or an organization worked in through a relationship)' },
+    { ref: 'groupBy_AGENT', kind: LabelKind.LABEL, purpose: 'Tab and column heading: the cost per AI agent' },
+    { ref: 'groupBy_MODEL', kind: LabelKind.LABEL, purpose: 'Tab and column heading: the cost per AI model (its provider and model name)' },
+    { ref: 'windowLabel', kind: LabelKind.LABEL, purpose: 'Accessible name of the group of buttons choosing the time window' },
+    { ref: 'window_30', kind: LabelKind.BUTTON, purpose: 'Button: show the last 30 days' },
+    { ref: 'window_90', kind: LabelKind.BUTTON, purpose: 'Button: show the last 90 days' },
+    { ref: 'window_365', kind: LabelKind.BUTTON, purpose: 'Button: show the last 365 days' },
+    { ref: 'columnCost', kind: LabelKind.LABEL, purpose: 'Column heading: what the group\'s calls to AI providers cost, in money (one amount per currency): its model calls, content-safety checks and document text extractions' },
+    { ref: 'columnCalls', kind: LabelKind.LABEL, purpose: 'Column heading: how many model calls the group made' },
+    { ref: 'columnUnpriced', kind: LabelKind.LABEL, purpose: 'Column heading: how many of the group\'s calls to AI providers (of any kind) have no price, so are not in the cost' },
+    { ref: 'columnTokens', kind: LabelKind.LABEL, purpose: 'Column heading: how many tokens (units of text) the calls used in total' },
+    { ref: 'columnClassifierCalls', kind: LabelKind.LABEL, purpose: 'Column heading: how many content-safety checks were made (screening what others wrote for instructions aimed at the assistant, checking replies for harmful content); they are not model calls and are not in the token count, but they are billed and their cost is in the cost column' },
+    { ref: 'columnDocumentExtractionCalls', kind: LabelKind.LABEL, purpose: 'Column heading: how many documents had their text extracted (reading scanned or uploaded documents); they are not model calls and are not in the token count, but they are billed by the page and their cost is in the cost column' },
+    { ref: 'columnPersonalDataWithheld', kind: LabelKind.LABEL, purpose: 'Column heading: how many personal fields the assistant was sent a placeholder for instead of the value, under the personal-data protection in force; a count, never the values' },
+    { ref: 'columnDecisionTime', kind: LabelKind.LABEL, purpose: 'Column heading, per case: how much time reviewers spent deciding what the agents proposed for it (an estimate)' },
+    { ref: 'decisionTime_JOINED', kind: LabelKind.MESSAGE, purpose: 'Review time of a case: how many decisions reviewers took on the agents\' proposals, and the minutes between each proposal being shown and decided (an estimate of review effort, not a timesheet)', params: [{ key: 'decisions', meaning: 'How many decisions reviewers took on the case', isCount: true }, { key: 'minutes', meaning: 'Total review minutes, rounded' }] },
+    { ref: 'decisionTime_NOT_RECORDED', kind: LabelKind.MESSAGE, purpose: 'Shown instead of a review time for a case with no reviewer\'s decision recorded; it is unknown, which is not the same as zero' },
+    { ref: 'noPricedCost', kind: LabelKind.MESSAGE, purpose: 'Shown in the cost column when none of the group\'s calls has a price' },
+    { ref: 'unattributed', kind: LabelKind.LABEL, purpose: 'Shown for the group of calls that could not be tied to a case, organization, agent or model' },
+    { ref: 'windowUnattributed', kind: LabelKind.MESSAGE, purpose: 'Line under the table: how many calls in the period were made outside any piece of work, so are in no case\'s cost', params: [{ key: 'count', meaning: 'How many calls', isCount: true }] },
+    { ref: 'windowUnpriced', kind: LabelKind.MESSAGE, purpose: 'Line under the table: how many calls in the period have no price, so are in no cost', params: [{ key: 'count', meaning: 'How many calls', isCount: true }] },
+    { ref: 'loading', kind: LabelKind.MESSAGE, purpose: 'Shown while the breakdown is being computed' },
+    { ref: 'empty', kind: LabelKind.EMPTY_STATE, purpose: 'Shown when no model call was made in the period' },
+    { ref: 'errorGeneric', kind: LabelKind.MESSAGE, purpose: 'Generic error shown when the breakdown could not be loaded' },
+    { ref: 'errorAccessGrantRequired', kind: LabelKind.MESSAGE, purpose: 'Shown to an application administrator who asked for the cost per case where the organizations working through relationships are independent of the application\'s operator (for example independent firms serving their clients): per-case cost is each such organization\'s own data, such as a firm\'s margin, so reading it needs an access window that a second administrator approves (requested under Access grants); the totals per organization, agent and model need none' },
+];
+registerComponentLabels(FrontendComponentType.APP_LAYOUTS_MODEL_COST_BREAKDOWN_SETTINGS, AppLayoutsModelCostBreakdownSettingsLabels);
+//# sourceMappingURL=AppPage_ModelCostBreakdownSettings.labels.js.map