@eifi1/ui-kit 0.33.1 → 0.34.0

package/dist/admin/invitations-panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/admin/invitations-panel.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { FormEvent, ReactNode } from \"react\";\nimport { RefreshCw, Trash2, UserPlus } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport type { DateInput } from \"../lib/format\";\nimport { useKitLabels, useKitLocale } from \"../i18n/kit-labels\";\nimport { KIT_LANGUAGES, resolveLanguage } from \"../i18n/languages\";\nimport type { KitLanguageCode } from \"../i18n/languages\";\nimport { RoleChip } from \"../components/account-chips\";\nimport type { RoleVocabulary } from \"../components/account-chips\";\nimport { AlertBanner } from \"../components/alert-banner\";\nimport { Chip } from \"../components/chip\";\nimport type { ChipTone } from \"../components/chip\";\nimport { CopyButton } from \"../components/copy-button\";\nimport { LanguageSelect } from \"../components/language-select\";\nimport { SectionLabel, Caption } from \"../components/text\";\nimport { RowActions } from \"../components/row-actions\";\nimport { Button, Input, Select, Spinner } from \"../components/ui\";\nimport { COMMIT_EXCEPT_BILLING, useWriteLock } from \"../components/write-lock\";\nimport { hasMessage, settle, useDayText, usePersonLabel } from \"./admin-parts\";\nimport type { AdminPerson, MaybePromise } from \"./admin-parts\";\nimport { RoleSelect } from \"./role-select\";\n\n/**\n * Who is invited, and the form that invites (docs/user-admin-harmonization.md §5; auth\n * §4.4: a hashed one-time token, 14 days, an address with a role and a scope).\n *\n * Kurvenschmiede's `invitations-panel.tsx` with its parts made props: a form (the address,\n * a role from the app's vocabulary, an optional scope — a team, a company — the language\n * the invitation is written in, a note), then one row per invitation with its status, when\n * it was sent and until when it works, and resend / copy link / revoke.\n *\n * - **It assumes nothing about who invites.** Admins do, team managers into their team,\n *   kastlan's company admins into their company — and in keksdose ANY budget owner, from\n *   the budget's sharing (Marcel, 2026-10-07). So no word here says \"admin\"; the roles,\n *   the scopes and the callbacks are the app's, and so is the frame around it.\n * - **The address is someone else's.** No `+app` tag is offered (auth §4.5): a tag is\n *   the owner's own choice, made when they sign up.\n * - **The link is shown once.** The token is stored hashed, so the server can show a link\n *   only in the answer that minted it — on creation and on resend, and only while mail\n *   goes to the console (dev, a deploy without mail). The panel keeps such a link for as\n *   long as it is mounted and offers to copy it on its row; reloading the page loses it,\n *   and \"resend\" mints a new one. With the console backend the panel says so up front.\n * - **Revoked is optional.** An app that deletes the row instead (kastlan) never sends\n *   `revoked`; the status chip simply never says it (§5).\n *\n * It never sends a request: `onInvite`, `onResend` and `onRevoke` do.\n *\n * Under a write lock, inviting and resending are refused; a lapsed plan's lock (`kind:\n * \"billing\"`) still lets an invitation be revoked, since removing access is what a\n * lapsed plan allows (docs/billing-harmonization.md §12.13, §12.36). A demo lock refuses\n * all three.\n */\n\nexport type InvitationStatus = \"open\" | \"accepted\" | \"expired\" | \"revoked\";\n\n/** One row of `GET /admin/invitations` (§5), in the wire's own field names. */\nexport interface InvitationRow<R extends string = string> {\n  id: string | number;\n  email: string;\n  role?: R | null;\n  /** The scope's value — a team's or a company's id, matched against `scopes`. */\n  scope?: string | number | null;\n  note?: string | null;\n  /** The language it was written in. */\n  locale?: string | null;\n  /** Who sent it: a name, or the person. */\n  invited_by?: string | AdminPerson | null;\n  created_at: DateInput;\n  expires_at?: DateInput;\n  status: InvitationStatus;\n  /** The one-time link, while mail goes to the console — in the answer that minted it. */\n  link?: string | null;\n}\n\n/** What the form sends — `POST /admin/invitations {email, role, scope?, note?, locale}`. */\nexport interface InvitationDraft<R extends string = string> {\n  email: string;\n  /** Absent when the app offers no role choice (`roles` left out). */\n  role?: R;\n  scope?: string;\n  note?: string;\n  locale: KitLanguageCode;\n}\n\n/** What `onInvite` / `onResend` may answer, so the panel can keep a shown-once link. */\nexport interface InvitationSentAnswer {\n  /** The invitation the answer is about — `onInvite` needs it for the link to find its\n   *  row; `onResend` knows it already. */\n  id?: string | number;\n  /** The one-time link, while mail goes to the console. */\n  link?: string | null;\n  /** `false`: the invitation exists but the mail failed — say so, resend it. */\n  sent?: boolean;\n}\n\n/** A scope an invitation can carry. */\nexport interface InvitationScope {\n  value: string;\n  label: string;\n}\n\n/** The `invitations` namespace. */\nexport interface InvitationsLabels {\n  /** The form's address field. */\n  email: string;\n  /** Under it while what was typed is not an address. */\n  invalidEmail: string;\n  role: string;\n  /** The scope select's label — the app's word (\"Team\", \"Company\") goes over it. */\n  scope: string;\n  /** The scope select's empty choice. */\n  scopeNone: string;\n  /** The language select's label. */\n  language: string;\n  note: string;\n  /** The form's button. */\n  invite: string;\n  /** Heading over the rows. */\n  listTitle: string;\n  empty: string;\n  loading: string;\n  /** The status chip, per status. */\n  status: Record<InvitationStatus, string>;\n  /** \"Sent 6 Oct 2026\". */\n  sent: (date: string) => string;\n  /** \"Expires 20 Oct 2026\" — on an open invitation. */\n  expires: (date: string) => string;\n  /** \"by Ada Example\". */\n  invitedBy: (name: string) => string;\n  /** The resend button — \"Send ben@example.com a new link\". */\n  resend: (email: string) => string;\n  /** The copy button. */\n  copyLink: string;\n  /** The revoke button — \"Revoke the invitation for ben@example.com\". */\n  revoke: (email: string) => string;\n  /** Over everything while mail goes to the console. */\n  consoleHint: string;\n  /** Beside a link the answer carried with no row to put it on. */\n  linkReady: (email: string) => string;\n  /** The answer said the mail was not sent. */\n  notSent: (email: string) => string;\n  /** A rejected callback, unless `describeError` says better. */\n  failed: string;\n}\n\nexport const DEFAULT_INVITATIONS_LABELS: InvitationsLabels = {\n  email: \"Email address\",\n  invalidEmail: \"Enter a complete email address.\",\n  role: \"Role\",\n  scope: \"Scope\",\n  scopeNone: \"None\",\n  language: \"Language of the invitation\",\n  note: \"Note\",\n  invite: \"Invite\",\n  listTitle: \"Invitations\",\n  empty: \"Nobody has been invited yet.\",\n  loading: \"Loading…\",\n  status: { open: \"Open\", accepted: \"Accepted\", expired: \"Expired\", revoked: \"Revoked\" },\n  sent: (date) => `Sent ${date}`,\n  expires: (date) => `Expires ${date}`,\n  invitedBy: (name) => `by ${name}`,\n  resend: (email) => `Send ${email} a new link`,\n  copyLink: \"Copy invitation link\",\n  revoke: (email) => `Revoke the invitation for ${email}`,\n  consoleHint:\n    \"Mail isn’t sent on this server — it is written to the server log. Copy each invitation link from here and pass it on yourself: it is shown only once.\",\n  linkReady: (email) => `The invitation link for ${email}, shown only this once:`,\n  notSent: (email) => `${email} is invited, but the mail couldn’t be sent. Resend it.`,\n  failed: \"That didn’t work. Please try again.\",\n};\n\n/** The tone of each status. */\nconst STATUS_TONES: Readonly<Record<InvitationStatus, ChipTone>> = {\n  open: \"info\",\n  accepted: \"success\",\n  expired: \"warning\",\n  revoked: \"neutral\",\n};\n\nexport interface InvitationsPanelProps<R extends string = string> {\n  invitations: readonly InvitationRow<R>[];\n  /** The app's roles. Left out: no role choice, and no role chip on a row. */\n  roles?: RoleVocabulary<R>;\n  /** The roles an invitation may carry — Kurvenschmiede's member or customer. Default:\n   *  the whole vocabulary. One role: no choice is drawn, and it is sent. */\n  invitableRoles?: readonly R[];\n  /** The role the form starts with. Default: the first invitable one. */\n  defaultRole?: R;\n  /** The scopes an invitation may carry — teams, companies. Left out: no scope field. */\n  scopes?: readonly InvitationScope[];\n  /** A scope must be chosen (no \"None\"). */\n  scopeRequired?: boolean;\n  /** The languages offered. Default: all seven of the kit's. */\n  languages?: readonly KitLanguageCode[];\n  /** The language the form starts with. Default: the page's, resolved to `languages`. */\n  defaultLocale?: string;\n  /** The server's `mail_backend`. `\"console\"` draws the hint. */\n  mailBackend?: string | null;\n  /** Creates one (resolve to clear the form; reject to keep it and say why). Left out:\n   *  no form — a list someone may look at but not add to. */\n  onInvite?: (draft: InvitationDraft<R>) => MaybePromise<InvitationSentAnswer | void>;\n  /** Mints a new link and mails it. Left out: no resend button. */\n  onResend?: (invitation: InvitationRow<R>) => MaybePromise<InvitationSentAnswer | void>;\n  /** Revokes an open or an expired invitation (level `none`, §4.2: re-inviting undoes\n   *  it). An expired row can be resent, and since 0.31 also removed: in an app that\n   *  keeps the rows it would otherwise stay listed for good (Kurvenschmiede's 0.30\n   *  adoption). Left out: no revoke button. */\n  onRevoke?: (invitation: InvitationRow<R>) => MaybePromise;\n  /** The list is being fetched. */\n  loading?: boolean;\n  /** The app's words for a rejected callback. */\n  describeError?: (error: unknown) => ReactNode | undefined;\n  /** Over the form: who can be invited and what happens, in the app's words. */\n  intro?: ReactNode;\n  /** The list's visible heading. Default: the `listTitle` label. `null` leaves it out,\n   *  for a page whose card is already headed \"Invitations\" (Kurvenschmiede's 0.30\n   *  adoption); the list keeps the label as its accessible name either way. */\n  listTitle?: ReactNode | null;\n  className?: string;\n  labels?: Partial<InvitationsLabels>;\n}\n\n// Shape only — whether the address may be invited is the server's question.\nconst EMAIL_SHAPE = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n\nconst ALL_CODES: readonly KitLanguageCode[] = KIT_LANGUAGES.map((language) => language.code);\n\n/** A failed run, told apart from an answer of `undefined`. */\nconst FAILED = Symbol(\"failed\");\n\nexport function InvitationsPanel<R extends string = string>({\n  invitations,\n  roles,\n  invitableRoles,\n  defaultRole,\n  scopes,\n  scopeRequired = false,\n  languages = ALL_CODES,\n  defaultLocale,\n  mailBackend,\n  onInvite,\n  onResend,\n  onRevoke,\n  loading = false,\n  describeError,\n  intro,\n  listTitle,\n  className,\n  labels: labelsProp,\n}: InvitationsPanelProps<R>) {\n  const labels = useKitLabels(\"invitations\", DEFAULT_INVITATIONS_LABELS, labelsProp);\n  const kitLocale = useKitLocale();\n  const dayText = useDayText();\n  const nameOf = usePersonLabel();\n  const lock = useWriteLock();\n  const offered: readonly R[] = invitableRoles ?? (roles ? (Object.keys(roles) as R[]) : []);\n  const [email, setEmail] = useState(\"\");\n  const [invalid, setInvalid] = useState(false);\n  const [role, setRole] = useState<R | undefined>(defaultRole ?? offered[0]);\n  const [scope, setScope] = useState(\"\");\n  const [locale, setLocale] = useState<KitLanguageCode>(() =>\n    resolveLanguage([defaultLocale, kitLocale], languages),\n  );\n  const [note, setNote] = useState(\"\");\n  // One request at a time, for the whole panel; the key says which control spins.\n  const [busy, setBusy] = useState<string | null>(null);\n  const [failure, setFailure] = useState<ReactNode>(null);\n  const [notice, setNotice] = useState<ReactNode>(null);\n  // Links the answers carried, by invitation — shown once, kept while mounted.\n  const [links, setLinks] = useState<Record<string, string>>({});\n  // A link whose answer named no invitation: shown above the list instead.\n  const [looseLink, setLooseLink] = useState<{ email: string; link: string } | null>(null);\n\n  const run = async <T,>(key: string, call: () => MaybePromise<T>): Promise<T | void | typeof FAILED> => {\n    setBusy(key);\n    setFailure(null);\n    setNotice(null);\n    try {\n      return await settle(call);\n    } catch (error) {\n      const own = describeError?.(error);\n      setFailure(hasMessage(own) ? own : labels.failed);\n      return FAILED;\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  /** Keep what an answer carried: its link, and whether the mail went. */\n  const took = (answer: InvitationSentAnswer | void, address: string, id?: string | number) => {\n    if (!answer) return;\n    const key = answer.id ?? id;\n    if (answer.link) {\n      if (key !== undefined) setLinks((known) => ({ ...known, [String(key)]: answer.link as string }));\n      else setLooseLink({ email: address, link: answer.link });\n    }\n    if (answer.sent === false) setNotice(labels.notSent(address));\n  };\n\n  const address = email.trim();\n  const choosesRole = roles !== undefined && offered.length > 1;\n  const canInvite = onInvite !== undefined;\n\n  const submit = async (event: FormEvent) => {\n    event.preventDefault();\n    // Enter in a field is a commit too — the button's lock does not see it.\n    if (!onInvite || busy || lock.locked || address === \"\") return;\n    if (!EMAIL_SHAPE.test(address)) {\n      setInvalid(true);\n      return;\n    }\n    if (scopes && scopeRequired && scope === \"\") return;\n    const draft: InvitationDraft<R> = {\n      email: address,\n      locale,\n      ...(role !== undefined && roles !== undefined ? { role } : {}),\n      ...(scope !== \"\" ? { scope } : {}),\n      ...(note.trim() !== \"\" ? { note: note.trim() } : {}),\n    };\n    const answer = await run(\"invite\", () => onInvite(draft));\n    if (answer === FAILED) return;\n    took(answer, address);\n    setEmail(\"\");\n    setNote(\"\");\n  };\n\n  const scopeLabel = (value: InvitationRow[\"scope\"]) =>\n    value === null || value === undefined || value === \"\"\n      ? null\n      : (scopes?.find((s) => s.value === String(value))?.label ?? String(value));\n\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      {intro && <div className=\"text-sm text-[var(--text-secondary)]\">{intro}</div>}\n      {mailBackend === \"console\" && (\n        <AlertBanner tone=\"info\" size=\"sm\">\n          {labels.consoleHint}\n        </AlertBanner>\n      )}\n\n      {canInvite && (\n        <form noValidate onSubmit={submit} className=\"@container space-y-2\">\n          <div className=\"grid grid-cols-1 gap-2 @md:grid-cols-2\">\n            <Input\n              label={labels.email}\n              type=\"email\"\n              inputMode=\"email\"\n              autoComplete=\"off\"\n              autoCapitalize=\"none\"\n              spellCheck={false}\n              required\n              value={email}\n              error={invalid ? labels.invalidEmail : undefined}\n              data-private\n              onChange={(event) => {\n                setInvalid(false);\n                setEmail(event.target.value);\n              }}\n            />\n            {choosesRole && (\n              <RoleSelect<R>\n                label={labels.role}\n                value={role}\n                roles={roles}\n                offered={offered}\n                onChange={setRole}\n              />\n            )}\n            {scopes && scopes.length > 0 && (\n              <Select\n                label={labels.scope}\n                value={scope}\n                required={scopeRequired}\n                onChange={(event) => setScope(event.target.value)}\n              >\n                <option value=\"\" disabled={scopeRequired}>\n                  {labels.scopeNone}\n                </option>\n                {scopes.map((s) => (\n                  <option key={s.value} value={s.value}>\n                    {s.label}\n                  </option>\n                ))}\n              </Select>\n            )}\n            {languages.length > 1 && (\n              <LanguageSelect label={labels.language} codes={languages} value={locale} onChange={setLocale} />\n            )}\n            <Input\n              label={labels.note}\n              value={note}\n              maxLength={255}\n              onChange={(event) => setNote(event.target.value)}\n              className=\"@md:col-span-2\"\n            />\n          </div>\n          <div className=\"flex justify-end\">\n            <Button\n              type=\"submit\"\n              variant=\"brand\"\n              commit\n              pending={busy === \"invite\"}\n              disabled={busy !== null || address === \"\" || (scopeRequired && scopes !== undefined && scope === \"\")}\n            >\n              <UserPlus className=\"size-4\" aria-hidden />\n              {labels.invite}\n            </Button>\n          </div>\n        </form>\n      )}\n\n      {failure && (\n        <AlertBanner tone=\"danger\" size=\"sm\">\n          {failure}\n        </AlertBanner>\n      )}\n      {notice && (\n        <AlertBanner tone=\"warning\" size=\"sm\" onDismiss={() => setNotice(null)}>\n          {notice}\n        </AlertBanner>\n      )}\n      {looseLink && (\n        <AlertBanner tone=\"info\" size=\"sm\" onDismiss={() => setLooseLink(null)}>\n          <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n            <span data-private>{labels.linkReady(looseLink.email)}</span>\n            <code className=\"min-w-0 break-all text-xs\">{looseLink.link}</code>\n            <CopyButton size=\"xs\" text={looseLink.link} label={labels.copyLink} />\n          </div>\n        </AlertBanner>\n      )}\n\n      <div className=\"space-y-2\">\n        {listTitle !== null && <SectionLabel as=\"h4\">{listTitle ?? labels.listTitle}</SectionLabel>}\n        {loading && invitations.length === 0 ? (\n          <div className=\"flex justify-center py-3\">\n            <Spinner label={labels.loading} />\n          </div>\n        ) : invitations.length === 0 ? (\n          <Caption>{labels.empty}</Caption>\n        ) : (\n          <ul aria-label={labels.listTitle} className=\"divide-y divide-[var(--border)]\">\n            {invitations.map((invitation) => {\n              const key = String(invitation.id);\n              const link = invitation.link ?? links[key];\n              const open = invitation.status === \"open\";\n              const resendable = onResend && (open || invitation.status === \"expired\");\n              const revocable = onRevoke && (open || invitation.status === \"expired\");\n              const scopeText = scopeLabel(invitation.scope);\n              const by =\n                typeof invitation.invited_by === \"string\" ? invitation.invited_by : nameOf(invitation.invited_by);\n              const facts = [\n                dayText(invitation.created_at) && labels.sent(dayText(invitation.created_at)),\n                open && dayText(invitation.expires_at ?? null) && labels.expires(dayText(invitation.expires_at ?? null)),\n                by && labels.invitedBy(by),\n              ].filter(Boolean);\n              return (\n                <li key={key} data-status={invitation.status} className=\"py-2 first:pt-0 last:pb-0\">\n                  <div className=\"flex flex-wrap items-center justify-between gap-x-3 gap-y-1.5\">\n                    <div className=\"min-w-0 flex-1 basis-48 space-y-1\">\n                      <div data-private className=\"truncate-until-large text-sm font-medium text-[var(--text-primary)]\">\n                        {invitation.email}\n                      </div>\n                      <div className=\"flex flex-wrap items-center gap-1\">\n                        <Chip size=\"xs\" shape=\"square\" caps tone={STATUS_TONES[invitation.status]}>\n                          {labels.status[invitation.status]}\n                        </Chip>\n                        {roles && invitation.role && <RoleChip<R> value={invitation.role} roles={roles} size=\"xs\" />}\n                        {scopeText && (\n                          <Chip size=\"xs\" shape=\"square\">\n                            {scopeText}\n                          </Chip>\n                        )}\n                      </div>\n                      {(facts.length > 0 || invitation.note) && (\n                        <div className=\"text-xs text-[var(--text-muted)]\">\n                          {facts.join(\" · \")}\n                          {invitation.note && (\n                            <>\n                              {facts.length > 0 && \" · \"}\n                              <span data-private>{invitation.note}</span>\n                            </>\n                          )}\n                        </div>\n                      )}\n                    </div>\n                    {(link || resendable || revocable) && (\n                      <div className=\"ms-auto flex shrink-0 items-center gap-1\">\n                        {/* The copy stays its own icon: it says \"Copied\" where it was\n                            pressed, which a menu entry that closes cannot. */}\n                        {link && open && <CopyButton size=\"xs\" tone=\"muted\" text={link} label={labels.copyLink} />}\n                        {/* Resend and revoke are the row's actions (docs/text-size-\n                            harmonization.md §10.8): two icons at Normal, one \"⋯\" menu at\n                            Large, where both names as text (\"Send … a new link\") would\n                            not fit a phone's row beside the copy icon. */}\n                        <RowActions\n                          name={invitation.email}\n                          actions={[\n                            resendable && {\n                              key: \"resend\",\n                              label: labels.resend(invitation.email),\n                              icon: RefreshCw,\n                              commit: true,\n                              pending: busy === `resend:${key}`,\n                              disabled: busy !== null,\n                              onSelect: () =>\n                                void (async () => {\n                                  const answer = await run(`resend:${key}`, () => onResend(invitation));\n                                  if (answer !== FAILED) took(answer, invitation.email, invitation.id);\n                                })(),\n                            },\n                            revocable && {\n                              key: \"revoke\",\n                              label: labels.revoke(invitation.email),\n                              icon: Trash2,\n                              tone: \"danger\",\n                              // Removing access stays open under a lapsed plan (§12.36).\n                              commit: COMMIT_EXCEPT_BILLING,\n                              pending: busy === `revoke:${key}`,\n                              disabled: busy !== null,\n                              onSelect: () => void run(`revoke:${key}`, () => onRevoke(invitation)),\n                            },\n                          ]}\n                        />\n                      </div>\n                    )}\n                  </div>\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["address"]}
+{"version":3,"sources":["../../src/admin/invitations-panel.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { FormEvent, ReactNode } from \"react\";\nimport { RefreshCw, Trash2, UserPlus } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport type { DateInput } from \"../lib/format\";\nimport { useKitLabels, useKitLocale, type LabelOverride } from \"../i18n/kit-labels\";\nimport { KIT_LANGUAGES, resolveLanguage } from \"../i18n/languages\";\nimport type { KitLanguageCode } from \"../i18n/languages\";\nimport { RoleChip } from \"../components/account-chips\";\nimport type { RoleVocabulary } from \"../components/account-chips\";\nimport { AlertBanner } from \"../components/alert-banner\";\nimport { Chip } from \"../components/chip\";\nimport type { ChipTone } from \"../components/chip\";\nimport { CopyButton } from \"../components/copy-button\";\nimport { LanguageSelect } from \"../components/language-select\";\nimport { SectionLabel, Caption } from \"../components/text\";\nimport { RowActions } from \"../components/row-actions\";\nimport { Button } from \"../components/button\";\nimport { Input } from \"../components/input\";\nimport { Select } from \"../components/select\";\nimport { Spinner } from \"../components/spinner\";\nimport { COMMIT_EXCEPT_BILLING, useWriteLock } from \"../components/write-lock\";\nimport { settle, useDayText, usePersonLabel } from \"./admin-parts\";\nimport { hasContent } from \"../lib/presence\";\nimport type { AdminPerson, MaybePromise } from \"./admin-parts\";\nimport { RoleSelect } from \"./role-select\";\nimport { DEFAULT_INVITATIONS_LABELS } from \"./invitations-panel-labels\";\n\n/**\n * Who is invited, and the form that invites (docs/user-admin-harmonization.md §5; auth\n * §4.4: a hashed one-time token, 14 days, an address with a role and a scope).\n *\n * Kurvenschmiede's `invitations-panel.tsx` with its parts made props: a form (the address,\n * a role from the app's vocabulary, an optional scope — a team, a company — the language\n * the invitation is written in, a note), then one row per invitation with its status, when\n * it was sent and until when it works, and resend / copy link / revoke.\n *\n * - **It assumes nothing about who invites.** Admins do, team managers into their team,\n *   kastlan's company admins into their company — and in keksdose ANY budget owner, from\n *   the budget's sharing (Marcel, 2026-10-07). So no word here says \"admin\"; the roles,\n *   the scopes and the callbacks are the app's, and so is the frame around it.\n * - **The address is someone else's.** No `+app` tag is offered (auth §4.5): a tag is\n *   the owner's own choice, made when they sign up.\n * - **The link is shown once.** The token is stored hashed, so the server can show a link\n *   only in the answer that minted it — on creation and on resend, and only while mail\n *   goes to the console (dev, a deploy without mail). The panel keeps such a link for as\n *   long as it is mounted and offers to copy it on its row; reloading the page loses it,\n *   and \"resend\" mints a new one. With the console backend the panel says so up front.\n * - **Revoked is optional.** An app that deletes the row instead (kastlan) never sends\n *   `revoked`; the status chip simply never says it (§5).\n *\n * It never sends a request: `onInvite`, `onResend` and `onRevoke` do.\n *\n * Under a write lock, inviting and resending are refused; a lapsed plan's lock (`kind:\n * \"billing\"`) still lets an invitation be revoked, since removing access is what a\n * lapsed plan allows (docs/billing-harmonization.md §12.13, §12.36). A demo lock refuses\n * all three.\n */\n\nexport type InvitationStatus = \"open\" | \"accepted\" | \"expired\" | \"revoked\";\n\n/** One row of `GET /admin/invitations` (§5), in the wire's own field names. */\nexport interface InvitationRow<R extends string = string> {\n  id: string | number;\n  email: string;\n  role?: R | null;\n  /** The scope's value — a team's or a company's id, matched against `scopes`. */\n  scope?: string | number | null;\n  note?: string | null;\n  /** The language it was written in. */\n  locale?: string | null;\n  /** Who sent it: a name, or the person. */\n  invited_by?: string | AdminPerson | null;\n  created_at: DateInput;\n  expires_at?: DateInput;\n  status: InvitationStatus;\n  /** The one-time link, while mail goes to the console — in the answer that minted it. */\n  link?: string | null;\n}\n\n/** What the form sends — `POST /admin/invitations {email, role, scope?, note?, locale}`. */\nexport interface InvitationDraft<R extends string = string> {\n  email: string;\n  /** Absent when the app offers no role choice (`roles` left out). */\n  role?: R;\n  scope?: string;\n  note?: string;\n  locale: KitLanguageCode;\n}\n\n/** What `onInvite` / `onResend` may answer, so the panel can keep a shown-once link. */\nexport interface InvitationSentAnswer {\n  /** The invitation the answer is about — `onInvite` needs it for the link to find its\n   *  row; `onResend` knows it already. */\n  id?: string | number;\n  /** The one-time link, while mail goes to the console. */\n  link?: string | null;\n  /** `false`: the invitation exists but the mail failed — say so, resend it. */\n  sent?: boolean;\n}\n\n/** A scope an invitation can carry. */\nexport interface InvitationScope {\n  value: string;\n  label: string;\n}\n\n/** The `invitations` namespace. */\nexport interface InvitationsLabels {\n  /** The form's address field. */\n  email: string;\n  /** Under it while what was typed is not an address. */\n  invalidEmail: string;\n  role: string;\n  /** The scope select's label — the app's word (\"Team\", \"Company\") goes over it. */\n  scope: string;\n  /** The scope select's empty choice. */\n  scopeNone: string;\n  /** The language select's label. */\n  language: string;\n  note: string;\n  /** The form's button. */\n  invite: string;\n  /** Heading over the rows. */\n  listTitle: string;\n  empty: string;\n  loading: string;\n  /** The status chip, per status. */\n  status: Record<InvitationStatus, string>;\n  /** \"Sent 6 Oct 2026\". */\n  sent: (date: string) => string;\n  /** \"Expires 20 Oct 2026\" — on an open invitation. */\n  expires: (date: string) => string;\n  /** \"by Ada Example\". */\n  invitedBy: (name: string) => string;\n  /** The resend button — \"Send ben@example.com a new link\". */\n  resend: (email: string) => string;\n  /** The copy button. */\n  copyLink: string;\n  /** The revoke button — \"Revoke the invitation for ben@example.com\". */\n  revoke: (email: string) => string;\n  /** Over everything while mail goes to the console. */\n  consoleHint: string;\n  /** Beside a link the answer carried with no row to put it on. */\n  linkReady: (email: string) => string;\n  /** The answer said the mail was not sent. */\n  notSent: (email: string) => string;\n  /** A rejected callback, unless `describeError` says better. */\n  failed: string;\n}\n\n// Defined in ./invitations-panel-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_INVITATIONS_LABELS };\n\n/** The tone of each status. */\nconst STATUS_TONES: Readonly<Record<InvitationStatus, ChipTone>> = {\n  open: \"info\",\n  accepted: \"success\",\n  expired: \"warning\",\n  revoked: \"neutral\",\n};\n\nexport interface InvitationsPanelProps<R extends string = string> {\n  invitations: readonly InvitationRow<R>[];\n  /** The app's roles. Left out: no role choice, and no role chip on a row. */\n  roles?: RoleVocabulary<R>;\n  /** The roles an invitation may carry — Kurvenschmiede's member or customer. Default:\n   *  the whole vocabulary. One role: no choice is drawn, and it is sent. */\n  invitableRoles?: readonly R[];\n  /** The role the form starts with. Default: the first invitable one. */\n  defaultRole?: R;\n  /** The scopes an invitation may carry — teams, companies. Left out: no scope field. */\n  scopes?: readonly InvitationScope[];\n  /** A scope must be chosen (no \"None\"). */\n  scopeRequired?: boolean;\n  /** The languages offered. Default: all seven of the kit's. */\n  languages?: readonly KitLanguageCode[];\n  /** The language the form starts with. Default: the page's, resolved to `languages`. */\n  defaultLocale?: string;\n  /** The server's `mail_backend`. `\"console\"` draws the hint. */\n  mailBackend?: string | null;\n  /** Creates one (resolve to clear the form; reject to keep it and say why). Left out:\n   *  no form — a list someone may look at but not add to. */\n  onInvite?: (draft: InvitationDraft<R>) => MaybePromise<InvitationSentAnswer | void>;\n  /** Mints a new link and mails it. Left out: no resend button. */\n  onResend?: (invitation: InvitationRow<R>) => MaybePromise<InvitationSentAnswer | void>;\n  /** Revokes an open or an expired invitation (level `none`, §4.2: re-inviting undoes\n   *  it). An expired row can be resent, and since 0.31 also removed: in an app that\n   *  keeps the rows it would otherwise stay listed for good (Kurvenschmiede's 0.30\n   *  adoption). Left out: no revoke button. */\n  onRevoke?: (invitation: InvitationRow<R>) => MaybePromise;\n  /** The list is being fetched. */\n  loading?: boolean;\n  /** The app's words for a rejected callback. */\n  describeError?: (error: unknown) => ReactNode | undefined;\n  /** Over the form: who can be invited and what happens, in the app's words. */\n  intro?: ReactNode;\n  /** The list's visible heading. Default: the `listTitle` label. `null` leaves it out,\n   *  for a page whose card is already headed \"Invitations\" (Kurvenschmiede's 0.30\n   *  adoption); the list keeps the label as its accessible name either way. */\n  listTitle?: ReactNode | null;\n  className?: string;\n  labels?: LabelOverride<InvitationsLabels>;\n}\n\n// Shape only — whether the address may be invited is the server's question.\nconst EMAIL_SHAPE = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n\nconst ALL_CODES: readonly KitLanguageCode[] = KIT_LANGUAGES.map((language) => language.code);\n\n/** A failed run, told apart from an answer of `undefined`. */\nconst FAILED = Symbol(\"failed\");\n\nexport function InvitationsPanel<R extends string = string>({\n  invitations,\n  roles,\n  invitableRoles,\n  defaultRole,\n  scopes,\n  scopeRequired = false,\n  languages = ALL_CODES,\n  defaultLocale,\n  mailBackend,\n  onInvite,\n  onResend,\n  onRevoke,\n  loading = false,\n  describeError,\n  intro,\n  listTitle,\n  className,\n  labels: labelsProp,\n}: InvitationsPanelProps<R>) {\n  const labels = useKitLabels(\"invitations\", DEFAULT_INVITATIONS_LABELS, labelsProp);\n  const kitLocale = useKitLocale();\n  const dayText = useDayText();\n  const nameOf = usePersonLabel();\n  const lock = useWriteLock();\n  const offered: readonly R[] = invitableRoles ?? (roles ? (Object.keys(roles) as R[]) : []);\n  const [email, setEmail] = useState(\"\");\n  const [invalid, setInvalid] = useState(false);\n  const [role, setRole] = useState<R | undefined>(defaultRole ?? offered[0]);\n  const [scope, setScope] = useState(\"\");\n  const [locale, setLocale] = useState<KitLanguageCode>(() =>\n    resolveLanguage([defaultLocale, kitLocale], languages),\n  );\n  const [note, setNote] = useState(\"\");\n  // One request at a time, for the whole panel; the key says which control spins.\n  const [busy, setBusy] = useState<string | null>(null);\n  const [failure, setFailure] = useState<ReactNode>(null);\n  const [notice, setNotice] = useState<ReactNode>(null);\n  // Links the answers carried, by invitation — shown once, kept while mounted.\n  const [links, setLinks] = useState<Record<string, string>>({});\n  // A link whose answer named no invitation: shown above the list instead.\n  const [looseLink, setLooseLink] = useState<{ email: string; link: string } | null>(null);\n\n  const run = async <T,>(key: string, call: () => MaybePromise<T>): Promise<T | void | typeof FAILED> => {\n    setBusy(key);\n    setFailure(null);\n    setNotice(null);\n    try {\n      return await settle(call);\n    } catch (error) {\n      const own = describeError?.(error);\n      setFailure(hasContent(own) ? own : labels.failed);\n      return FAILED;\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  /** Keep what an answer carried: its link, and whether the mail went. */\n  const took = (answer: InvitationSentAnswer | void, address: string, id?: string | number) => {\n    if (!answer) return;\n    const key = answer.id ?? id;\n    if (answer.link) {\n      if (key !== undefined) setLinks((known) => ({ ...known, [String(key)]: answer.link as string }));\n      else setLooseLink({ email: address, link: answer.link });\n    }\n    if (answer.sent === false) setNotice(labels.notSent(address));\n  };\n\n  const address = email.trim();\n  const choosesRole = roles !== undefined && offered.length > 1;\n  const canInvite = onInvite !== undefined;\n\n  const submit = async (event: FormEvent) => {\n    event.preventDefault();\n    // Enter in a field is a commit too — the button's lock does not see it.\n    if (!onInvite || busy || lock.locked || address === \"\") return;\n    if (!EMAIL_SHAPE.test(address)) {\n      setInvalid(true);\n      return;\n    }\n    if (scopes && scopeRequired && scope === \"\") return;\n    const draft: InvitationDraft<R> = {\n      email: address,\n      locale,\n      ...(role !== undefined && roles !== undefined ? { role } : {}),\n      ...(scope !== \"\" ? { scope } : {}),\n      ...(note.trim() !== \"\" ? { note: note.trim() } : {}),\n    };\n    const answer = await run(\"invite\", () => onInvite(draft));\n    if (answer === FAILED) return;\n    took(answer, address);\n    setEmail(\"\");\n    setNote(\"\");\n  };\n\n  const scopeLabel = (value: InvitationRow[\"scope\"]) =>\n    value === null || value === undefined || value === \"\"\n      ? null\n      : (scopes?.find((s) => s.value === String(value))?.label ?? String(value));\n\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      {intro && <div className=\"text-sm text-secondary\">{intro}</div>}\n      {mailBackend === \"console\" && (\n        <AlertBanner tone=\"info\" size=\"sm\">\n          {labels.consoleHint}\n        </AlertBanner>\n      )}\n\n      {canInvite && (\n        <form noValidate onSubmit={submit} className=\"@container space-y-2\">\n          <div className=\"grid grid-cols-1 gap-2 @md:grid-cols-2\">\n            <Input\n              label={labels.email}\n              type=\"email\"\n              inputMode=\"email\"\n              autoComplete=\"off\"\n              autoCapitalize=\"none\"\n              spellCheck={false}\n              required\n              value={email}\n              error={invalid ? labels.invalidEmail : undefined}\n              data-private\n              onChange={(event) => {\n                setInvalid(false);\n                setEmail(event.target.value);\n              }}\n            />\n            {choosesRole && (\n              <RoleSelect<R>\n                label={labels.role}\n                value={role}\n                roles={roles}\n                offered={offered}\n                onChange={setRole}\n              />\n            )}\n            {scopes && scopes.length > 0 && (\n              <Select\n                label={labels.scope}\n                value={scope}\n                required={scopeRequired}\n                onChange={(event) => setScope(event.target.value)}\n              >\n                <option value=\"\" disabled={scopeRequired}>\n                  {labels.scopeNone}\n                </option>\n                {scopes.map((s) => (\n                  <option key={s.value} value={s.value}>\n                    {s.label}\n                  </option>\n                ))}\n              </Select>\n            )}\n            {languages.length > 1 && (\n              <LanguageSelect label={labels.language} codes={languages} value={locale} onChange={setLocale} />\n            )}\n            <Input\n              label={labels.note}\n              value={note}\n              maxLength={255}\n              onChange={(event) => setNote(event.target.value)}\n              className=\"@md:col-span-2\"\n            />\n          </div>\n          <div className=\"flex justify-end\">\n            <Button\n              type=\"submit\"\n              variant=\"brand\"\n              commit\n              pending={busy === \"invite\"}\n              disabled={busy !== null || address === \"\" || (scopeRequired && scopes !== undefined && scope === \"\")}\n            >\n              <UserPlus className=\"size-4\" aria-hidden />\n              {labels.invite}\n            </Button>\n          </div>\n        </form>\n      )}\n\n      {failure && (\n        <AlertBanner tone=\"danger\" size=\"sm\">\n          {failure}\n        </AlertBanner>\n      )}\n      {notice && (\n        <AlertBanner tone=\"warning\" size=\"sm\" onDismiss={() => setNotice(null)}>\n          {notice}\n        </AlertBanner>\n      )}\n      {looseLink && (\n        <AlertBanner tone=\"info\" size=\"sm\" onDismiss={() => setLooseLink(null)}>\n          <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n            <span data-private>{labels.linkReady(looseLink.email)}</span>\n            <code className=\"min-w-0 break-all text-xs\">{looseLink.link}</code>\n            <CopyButton size=\"xs\" text={looseLink.link} label={labels.copyLink} />\n          </div>\n        </AlertBanner>\n      )}\n\n      <div className=\"space-y-2\">\n        {listTitle !== null && <SectionLabel as=\"h4\">{listTitle ?? labels.listTitle}</SectionLabel>}\n        {loading && invitations.length === 0 ? (\n          <div className=\"flex justify-center py-3\">\n            <Spinner label={labels.loading} />\n          </div>\n        ) : invitations.length === 0 ? (\n          <Caption>{labels.empty}</Caption>\n        ) : (\n          <ul aria-label={labels.listTitle} className=\"divide-y divide-subtle\">\n            {invitations.map((invitation) => {\n              const key = String(invitation.id);\n              const link = invitation.link ?? links[key];\n              const open = invitation.status === \"open\";\n              const resendable = onResend && (open || invitation.status === \"expired\");\n              const revocable = onRevoke && (open || invitation.status === \"expired\");\n              const scopeText = scopeLabel(invitation.scope);\n              const by =\n                typeof invitation.invited_by === \"string\" ? invitation.invited_by : nameOf(invitation.invited_by);\n              const facts = [\n                dayText(invitation.created_at) && labels.sent(dayText(invitation.created_at)),\n                open && dayText(invitation.expires_at ?? null) && labels.expires(dayText(invitation.expires_at ?? null)),\n                by && labels.invitedBy(by),\n              ].filter(Boolean);\n              return (\n                <li key={key} data-status={invitation.status} className=\"py-2 first:pt-0 last:pb-0\">\n                  <div className=\"flex flex-wrap items-center justify-between gap-x-3 gap-y-1.5\">\n                    <div className=\"min-w-0 flex-1 basis-48 space-y-1\">\n                      <div data-private className=\"truncate-until-large text-sm font-medium text-primary\">\n                        {invitation.email}\n                      </div>\n                      <div className=\"flex flex-wrap items-center gap-1\">\n                        <Chip size=\"xs\" shape=\"square\" caps tone={STATUS_TONES[invitation.status]}>\n                          {labels.status[invitation.status]}\n                        </Chip>\n                        {roles && invitation.role && <RoleChip<R> value={invitation.role} roles={roles} size=\"xs\" />}\n                        {scopeText && (\n                          <Chip size=\"xs\" shape=\"square\">\n                            {scopeText}\n                          </Chip>\n                        )}\n                      </div>\n                      {(facts.length > 0 || invitation.note) && (\n                        <div className=\"text-xs text-muted\">\n                          {facts.join(\" · \")}\n                          {invitation.note && (\n                            <>\n                              {facts.length > 0 && \" · \"}\n                              <span data-private>{invitation.note}</span>\n                            </>\n                          )}\n                        </div>\n                      )}\n                    </div>\n                    {(link || resendable || revocable) && (\n                      <div className=\"ms-auto flex shrink-0 items-center gap-1\">\n                        {/* The copy stays its own icon: it says \"Copied\" where it was\n                            pressed, which a menu entry that closes cannot. */}\n                        {link && open && <CopyButton size=\"xs\" tone=\"muted\" text={link} label={labels.copyLink} />}\n                        {/* Resend and revoke are the row's actions (docs/text-size-\n                            harmonization.md §10.8): two icons at Normal, one \"⋯\" menu at\n                            Large, where both names as text (\"Send … a new link\") would\n                            not fit a phone's row beside the copy icon. */}\n                        <RowActions\n                          name={invitation.email}\n                          actions={[\n                            resendable && {\n                              key: \"resend\",\n                              label: labels.resend(invitation.email),\n                              icon: RefreshCw,\n                              commit: true,\n                              pending: busy === `resend:${key}`,\n                              disabled: busy !== null,\n                              onSelect: () =>\n                                void (async () => {\n                                  const answer = await run(`resend:${key}`, () => onResend(invitation));\n                                  if (answer !== FAILED) took(answer, invitation.email, invitation.id);\n                                })(),\n                            },\n                            revocable && {\n                              key: \"revoke\",\n                              label: labels.revoke(invitation.email),\n                              icon: Trash2,\n                              tone: \"danger\",\n                              // Removing access stays open under a lapsed plan (§12.36).\n                              commit: COMMIT_EXCEPT_BILLING,\n                              pending: busy === `revoke:${key}`,\n                              disabled: busy !== null,\n                              onSelect: () => void run(`revoke:${key}`, () => onRevoke(invitation)),\n                            },\n                          ]}\n                        />\n                      </div>\n                    )}\n                  </div>\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["address"]}

package/dist/admin/plan-change-labels.d.ts

@@ -0,0 +1,2 @@
+import type { PlanChangeLabels } from "./plan-change.js";
+export declare const DEFAULT_PLAN_CHANGE_LABELS: PlanChangeLabels;

package/dist/admin/plan-change-labels.js

@@ -0,0 +1,22 @@
+"use client";
+const DEFAULT_PLAN_CHANGE_LABELS = {
+  column: "Plan",
+  title: "Change plan",
+  confirm: "Change plan",
+  plan: "Plan",
+  current: (plan) => `Current plan: ${plan}`,
+  keepsItems: "A smaller plan only blocks creating more; nothing is deleted.",
+  until: "Free until",
+  untilHint: "Leave empty for no end. A running beta keeps its own end.",
+  needsChange: "Pick another plan or an end date.",
+  changed: (from, to) => `Plan changed from ${from} to ${to}.`,
+  set: (to) => `Plan set to ${to}.`,
+  keptBeta: "The beta keeps its end; only the plan changed.",
+  untilDone: (date) => `Free until ${date}.`,
+  overLimit: "Above the new plan\u2019s limit: nothing is removed, new items are blocked.",
+  usageOf: (used, limit, dimension) => `${used} of ${limit} ${dimension}`
+};
+export {
+  DEFAULT_PLAN_CHANGE_LABELS
+};
+//# sourceMappingURL=plan-change-labels.js.map

package/dist/admin/plan-change-labels.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/admin/plan-change-labels.ts"],"sourcesContent":["// The English words of ./plan-change, in a module with no component code: the English\n// catalogue (src/i18n/defaults.ts) imports them without the component, so `en` loads as one\n// chunk like the other languages (0.34, KS U8). ./plan-change re-exports them.\n\nimport type { PlanChangeLabels } from \"./plan-change\";\n\nexport const DEFAULT_PLAN_CHANGE_LABELS: PlanChangeLabels = {\n  column: \"Plan\",\n  title: \"Change plan\",\n  confirm: \"Change plan\",\n  plan: \"Plan\",\n  current: (plan) => `Current plan: ${plan}`,\n  keepsItems: \"A smaller plan only blocks creating more; nothing is deleted.\",\n  until: \"Free until\",\n  untilHint: \"Leave empty for no end. A running beta keeps its own end.\",\n  needsChange: \"Pick another plan or an end date.\",\n  changed: (from, to) => `Plan changed from ${from} to ${to}.`,\n  set: (to) => `Plan set to ${to}.`,\n  keptBeta: \"The beta keeps its end; only the plan changed.\",\n  untilDone: (date) => `Free until ${date}.`,\n  overLimit: \"Above the new plan’s limit: nothing is removed, new items are blocked.\",\n  usageOf: (used, limit, dimension) => `${used} of ${limit} ${dimension}`,\n};\n"],"mappings":";AAMO,MAAM,6BAA+C;AAAA,EAC1D,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS,CAAC,SAAS,iBAAiB,IAAI;AAAA,EACxC,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,SAAS,CAAC,MAAM,OAAO,qBAAqB,IAAI,OAAO,EAAE;AAAA,EACzD,KAAK,CAAC,OAAO,eAAe,EAAE;AAAA,EAC9B,UAAU;AAAA,EACV,WAAW,CAAC,SAAS,cAAc,IAAI;AAAA,EACvC,WAAW;AAAA,EACX,SAAS,CAAC,MAAM,OAAO,cAAc,GAAG,IAAI,OAAO,KAAK,IAAI,SAAS;AACvE;","names":[]}

package/dist/admin/plan-change.d.ts

@@ -1,101 +1,244 @@
-import 'react';
-import '../i18n/plurals.js';
-import '../data-table-labels-BJ5JE_X2.js';
-export { cL as DEFAULT_PLAN_CHANGE_LABELS, ev as PlanChange, ew as PlanChangeConfirm, ex as PlanChangeConfirmProps, ey as PlanChangeLabels, ez as PlanChangeLine, eA as PlanChangeOutcome, eB as PlanChangeResultOptions, eC as PlanChangeTone, eD as PlanColumnOptions, eE as PlanColumnUsage, g6 as planColumn, go as usePlanChangeResult, gp as usePlanColumn } from '../delete-account-setting-DAgGBrbn.js';
-import './admin-parts.js';
-import '../components/data-table-sort.js';
-import '../components/swipeable-row.js';
-import '../components/status-dot.js';
-import '../components/progress-bar.js';
-import '../components/signed-amount.js';
-import '../components/stat-tile.js';
-import '../components/chip.js';
-import 'lucide-react';
-import '../components/field-parts.js';
-import '../components/tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
-import '../components/write-lock.js';
-import '../components/mini-calendar.js';
-import '../components/calendar-heatmap.js';
-import '../components/popover.js';
-import '../hooks/use-breakpoint.js';
-import '../components/field-sync.js';
-import '../wizard/types.js';
-import '../tour/tour.js';
-import '../search/command-palette.js';
-import '../search/global-search.js';
-import '../search/search-index.js';
-import '../components/month-picker.js';
-import '../components/page-contents.js';
-import '../components/series-chart-labels.js';
-import '../components/pie-chart-labels.js';
-import '../components/sparkline.js';
-import '../components/signature-pad.js';
-import '../components/password-strength.js';
-import '../components/swatch-picker.js';
-import '../components/tile-radio.js';
-import '../components/icon-picker.js';
-import '../components/dialog-frame.js';
-import '../components/modal.js';
-import '../hooks/use-search-param-state.js';
-import '../components/measured-grid.js';
-import '../components/user-avatar.js';
-import '../lib/person-name.js';
-import '../shell/topbar-action-menu.js';
-import '../components/menu-item.js';
-import '../components/floating-panel.js';
-import '../hooks/use-authed-src.js';
-import '../components/account-settings-labels.js';
-import '../components/bulk-action-bar.js';
-import '../components/list.js';
-import '../components/breadcrumbs.js';
-import '../components/toast.js';
-import '../components/description-list.js';
-import '../components/line-items.js';
-import '../components/error-boundary.js';
-import '../components/authed-image.js';
-import '../components/image-grid.js';
-import '../components/lightbox.js';
-import '../auth/sign-in-form.js';
-import '../landing/access.js';
-import '../landing/landing-labels.js';
-import '../shell/topbar-controls.js';
-import '../theme/palette-presets.js';
-import '../theme/chart-palette.js';
-import '../theme/theme-store.js';
-import 'zustand/middleware';
-import 'zustand';
-import '../auth/complete-name-dialog.js';
-import '../auth/forgot-password-form.js';
-import '../auth/status-parts.js';
-import '../auth/reset-password-form.js';
-import '../auth/verify-email.js';
-import '../auth/not-found-page.js';
-import '../auth/accept-invitation.js';
-import '../shell/company-switcher.js';
-import '../account/email-change-setting.js';
-import '../account/sessions-setting.js';
-import '../lib/format.js';
-import '../account/data-export-setting.js';
-import '../components/account-chips.js';
-import './admin-action-log.js';
-import '../settings/settings-labels.js';
-import '../demo/demo-labels.js';
-import '../components/appearance-labels.js';
-import '../theme/contrast.js';
-import '../theme/text-size.js';
-import '../components/reauth-dialog.js';
-import '../components/server-wake.js';
-import '../lib/server-wake.js';
-import '../components/translation-review-labels.js';
-import '../lib/translation-review.js';
-import '../components/country-select.js';
-import '../components/inline-edit-field.js';
-import '../lib/iban.js';
-import '../lib/phone.js';
-import '../components/sign-chip.js';
-import '../components/column-mapper.js';
-import '../lib/column-mapping.js';
-import '../lib/table-text.js';
-import '../components/focus-ring.js';
+import type { ReactNode } from "react";
+import { type LabelOverride } from "../i18n/kit-labels.js";
+import type { PluralForms } from "../i18n/plurals.js";
+import type { DataTableColumn } from "../components/data-table.js";
+import type { SubscriptionStatus } from "../billing/billing-labels.js";
+import type { AdminActionConfirmValues } from "./admin-action-confirm.js";
+import type { AdminPerson, MaybePromise } from "./admin-parts.js";
+import { DEFAULT_PLAN_CHANGE_LABELS } from "./plan-change-labels.js";
+/**
+ * The operator's plan parts (docs/billing-harmonization.md §14.12, decision 27):
+ * {@link planColumn} for the roster or the companies list, {@link PlanChangeConfirm}
+ * for the grant, and {@link usePlanChangeResult} for what the answer says.
+ *
+ * All three apps have the route (`POST /admin/users/{id}/plan`, kastlan's
+ * `POST /platform/companies/{id}/plan`) and server-kit's `PlanChangeRequest` /
+ * `PlanChangeResponse`; only keksdose had a UI (`users-panel.tsx`, `PlanConfirm` in
+ * `user-admin-confirm.tsx`), and these are its parts, lifted. The plan names are the
+ * app's (§3.1): every part takes `planName` or the plans with their names. The plan
+ * codes come from `GET /admin/plans` (kastlan `GET /platform/plans`), which answers
+ * whatever the billing switch says.
+ */
+/** The `planChange` namespace: the column, the grant dialog and the result's lines. */
+export interface PlanChangeLabels {
+    /** The column's header: "Plan". */
+    column: string;
+    /** The dialog's title: "Change plan". */
+    title: string;
+    /** Its confirm button: "Change plan". */
+    confirm: string;
+    /** The plan select's label: "Plan". */
+    plan: string;
+    /** The line over the select: "Current plan: Free". */
+    current: (plan: string) => string;
+    /** Under the select — the fact that is not on the button. */
+    keepsItems: string;
+    /** The end of a free grant's field: "Free until". */
+    until: string;
+    /** Under it. */
+    untilHint: string;
+    /** Why the confirm is held while nothing would change. */
+    needsChange: string;
+    /** The result: the plan moved from one to another. */
+    changed: (from: string, to: string) => string;
+    /** The result: an account with no plan before, or the same plan again. */
+    set: (to: string) => string;
+    /** The result: a running beta kept its own end (§12.34); only the plan moved. */
+    keptBeta: string;
+    /** The result: the grant runs until `date` (formatted). */
+    untilDone: (date: string) => string;
+    /** The result: the account owns more than the new plan allows. */
+    overLimit: string;
+    /**
+     * The column's usage, spelled out (its tooltip): "1 of 5 budgets". Figures arrive
+     * formatted; `dimension` is the app's word, as `usage.label` gives it — since 0.33.1
+     * in the form the LIMIT takes when the label gives its plural forms ("1 of 1 budget",
+     * "1 of 5 budgets"): in every shipped language the word follows the limit, or heads
+     * the line in German, whose `von` would want a dative plural no app form carries
+     * ("Budgets: 1 von 5"). An override of yours gets the same word. Since 0.34 the grant
+     * dialog's usage line too, when `usage` comes as the column's shape.
+     */
+    usageOf: (used: string, limit: string, dimension: string) => string;
+}
+export { DEFAULT_PLAN_CHANGE_LABELS };
+/** What a row's usage is, for the line under its plan: "1/5" — and since 0.34 what
+ *  {@link PlanChangeConfirm}'s `usage` takes, for the same sentence in the dialog. */
+export interface PlanColumnUsage {
+    used: number;
+    /** The plan's limit for it; `null` (unlimited, or none known): no line. */
+    limit: number | null;
+    /**
+     * The app's word for what is counted, as it reads after a number: "budgets" in "1 of 5
+     * budgets" — the word in a sentence, not a heading's "Budgets".
+     *
+     * Its plural forms (0.33.1, keksdose): `{ one: "budget", other: "budgets" }` — your
+     * catalogue's `_one` / `_other` pair, any CLDR category allowed, `other` for the rest
+     * ({@link PluralForms}). The column picks the form for the limit in the provider's
+     * locale, so a plan of one reads "1 of 1 budget". A plain string is used as it is,
+     * whatever the count.
+     */
+    label: string | PluralForms;
+}
+export interface PlanColumnOptions<T> {
+    /** The column's key. Default `"plan"`. */
+    key?: string;
+    /** The row's plan code, read without case (§12.16); null for none. */
+    plan: (row: T) => string | null;
+    /** The plan's display name, the app's (§3.1). Gets the lowercase code. */
+    planName: (code: string) => string;
+    /** The row's standing, as a `SubscriptionStatusChip` beside the name. Left out, or
+     *  undefined for a row: no chip — billing off, where a status says nothing. */
+    status?: (row: T) => SubscriptionStatus | undefined;
+    /** The row's usage of its plan's limit: "1/5" under the name, "1 of 5 budgets" in
+     *  the tooltip (`planChange.usageOf`, with the label's form for the limit). Undefined
+     *  for a row, or a `null` limit: no line. */
+    usage?: (row: T) => PlanColumnUsage | undefined;
+    /** A select filter over these codes, each named by `planName`. Left out: none. */
+    filterPlans?: readonly string[];
+    /**
+     * The sort. Default: by the plan code (keksdose's, `users-panel.tsx:739`). A function:
+     * by its value — the catalogue's `sort` for rank order. `false`: not sortable.
+     *
+     * Client-side only, as every column's `sortBy`: a `DataTable` with `serverPagination`
+     * holds one page, so it sorts nothing itself — with `onSortsChange` it reports the
+     * column's `key` (default `"plan"`), and your server orders the rows by it.
+     */
+    sortBy?: false | ((row: T) => string | number | null | undefined);
+    /** The header's text. Default `planChange.column`. */
+    headerText?: string;
+    /** The words, already resolved. Default English; {@link usePlanColumn} reads the
+     *  provider's `planChange` namespace. */
+    labels?: LabelOverride<PlanChangeLabels>;
+}
+/**
+ * The roster's (or the companies list's) plan column: the plan's display name, the
+ * standing chip beside it while billing is on, and the usage under it — keksdose's
+ * column, `users-panel.tsx:706-745`. Pass it in `userRosterColumns`' `extra`, or in
+ * any `DataTable`'s columns:
+ *
+ *     extra: [planColumn<AdminUserRow>({
+ *       plan: (u) => u.plan,
+ *       planName,
+ *       status: billingOn ? (u) => u.subscription?.status : undefined,
+ *       usage: (u) => ({
+ *         used: u.budgets_owned,
+ *         limit: u.limits.budgets,
+ *         label: { one: t("planUsage.budget_one"), other: t("planUsage.budget_other") },
+ *       }),
+ *       filterPlans: plans.map((p) => p.code),
+ *     })]
+ *
+ * Pure: hand it resolved words, or use {@link usePlanColumn}.
+ */
+export declare function planColumn<T>(options: PlanColumnOptions<T>): DataTableColumn<T>;
+/**
+ * {@link planColumn} with the `planChange` words from the provider, memoised on the
+ * options — pass stable callbacks (`useCallback`), or the column is rebuilt on every
+ * render.
+ */
+export declare function usePlanColumn<T>(options: PlanColumnOptions<T>): DataTableColumn<T>;
+/** What {@link PlanChangeConfirmProps.onConfirm} sends: server-kit's
+ *  `PlanChangeRequest` without its `acknowledged`, which comes in `values`. */
+export interface PlanChange {
+    /** The picked plan's code. */
+    plan: string;
+    /** The end of the free grant, as ISO UTC — only when one was picked. */
+    comped_until?: string;
+}
+export interface PlanChangeConfirmProps {
+    /**
+     * Whom it is about — a user (`AdminActionTarget`), or kastlan's company, which has no
+     * address: its name is said instead (the level is `acknowledge`, so nothing is typed).
+     */
+    target: AdminPerson & {
+        email?: string | null;
+    };
+    /** The plans to offer, in the catalogue's order, by their display names (§3.1) — from
+     *  `GET /admin/plans`. */
+    plans: readonly {
+        code: string;
+        name: string;
+    }[];
+    /** The account's plan now; null for none. The select opens on it. */
+    current: string | null;
+    /**
+     * What the account uses. The column's shape (0.34, keksdose N1) — `{ used, limit, label }`,
+     * the label a word or its plural forms — is spelled out as the column's tooltip is
+     * (`planChange.usageOf`, the word in the limit's form: "1 of 1 budget"); a `null` limit
+     * gives no line. Or the app's own sentence, as it is: "3 of 5 budgets".
+     */
+    usage?: PlanColumnUsage | ReactNode;
+    /** Offer "Free until" — only meaningful while billing is on, where a grant's end
+     *  means something to the payer. */
+    grantEnd?: boolean;
+    /**
+     * Sends it: `{plan}`, and `comped_until` only when an end was picked — the END of the
+     * picked day in the operator's time zone, as ISO UTC (a grant "until 31 January" lasts
+     * through it). No end: a grant without one, or on a running beta only the plan moves
+     * and the beta keeps its own end (§12.34). `values.acknowledged` is the body's
+     * `acknowledged`. A promise is handled as `AdminActionConfirm`'s.
+     */
+    onConfirm: (change: PlanChange, values: AdminActionConfirmValues) => MaybePromise;
+    onClose: (done: boolean) => void;
+    /** The app's words for a failure the kit has no code for. */
+    describeError?: (error: unknown) => ReactNode | undefined;
+    labels?: LabelOverride<PlanChangeLabels>;
+}
+/**
+ * An operator's plan change (§14.12): `AdminActionConfirm` at `acknowledge`, the line
+ * with the current plan and the app's usage sentence, a plan select, and — with
+ * `grantEnd` — the end of a free grant. The confirm is held while nothing would change.
+ *
+ * Exempt from a BILLING lock, built in (`COMMIT_EXCEPT_BILLING`, §12.36): a plan change
+ * is an admin route (§12.13), and the operator's own account or company may be lapsed —
+ * kastlan's review. A demo lock still holds it.
+ */
+export declare function PlanChangeConfirm({ target, plans, current: currentProp, usage, grantEnd, onConfirm, onClose, describeError, labels: labelsProp, }: PlanChangeConfirmProps): import("react").JSX.Element;
+/**
+ * A `PlanChangeResponse` as the page reads it — server-kit 0.7's (§14.12), which gained
+ * `previous_plan` nullable, `usage`, `kept_beta` and `comped_until`.
+ */
+export interface PlanChangeOutcome {
+    /** null: the account had no subscription. */
+    previous_plan: string | null;
+    plan: string;
+    over_limit: boolean;
+    /** The new plan's limits; null for unlimited. */
+    limits: Readonly<Record<string, number | null>>;
+    /** What the payer has, per dimension — the figures for the over-limit lines:
+     *  `{ budgets: 7 }`. */
+    usage: Readonly<Record<string, number>>;
+    /** A running beta kept its own end (§12.34). */
+    kept_beta?: boolean;
+    /** The grant's end as the change wrote it; null: no end, or no grant. */
+    comped_until?: string | null;
+}
+/** A line's tone: the app's toast kind. */
+export type PlanChangeTone = "success" | "info" | "warning";
+export interface PlanChangeLine {
+    tone: PlanChangeTone;
+    text: string;
+}
+export interface PlanChangeResultOptions {
+    /** The app's word per dimension, for the over-limit figures: `{ budgets: "Budgets" }`.
+     *  A dimension without one is named by its key. */
+    dimensionLabels?: Readonly<Record<string, string>>;
+    /** How a figure is written. Default: a number in the kit's locale. */
+    formatValue?: (dimension: string, value: number) => string;
+}
+/**
+ * The lines for a plan change's answer, each with its tone, for the app's toasts —
+ * echoing the SERVER's before and after, not what was picked: a toast that reported the
+ * request would say "done" to a write that landed differently (keksdose's rule).
+ *
+ *     const lines = usePlanChangeResult();
+ *     for (const line of lines(res, planName)) toast[line.tone](line.text);
+ *
+ * - `changed(from, to)`, or `set(to)` with no previous plan (or the same one): success;
+ * - a running beta that kept its end: `keptBeta`, info; else a grant's end:
+ *   `untilDone(date)`, success;
+ * - over the new limit: `overLimit`, then one figure line per dimension over it ("Budgets:
+ *   7 of 5", `billing.limitUsageLine`), from `usage` and `limits`: warning. A `null`
+ *   limit gives no figure line.
+ */
+export declare function usePlanChangeResult(): (res: PlanChangeOutcome, planName: (code: string) => string, options?: PlanChangeResultOptions) => PlanChangeLine[];