@thunderid/react 1.8.0 → 1.9.1

package/dist/cjs/utils/formatConsentDetailValue.cjs

@@ -0,0 +1,26 @@
+
+//#region src/utils/formatConsentDetailValue.ts
+/**
+* Formats an authorization detail field value for display. Strings are shown as-is, a list of
+* plain values comma-separated, and any other JSON value as JSON, compact unless `indent` is given.
+*
+* @param value - Field value.
+* @param indent - Spaces to indent structured JSON by, so it reads as a block rather than one long line.
+* @returns Display text.
+*
+* @example
+* ```typescript
+* formatConsentDetailValue(['initiate', 'status']) // returns 'initiate, status'
+* ```
+*/
+const formatConsentDetailValue = (value, indent) => {
+	if (value === null || value === void 0) return "";
+	if (typeof value === "string") return value;
+	if (Array.isArray(value) && value.every((item) => typeof item !== "object" || item === null)) return value.map((item) => String(item)).join(", ");
+	return JSON.stringify(value, null, indent);
+};
+var formatConsentDetailValue_default = formatConsentDetailValue;
+
+//#endregion
+exports.default = formatConsentDetailValue_default;
+//# sourceMappingURL=formatConsentDetailValue.cjs.map

package/dist/cjs/utils/formatConsentDetailValue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatConsentDetailValue.cjs","names":[],"sources":["../../../src/utils/formatConsentDetailValue.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * Formats an authorization detail field value for display. Strings are shown as-is, a list of\n * plain values comma-separated, and any other JSON value as JSON, compact unless `indent` is given.\n *\n * @param value - Field value.\n * @param indent - Spaces to indent structured JSON by, so it reads as a block rather than one long line.\n * @returns Display text.\n *\n * @example\n * ```typescript\n * formatConsentDetailValue(['initiate', 'status']) // returns 'initiate, status'\n * ```\n */\nconst formatConsentDetailValue = (value: unknown, indent?: number): string => {\n  if (value === null || value === undefined) return '';\n  if (typeof value === 'string') return value;\n  if (Array.isArray(value) && value.every((item: unknown) => typeof item !== 'object' || item === null)) {\n    return value.map((item: unknown) => String(item)).join(', ');\n  }\n  return JSON.stringify(value, null, indent);\n};\n\nexport default formatConsentDetailValue;\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAM,4BAA4B,OAAgB,WAA4B;AAC5E,KAAI,UAAU,QAAQ,UAAU,OAAW,QAAO;AAClD,KAAI,OAAO,UAAU,SAAU,QAAO;AACtC,KAAI,MAAM,QAAQ,MAAM,IAAI,MAAM,OAAO,SAAkB,OAAO,SAAS,YAAY,SAAS,KAAK,CACnG,QAAO,MAAM,KAAK,SAAkB,OAAO,KAAK,CAAC,CAAC,KAAK,KAAK;AAE9D,QAAO,KAAK,UAAU,OAAO,MAAM,OAAO;;AAG5C,uCAAe"}

package/dist/cjs/utils/getConsentDetailLayout.cjs

@@ -0,0 +1,44 @@
+const require_formatConsentDetailValue = require('./formatConsentDetailValue.cjs');
+const require_isConsentDetailStructured = require('./isConsentDetailStructured.cjs');
+
+//#region src/utils/getConsentDetailLayout.ts
+/**
+* Limits a consent screen applies to authorization detail content so that a long or large value never
+* crowds the layout. Text longer than a `*Chars` limit is clamped to its `*Lines` limit behind a toggle,
+* and a list longer than `listItems` shows that many items behind a toggle.
+*/
+const CONSENT_DETAIL_DISPLAY_LIMITS = Object.freeze({
+	inlineLabelChars: 32,
+	inlineValueChars: 32,
+	listItems: 8,
+	structuredLines: 8,
+	summaryChars: 160,
+	summaryLines: 3,
+	valueChars: 160,
+	valueLines: 4
+});
+/**
+* Chooses how a consent screen lays out one authorization detail field. A short label and a short value
+* sit side by side; a long label, a long value, a long list or a structured value is stacked, the label
+* above the value, so neither squeezes the other.
+*
+* @param row - Field to lay out.
+* @returns `inline` or `stacked`.
+*
+* @example
+* ```typescript
+* getConsentDetailLayout({label: 'Pay to', path: 'creditorName', value: 'Merchant A'}) // returns 'inline'
+* ```
+*/
+const getConsentDetailLayout = (row) => {
+	if ((row.label || row.path).length > CONSENT_DETAIL_DISPLAY_LIMITS.inlineLabelChars || require_isConsentDetailStructured.default(row.value)) return "stacked";
+	const items = Array.isArray(row.value) ? [...row.value] : [row.value];
+	if (row.modification === "addItems" && Array.isArray(row.options)) items.push(...row.options);
+	return require_formatConsentDetailValue.default(items).length > CONSENT_DETAIL_DISPLAY_LIMITS.inlineValueChars ? "stacked" : "inline";
+};
+var getConsentDetailLayout_default = getConsentDetailLayout;
+
+//#endregion
+exports.CONSENT_DETAIL_DISPLAY_LIMITS = CONSENT_DETAIL_DISPLAY_LIMITS;
+exports.default = getConsentDetailLayout_default;
+//# sourceMappingURL=getConsentDetailLayout.cjs.map

package/dist/cjs/utils/getConsentDetailLayout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getConsentDetailLayout.cjs","names":["CONSENT_DETAIL_DISPLAY_LIMITS: Readonly<{\n  inlineLabelChars: number;\n  inlineValueChars: number;\n  listItems: number;\n  structuredLines: number;\n  summaryChars: number;\n  summaryLines: number;\n  valueChars: number;\n  valueLines: number;\n}>","isConsentDetailStructured","items: unknown[]","formatConsentDetailValue"],"sources":["../../../src/utils/getConsentDetailLayout.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {type ConsentDetailRow} from '@thunderid/browser';\nimport formatConsentDetailValue from './formatConsentDetailValue';\nimport isConsentDetailStructured from './isConsentDetailStructured';\n\n/**\n * Limits a consent screen applies to authorization detail content so that a long or large value never\n * crowds the layout. Text longer than a `*Chars` limit is clamped to its `*Lines` limit behind a toggle,\n * and a list longer than `listItems` shows that many items behind a toggle.\n */\nexport const CONSENT_DETAIL_DISPLAY_LIMITS: Readonly<{\n  inlineLabelChars: number;\n  inlineValueChars: number;\n  listItems: number;\n  structuredLines: number;\n  summaryChars: number;\n  summaryLines: number;\n  valueChars: number;\n  valueLines: number;\n}> = Object.freeze({\n  inlineLabelChars: 32,\n  inlineValueChars: 32,\n  listItems: 8,\n  structuredLines: 8,\n  summaryChars: 160,\n  summaryLines: 3,\n  valueChars: 160,\n  valueLines: 4,\n});\n\n/**\n * Chooses how a consent screen lays out one authorization detail field. A short label and a short value\n * sit side by side; a long label, a long value, a long list or a structured value is stacked, the label\n * above the value, so neither squeezes the other.\n *\n * @param row - Field to lay out.\n * @returns `inline` or `stacked`.\n *\n * @example\n * ```typescript\n * getConsentDetailLayout({label: 'Pay to', path: 'creditorName', value: 'Merchant A'}) // returns 'inline'\n * ```\n */\nconst getConsentDetailLayout = (row: ConsentDetailRow): 'inline' | 'stacked' => {\n  const label: string = row.label || row.path;\n  if (label.length > CONSENT_DETAIL_DISPLAY_LIMITS.inlineLabelChars || isConsentDetailStructured(row.value)) {\n    return 'stacked';\n  }\n\n  const items: unknown[] = Array.isArray(row.value) ? [...(row.value as unknown[])] : [row.value];\n  if (row.modification === 'addItems' && Array.isArray(row.options)) {\n    items.push(...row.options);\n  }\n  const text: string = formatConsentDetailValue(items);\n\n  return text.length > CONSENT_DETAIL_DISPLAY_LIMITS.inlineValueChars ? 'stacked' : 'inline';\n};\n\nexport default getConsentDetailLayout;\n"],"mappings":";;;;;;;;;AAYA,MAAaA,gCASR,OAAO,OAAO;CACjB,kBAAkB;CAClB,kBAAkB;CAClB,WAAW;CACX,iBAAiB;CACjB,cAAc;CACd,cAAc;CACd,YAAY;CACZ,YAAY;CACb,CAAC;;;;;;;;;;;;;;AAeF,MAAM,0BAA0B,QAAgD;AAE9E,MADsB,IAAI,SAAS,IAAI,MAC7B,SAAS,8BAA8B,oBAAoBC,0CAA0B,IAAI,MAAM,CACvG,QAAO;CAGT,MAAMC,QAAmB,MAAM,QAAQ,IAAI,MAAM,GAAG,CAAC,GAAI,IAAI,MAAoB,GAAG,CAAC,IAAI,MAAM;AAC/F,KAAI,IAAI,iBAAiB,cAAc,MAAM,QAAQ,IAAI,QAAQ,CAC/D,OAAM,KAAK,GAAG,IAAI,QAAQ;AAI5B,QAFqBC,yCAAyB,MAAM,CAExC,SAAS,8BAA8B,mBAAmB,YAAY;;AAGpF,qCAAe"}

package/dist/cjs/utils/getConsentDetailListDisplay.cjs

@@ -0,0 +1,30 @@
+const require_getConsentDetailLayout = require('./getConsentDetailLayout.cjs');
+
+//#region src/utils/getConsentDetailListDisplay.ts
+/**
+* Tells how many items of an authorization detail list a consent screen shows. A list longer than
+* `CONSENT_DETAIL_DISPLAY_LIMITS.listItems` shows that many items while collapsed, the rest behind a toggle.
+*
+* @param itemCount - Number of items in the list.
+* @param expanded - Whether the user expanded the list.
+* @returns The items to show and hide.
+*
+* @example
+* ```typescript
+* getConsentDetailListDisplay(10, false) // returns {hiddenCount: 2, isCollapsible: true, visibleCount: 8}
+* ```
+*/
+const getConsentDetailListDisplay = (itemCount, expanded) => {
+	const isCollapsible = itemCount > require_getConsentDetailLayout.CONSENT_DETAIL_DISPLAY_LIMITS.listItems;
+	const visibleCount = isCollapsible && !expanded ? require_getConsentDetailLayout.CONSENT_DETAIL_DISPLAY_LIMITS.listItems : itemCount;
+	return {
+		hiddenCount: itemCount - visibleCount,
+		isCollapsible,
+		visibleCount
+	};
+};
+var getConsentDetailListDisplay_default = getConsentDetailListDisplay;
+
+//#endregion
+exports.default = getConsentDetailListDisplay_default;
+//# sourceMappingURL=getConsentDetailListDisplay.cjs.map

package/dist/cjs/utils/getConsentDetailListDisplay.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getConsentDetailListDisplay.cjs","names":["isCollapsible: boolean","CONSENT_DETAIL_DISPLAY_LIMITS","visibleCount: number"],"sources":["../../../src/utils/getConsentDetailListDisplay.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {CONSENT_DETAIL_DISPLAY_LIMITS} from './getConsentDetailLayout';\n\n/**\n * How a consent screen shows a list of authorization detail items, given the\n * `CONSENT_DETAIL_DISPLAY_LIMITS.listItems` limit.\n *\n * @experimental This interface may change in future versions\n */\nexport interface ConsentDetailListDisplay {\n  /** Number of items hidden behind the toggle; `0` while expanded or when the list fits. */\n  hiddenCount: number;\n  /** Whether the list is longer than the limit, so it is shown behind a toggle. */\n  isCollapsible: boolean;\n  /** Number of items to show. */\n  visibleCount: number;\n}\n\n/**\n * Tells how many items of an authorization detail list a consent screen shows. A list longer than\n * `CONSENT_DETAIL_DISPLAY_LIMITS.listItems` shows that many items while collapsed, the rest behind a toggle.\n *\n * @param itemCount - Number of items in the list.\n * @param expanded - Whether the user expanded the list.\n * @returns The items to show and hide.\n *\n * @example\n * ```typescript\n * getConsentDetailListDisplay(10, false) // returns {hiddenCount: 2, isCollapsible: true, visibleCount: 8}\n * ```\n */\nconst getConsentDetailListDisplay = (itemCount: number, expanded: boolean): ConsentDetailListDisplay => {\n  const isCollapsible: boolean = itemCount > CONSENT_DETAIL_DISPLAY_LIMITS.listItems;\n  const visibleCount: number = isCollapsible && !expanded ? CONSENT_DETAIL_DISPLAY_LIMITS.listItems : itemCount;\n\n  return {hiddenCount: itemCount - visibleCount, isCollapsible, visibleCount};\n};\n\nexport default getConsentDetailListDisplay;\n"],"mappings":";;;;;;;;;;;;;;;;AAiCA,MAAM,+BAA+B,WAAmB,aAAgD;CACtG,MAAMA,gBAAyB,YAAYC,6DAA8B;CACzE,MAAMC,eAAuB,iBAAiB,CAAC,WAAWD,6DAA8B,YAAY;AAEpG,QAAO;EAAC,aAAa,YAAY;EAAc;EAAe;EAAa;;AAG7E,0CAAe"}

package/dist/cjs/utils/isConsentApprovalBlocked.cjs

@@ -0,0 +1,41 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_ConsentCheckboxList = require('../components/auth/flow/ConsentCheckboxList.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+
+//#region src/utils/isConsentApprovalBlocked.ts
+/**
+* Reports whether any field the user may modify on an authorization detail element shows text that cannot
+* be submitted. The element must not be approved while this holds, since its decision would not carry what
+* the user sees.
+*
+* @param purposeId - The identifier of the consent purpose the element belongs to.
+* @param element - The authorization detail element.
+* @param inputs - Form values, holding the invalid marker of each field under its invalid key.
+* @returns Whether a field of the element is invalid.
+*
+* @example
+* ```typescript
+* hasInvalidConsentModification('p1', element, {'__consent_invalid__p1__d-1__amount': 'true'}) // returns true
+* ```
+*/
+const hasInvalidConsentModification = (purposeId, element, inputs) => (element.rows ?? []).some((row) => Boolean(row.modification) && inputs[(0, __thunderid_browser.getConsentInvalidKey)(purposeId, element.name, row.path)] === "true");
+/**
+* Reports whether the consent cannot be approved yet: an authorization detail the user has not declined
+* shows, in a field the user may modify, text that cannot be submitted. Denying stays possible.
+*
+* @param purposes - The consent purposes on the screen.
+* @param formValues - Form values, holding each element's approval and each field's invalid marker.
+* @returns Whether approval must wait until the user corrects the field.
+*
+* @example
+* ```typescript
+* isConsentApprovalBlocked(purposes, {'__consent_invalid__p1__d-1__amount': 'true'}) // returns true
+* ```
+*/
+const isConsentApprovalBlocked = (purposes, formValues) => purposes.some((purpose) => (purpose.optional ?? []).some((element) => formValues[require_ConsentCheckboxList.getConsentOptionalKey(purpose.purposeId, element.name)] !== "false" && hasInvalidConsentModification(purpose.purposeId, element, formValues)));
+var isConsentApprovalBlocked_default = isConsentApprovalBlocked;
+
+//#endregion
+exports.default = isConsentApprovalBlocked_default;
+//# sourceMappingURL=isConsentApprovalBlocked.cjs.map

package/dist/cjs/utils/isConsentApprovalBlocked.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isConsentApprovalBlocked.cjs","names":["getConsentOptionalKey"],"sources":["../../../src/utils/isConsentApprovalBlocked.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  type ConsentDetailRow,\n  type ConsentPurposeData,\n  getConsentInvalidKey,\n  type PromptElement,\n} from '@thunderid/browser';\nimport {getConsentOptionalKey} from '../components/auth/flow/ConsentCheckboxList';\n\n/**\n * Reports whether any field the user may modify on an authorization detail element shows text that cannot\n * be submitted. The element must not be approved while this holds, since its decision would not carry what\n * the user sees.\n *\n * @param purposeId - The identifier of the consent purpose the element belongs to.\n * @param element - The authorization detail element.\n * @param inputs - Form values, holding the invalid marker of each field under its invalid key.\n * @returns Whether a field of the element is invalid.\n *\n * @example\n * ```typescript\n * hasInvalidConsentModification('p1', element, {'__consent_invalid__p1__d-1__amount': 'true'}) // returns true\n * ```\n */\nconst hasInvalidConsentModification = (\n  purposeId: string,\n  element: PromptElement,\n  inputs: Record<string, unknown>,\n): boolean =>\n  (element.rows ?? []).some(\n    (row: ConsentDetailRow) =>\n      Boolean(row.modification) && inputs[getConsentInvalidKey(purposeId, element.name, row.path)] === 'true',\n  );\n\n/**\n * Reports whether the consent cannot be approved yet: an authorization detail the user has not declined\n * shows, in a field the user may modify, text that cannot be submitted. Denying stays possible.\n *\n * @param purposes - The consent purposes on the screen.\n * @param formValues - Form values, holding each element's approval and each field's invalid marker.\n * @returns Whether approval must wait until the user corrects the field.\n *\n * @example\n * ```typescript\n * isConsentApprovalBlocked(purposes, {'__consent_invalid__p1__d-1__amount': 'true'}) // returns true\n * ```\n */\nconst isConsentApprovalBlocked = (purposes: ConsentPurposeData[], formValues: Record<string, unknown>): boolean =>\n  purposes.some((purpose: ConsentPurposeData) =>\n    (purpose.optional ?? []).some(\n      (element: PromptElement) =>\n        formValues[getConsentOptionalKey(purpose.purposeId, element.name)] !== 'false' &&\n        hasInvalidConsentModification(purpose.purposeId, element, formValues),\n    ),\n  );\n\nexport default isConsentApprovalBlocked;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0BA,MAAM,iCACJ,WACA,SACA,YAEC,QAAQ,QAAQ,EAAE,EAAE,MAClB,QACC,QAAQ,IAAI,aAAa,IAAI,qDAA4B,WAAW,QAAQ,MAAM,IAAI,KAAK,MAAM,OACpG;;;;;;;;;;;;;;AAeH,MAAM,4BAA4B,UAAgC,eAChE,SAAS,MAAM,aACZ,QAAQ,YAAY,EAAE,EAAE,MACtB,YACC,WAAWA,kDAAsB,QAAQ,WAAW,QAAQ,KAAK,MAAM,WACvE,8BAA8B,QAAQ,WAAW,SAAS,WAAW,CACxE,CACF;AAEH,uCAAe"}

package/dist/cjs/utils/isConsentDetailPlainList.cjs

@@ -0,0 +1,24 @@
+
+//#region src/utils/isConsentDetailPlainList.ts
+/**
+* Whether a field value is a list of plain values, strings, numbers or booleans, which a consent screen shows
+* as a list rather than as structured JSON.
+*
+* @param value - Field value.
+* @returns `true` when the value is a list of plain values.
+*
+* @example
+* ```typescript
+* isConsentDetailPlainList(['initiate', 'status']) // returns true
+* ```
+*/
+const isConsentDetailPlainList = (value) => Array.isArray(value) && value.every((item) => [
+	"string",
+	"number",
+	"boolean"
+].includes(typeof item));
+var isConsentDetailPlainList_default = isConsentDetailPlainList;
+
+//#endregion
+exports.default = isConsentDetailPlainList_default;
+//# sourceMappingURL=isConsentDetailPlainList.cjs.map

package/dist/cjs/utils/isConsentDetailPlainList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isConsentDetailPlainList.cjs","names":[],"sources":["../../../src/utils/isConsentDetailPlainList.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * Whether a field value is a list of plain values, strings, numbers or booleans, which a consent screen shows\n * as a list rather than as structured JSON.\n *\n * @param value - Field value.\n * @returns `true` when the value is a list of plain values.\n *\n * @example\n * ```typescript\n * isConsentDetailPlainList(['initiate', 'status']) // returns true\n * ```\n */\nconst isConsentDetailPlainList = (value: unknown): value is (string | number | boolean)[] =>\n  Array.isArray(value) && value.every((item: unknown) => ['string', 'number', 'boolean'].includes(typeof item));\n\nexport default isConsentDetailPlainList;\n"],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,4BAA4B,UAChC,MAAM,QAAQ,MAAM,IAAI,MAAM,OAAO,SAAkB;CAAC;CAAU;CAAU;CAAU,CAAC,SAAS,OAAO,KAAK,CAAC;AAE/G,uCAAe"}

package/dist/cjs/utils/isConsentDetailStructured.cjs

@@ -0,0 +1,15 @@
+
+//#region src/utils/isConsentDetailStructured.ts
+/**
+* Whether a field value is structured JSON, an object or a list holding objects, rather than a plain
+* value or a list of plain values.
+*
+* @param value - Field value.
+* @returns `true` when the value is shown as a formatted JSON block.
+*/
+const isConsentDetailStructured = (value) => typeof value === "object" && value !== null && !Array.isArray(value) || Array.isArray(value) && value.some((item) => typeof item === "object" && item !== null);
+var isConsentDetailStructured_default = isConsentDetailStructured;
+
+//#endregion
+exports.default = isConsentDetailStructured_default;
+//# sourceMappingURL=isConsentDetailStructured.cjs.map

package/dist/cjs/utils/isConsentDetailStructured.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isConsentDetailStructured.cjs","names":[],"sources":["../../../src/utils/isConsentDetailStructured.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * Whether a field value is structured JSON, an object or a list holding objects, rather than a plain\n * value or a list of plain values.\n *\n * @param value - Field value.\n * @returns `true` when the value is shown as a formatted JSON block.\n */\nconst isConsentDetailStructured = (value: unknown): boolean =>\n  (typeof value === 'object' && value !== null && !Array.isArray(value)) ||\n  (Array.isArray(value) && value.some((item: unknown) => typeof item === 'object' && item !== null));\n\nexport default isConsentDetailStructured;\n"],"mappings":";;;;;;;;;AAUA,MAAM,6BAA6B,UAChC,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,MAAM,IACpE,MAAM,QAAQ,MAAM,IAAI,MAAM,MAAM,SAAkB,OAAO,SAAS,YAAY,SAAS,KAAK;AAEnG,wCAAe"}

package/dist/cjs/utils/isConsentDetailTextClamped.cjs

@@ -0,0 +1,25 @@
+
+//#region src/utils/isConsentDetailTextClamped.ts
+/**
+* Whether authorization detail text is long enough to be clamped behind a toggle: longer than `maxChars`, or
+* spanning more than `maxLines` lines.
+*
+* @param text - Text to show.
+* @param maxChars - Number of characters above which the text is clamped, such as
+* `CONSENT_DETAIL_DISPLAY_LIMITS.valueChars`.
+* @param maxLines - Number of lines above which the text is clamped, such as
+* `CONSENT_DETAIL_DISPLAY_LIMITS.valueLines`.
+* @returns `true` when the text is clamped while collapsed.
+*
+* @example
+* ```typescript
+* isConsentDetailTextClamped('Merchant A', CONSENT_DETAIL_DISPLAY_LIMITS.valueChars, CONSENT_DETAIL_DISPLAY_LIMITS.valueLines)
+* // returns false
+* ```
+*/
+const isConsentDetailTextClamped = (text, maxChars, maxLines) => text.length > maxChars || text.split("\n").length > maxLines;
+var isConsentDetailTextClamped_default = isConsentDetailTextClamped;
+
+//#endregion
+exports.default = isConsentDetailTextClamped_default;
+//# sourceMappingURL=isConsentDetailTextClamped.cjs.map

package/dist/cjs/utils/isConsentDetailTextClamped.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isConsentDetailTextClamped.cjs","names":[],"sources":["../../../src/utils/isConsentDetailTextClamped.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * Whether authorization detail text is long enough to be clamped behind a toggle: longer than `maxChars`, or\n * spanning more than `maxLines` lines.\n *\n * @param text - Text to show.\n * @param maxChars - Number of characters above which the text is clamped, such as\n * `CONSENT_DETAIL_DISPLAY_LIMITS.valueChars`.\n * @param maxLines - Number of lines above which the text is clamped, such as\n * `CONSENT_DETAIL_DISPLAY_LIMITS.valueLines`.\n * @returns `true` when the text is clamped while collapsed.\n *\n * @example\n * ```typescript\n * isConsentDetailTextClamped('Merchant A', CONSENT_DETAIL_DISPLAY_LIMITS.valueChars, CONSENT_DETAIL_DISPLAY_LIMITS.valueLines)\n * // returns false\n * ```\n */\nconst isConsentDetailTextClamped = (text: string, maxChars: number, maxLines: number): boolean =>\n  text.length > maxChars || text.split('\\n').length > maxLines;\n\nexport default isConsentDetailTextClamped;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,MAAM,8BAA8B,MAAc,UAAkB,aAClE,KAAK,SAAS,YAAY,KAAK,MAAM,KAAK,CAAC,SAAS;AAEtD,yCAAe"}

package/dist/components/account/UserProfile/BaseUserProfile.js

@@ -5,9 +5,9 @@ import Button_default from "../../primitives/Button/Button.js";
 import Typography_default from "../../primitives/Typography/Typography.js";
 import Alert_default from "../../primitives/Alert/Alert.js";
 import Card_default from "../../primitives/Card/Card.js";
+import TextField_default from "../../primitives/TextField/TextField.js";
 import Checkbox_default from "../../primitives/Checkbox/Checkbox.js";
 import DatePicker_default from "../../primitives/DatePicker/DatePicker.js";
-import TextField_default from "../../primitives/TextField/TextField.js";
 import Divider_default from "../../primitives/Divider/Divider.js";
 import BaseUserProfile_styles_default from "./BaseUserProfile.styles.js";
 import getMappedUserProfileValue_default from "../../../utils/getMappedUserProfileValue.js";

package/dist/components/admin/AgentDetails/AgentDetails.d.ts

@@ -1,12 +1,19 @@
 import { FC } from 'react';
 import { BaseAgentDetailsProps } from './BaseAgentDetails';
-export type AgentDetailsProps = Omit<BaseAgentDetailsProps, 'agent' | 'error' | 'groups' | 'isDeleting' | 'isLoading' | 'onDelete' | 'roles'> & {
+export type AgentDetailsProps = Omit<BaseAgentDetailsProps, 'agent' | 'error' | 'groups' | 'isDeleting' | 'isLoading' | 'isRunningLifecycleAction' | 'lifecycleActions' | 'onDelete' | 'onLifecycleAction' | 'roles'> & {
     agentId: string;
     /**
      * Whether the agent can be deleted from this view.
      * @default false
      */
     deletable?: boolean;
+    /**
+     * Whether the agent can be suspended, unsuspended and unlocked from this view. Each action runs through its
+     * administration flow and is offered only when the server configures that flow. Reading the configured
+     * flows needs a token that may read the server configuration.
+     * @default false
+     */
+    lifecycleActions?: boolean;
     /**
      * Called after the agent has been deleted.
      */

package/dist/components/admin/AgentDetails/AgentDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/AgentDetails/AgentDetails.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAC,EAAE,EAAe,MAAM,OAAO,CAAC;AACvC,OAAyB,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAM3E,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,qBAAqB,EACrB,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CACjF,GAAG;IACF,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA8CvC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AgentDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/AgentDetails/AgentDetails.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAC,EAAE,EAAe,MAAM,OAAO,CAAC;AACvC,OAAyB,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAO3E,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,qBAAqB,EACnB,OAAO,GACP,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,0BAA0B,GAC1B,kBAAkB,GAClB,UAAU,GACV,mBAAmB,GACnB,OAAO,CACV,GAAG;IACF,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4DvC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/admin/AgentDetails/AgentDetails.js

@@ -2,6 +2,7 @@ import useTranslation_default from "../../../hooks/useTranslation.js";
 import useManagementEndpoint_default from "../../../hooks/management/useManagementEndpoint.js";
 import useResourceQuery_default from "../../../hooks/management/useResourceQuery.js";
 import useResourceMutation_default from "../../../hooks/management/useResourceMutation.js";
+import useAccountLifecycle_default from "../../../hooks/management/useAccountLifecycle.js";
 import BaseAgentDetails_default from "./BaseAgentDetails.js";
 import { AgentQueryKeys, GroupQueryKeys, RoleQueryKeys, deleteAgent, getAgent, getAgentGroups, getAgentRoles, toManagementErrorMessage } from "@thunderid/browser";
 import { jsx } from "react/jsx-runtime";
@@ -16,7 +17,7 @@ import { jsx } from "react/jsx-runtime";
 * <AgentDetails agentId={agentId} deletable onDeleted={() => navigate('/agents')} />
 * ```
 */
-const AgentDetails = ({ agentId, deletable = false, onDeleted, preferences,...rest }) => {
+const AgentDetails = ({ agentId, deletable = false, lifecycleActions = false, onDeleted, preferences,...rest }) => {
 	const { t } = useTranslation_default(preferences?.i18n);
 	const endpoint = useManagementEndpoint_default("agents");
 	const agent = useResourceQuery_default([AgentQueryKeys.AGENT, agentId], (fetcher) => getAgent({
@@ -51,14 +52,24 @@ const AgentDetails = ({ agentId, deletable = false, onDeleted, preferences,...re
 		agentId: id,
 		fetcher
 	}), () => [[AgentQueryKeys.AGENTS]], { onSuccess: onDeleted });
+	const lifecycle = useAccountLifecycle_default({
+		enabled: lifecycleActions,
+		invalidatedKeys: [[AgentQueryKeys.AGENT, agentId], [AgentQueryKeys.AGENTS]],
+		kind: "agent",
+		status: agent.data?.status?.value,
+		subject: agentId
+	});
 	return /* @__PURE__ */ jsx(BaseAgentDetails_default, {
 		agent: agent.data,
 		groups: groups.data?.groups,
 		roles: roles.data?.roles,
 		isLoading: agent.isLoading,
-		error: toManagementErrorMessage(t, agent.error, "admin.agents.details.error") ?? toManagementErrorMessage(t, deletion.error, "admin.agents.details.delete.error"),
+		error: toManagementErrorMessage(t, agent.error, "admin.agents.details.error") ?? toManagementErrorMessage(t, deletion.error, "admin.agents.details.delete.error") ?? toManagementErrorMessage(t, lifecycle.error, "admin.common.lifecycle.error") ?? toManagementErrorMessage(t, lifecycle.loadError, "admin.common.lifecycle.load_error"),
 		isDeleting: deletion.isLoading,
 		onDelete: deletable ? () => void deletion.mutate(agentId) : void 0,
+		lifecycleActions: lifecycle.actions,
+		isRunningLifecycleAction: lifecycle.isRunning,
+		onLifecycleAction: lifecycleActions ? lifecycle.run : void 0,
 		preferences,
 		...rest
 	});

package/dist/components/admin/AgentDetails/AgentDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgentDetails.js","names":["AgentDetails: FC<AgentDetailsProps>","useTranslation","endpoint: ManagementEndpoint","useManagementEndpoint","agent: ResourceQueryResult<Agent>","useResourceQuery","groups: ResourceQueryResult<MembershipGroupListResponse>","roles: ResourceQueryResult<AgentRoleListResponse>","deletion: ResourceMutationResult<void, string>","useResourceMutation","BaseAgentDetails"],"sources":["../../../../src/components/admin/AgentDetails/AgentDetails.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  Agent,\n  AgentQueryKeys,\n  AgentRoleListResponse,\n  GroupQueryKeys,\n  MembershipGroupListResponse,\n  RoleQueryKeys,\n  deleteAgent,\n  getAgent,\n  getAgentGroups,\n  getAgentRoles,\n  toManagementErrorMessage,\n} from '@thunderid/browser';\nimport {FC, ReactElement} from 'react';\nimport BaseAgentDetails, {BaseAgentDetailsProps} from './BaseAgentDetails';\nimport useManagementEndpoint, {ManagementEndpoint} from '../../../hooks/management/useManagementEndpoint';\nimport useResourceMutation, {ResourceMutationResult} from '../../../hooks/management/useResourceMutation';\nimport useResourceQuery, {ResourceQueryResult} from '../../../hooks/management/useResourceQuery';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type AgentDetailsProps = Omit<\n  BaseAgentDetailsProps,\n  'agent' | 'error' | 'groups' | 'isDeleting' | 'isLoading' | 'onDelete' | 'roles'\n> & {\n  agentId: string;\n  /**\n   * Whether the agent can be deleted from this view.\n   * @default false\n   */\n  deletable?: boolean;\n  /**\n   * Called after the agent has been deleted.\n   */\n  onDeleted?: () => void;\n};\n\n/**\n * Shows an agent with the groups and roles it holds, and optionally lets the signed-in user delete\n * it.\n *\n * @example\n * ```tsx\n * <AgentDetails agentId={agentId} deletable onDeleted={() => navigate('/agents')} />\n * ```\n */\nconst AgentDetails: FC<AgentDetailsProps> = ({\n  agentId,\n  deletable = false,\n  onDeleted,\n  preferences,\n  ...rest\n}: AgentDetailsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const endpoint: ManagementEndpoint = useManagementEndpoint('agents');\n  const agent: ResourceQueryResult<Agent> = useResourceQuery(\n    [AgentQueryKeys.AGENT, agentId],\n    (fetcher) => getAgent({...endpoint, agentId, fetcher}),\n    {enabled: Boolean(agentId)},\n  );\n  const groups: ResourceQueryResult<MembershipGroupListResponse> = useResourceQuery(\n    [GroupQueryKeys.MEMBERSHIPS, 'agent', agentId, {limit: 100}],\n    (fetcher) => getAgentGroups({...endpoint, agentId, fetcher, limit: 100}),\n    {enabled: Boolean(agentId)},\n  );\n  const roles: ResourceQueryResult<AgentRoleListResponse> = useResourceQuery(\n    [RoleQueryKeys.ROLE_ASSIGNMENTS, 'agent', agentId, {limit: 100}],\n    (fetcher) => getAgentRoles({...endpoint, agentId, fetcher, limit: 100}),\n    {enabled: Boolean(agentId)},\n  );\n  const deletion: ResourceMutationResult<void, string> = useResourceMutation(\n    (id: string, fetcher) => deleteAgent({...endpoint, agentId: id, fetcher}),\n    () => [[AgentQueryKeys.AGENTS]],\n    {onSuccess: onDeleted},\n  );\n\n  return (\n    <BaseAgentDetails\n      agent={agent.data}\n      groups={groups.data?.groups}\n      roles={roles.data?.roles}\n      isLoading={agent.isLoading}\n      error={\n        toManagementErrorMessage(t, agent.error, 'admin.agents.details.error') ??\n        toManagementErrorMessage(t, deletion.error, 'admin.agents.details.delete.error')\n      }\n      isDeleting={deletion.isLoading}\n      onDelete={deletable ? (): void => void deletion.mutate(agentId) : undefined}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default AgentDetails;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgDA,MAAMA,gBAAuC,EAC3C,SACA,YAAY,OACZ,WACA,YACA,GAAG,WACkC;CACrC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAMC,WAA+BC,8BAAsB,SAAS;CACpE,MAAMC,QAAoCC,yBACxC,CAAC,eAAe,OAAO,QAAQ,GAC9B,YAAY,SAAS;EAAC,GAAG;EAAU;EAAS;EAAQ,CAAC,EACtD,EAAC,SAAS,QAAQ,QAAQ,EAAC,CAC5B;CACD,MAAMC,SAA2DD,yBAC/D;EAAC,eAAe;EAAa;EAAS;EAAS,EAAC,OAAO,KAAI;EAAC,GAC3D,YAAY,eAAe;EAAC,GAAG;EAAU;EAAS;EAAS,OAAO;EAAI,CAAC,EACxE,EAAC,SAAS,QAAQ,QAAQ,EAAC,CAC5B;CACD,MAAME,QAAoDF,yBACxD;EAAC,cAAc;EAAkB;EAAS;EAAS,EAAC,OAAO,KAAI;EAAC,GAC/D,YAAY,cAAc;EAAC,GAAG;EAAU;EAAS;EAAS,OAAO;EAAI,CAAC,EACvE,EAAC,SAAS,QAAQ,QAAQ,EAAC,CAC5B;CACD,MAAMG,WAAiDC,6BACpD,IAAY,YAAY,YAAY;EAAC,GAAG;EAAU,SAAS;EAAI;EAAQ,CAAC,QACnE,CAAC,CAAC,eAAe,OAAO,CAAC,EAC/B,EAAC,WAAW,WAAU,CACvB;AAED,QACE,oBAACC;EACC,OAAO,MAAM;EACb,QAAQ,OAAO,MAAM;EACrB,OAAO,MAAM,MAAM;EACnB,WAAW,MAAM;EACjB,OACE,yBAAyB,GAAG,MAAM,OAAO,6BAA6B,IACtE,yBAAyB,GAAG,SAAS,OAAO,oCAAoC;EAElF,YAAY,SAAS;EACrB,UAAU,kBAAwB,KAAK,SAAS,OAAO,QAAQ,GAAG;EACrD;EACb,GAAI;GACJ;;AAIN,2BAAe"}
+{"version":3,"file":"AgentDetails.js","names":["AgentDetails: FC<AgentDetailsProps>","useTranslation","endpoint: ManagementEndpoint","useManagementEndpoint","agent: ResourceQueryResult<Agent>","useResourceQuery","groups: ResourceQueryResult<MembershipGroupListResponse>","roles: ResourceQueryResult<AgentRoleListResponse>","deletion: ResourceMutationResult<void, string>","useResourceMutation","lifecycle: AccountLifecycleState","useAccountLifecycle","BaseAgentDetails"],"sources":["../../../../src/components/admin/AgentDetails/AgentDetails.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  Agent,\n  AgentQueryKeys,\n  AgentRoleListResponse,\n  GroupQueryKeys,\n  MembershipGroupListResponse,\n  RoleQueryKeys,\n  deleteAgent,\n  getAgent,\n  getAgentGroups,\n  getAgentRoles,\n  toManagementErrorMessage,\n} from '@thunderid/browser';\nimport {FC, ReactElement} from 'react';\nimport BaseAgentDetails, {BaseAgentDetailsProps} from './BaseAgentDetails';\nimport useAccountLifecycle, {AccountLifecycleState} from '../../../hooks/management/useAccountLifecycle';\nimport useManagementEndpoint, {ManagementEndpoint} from '../../../hooks/management/useManagementEndpoint';\nimport useResourceMutation, {ResourceMutationResult} from '../../../hooks/management/useResourceMutation';\nimport useResourceQuery, {ResourceQueryResult} from '../../../hooks/management/useResourceQuery';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type AgentDetailsProps = Omit<\n  BaseAgentDetailsProps,\n  | 'agent'\n  | 'error'\n  | 'groups'\n  | 'isDeleting'\n  | 'isLoading'\n  | 'isRunningLifecycleAction'\n  | 'lifecycleActions'\n  | 'onDelete'\n  | 'onLifecycleAction'\n  | 'roles'\n> & {\n  agentId: string;\n  /**\n   * Whether the agent can be deleted from this view.\n   * @default false\n   */\n  deletable?: boolean;\n  /**\n   * Whether the agent can be suspended, unsuspended and unlocked from this view. Each action runs through its\n   * administration flow and is offered only when the server configures that flow. Reading the configured\n   * flows needs a token that may read the server configuration.\n   * @default false\n   */\n  lifecycleActions?: boolean;\n  /**\n   * Called after the agent has been deleted.\n   */\n  onDeleted?: () => void;\n};\n\n/**\n * Shows an agent with the groups and roles it holds, and optionally lets the signed-in user delete\n * it.\n *\n * @example\n * ```tsx\n * <AgentDetails agentId={agentId} deletable onDeleted={() => navigate('/agents')} />\n * ```\n */\nconst AgentDetails: FC<AgentDetailsProps> = ({\n  agentId,\n  deletable = false,\n  lifecycleActions = false,\n  onDeleted,\n  preferences,\n  ...rest\n}: AgentDetailsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const endpoint: ManagementEndpoint = useManagementEndpoint('agents');\n  const agent: ResourceQueryResult<Agent> = useResourceQuery(\n    [AgentQueryKeys.AGENT, agentId],\n    (fetcher) => getAgent({...endpoint, agentId, fetcher}),\n    {enabled: Boolean(agentId)},\n  );\n  const groups: ResourceQueryResult<MembershipGroupListResponse> = useResourceQuery(\n    [GroupQueryKeys.MEMBERSHIPS, 'agent', agentId, {limit: 100}],\n    (fetcher) => getAgentGroups({...endpoint, agentId, fetcher, limit: 100}),\n    {enabled: Boolean(agentId)},\n  );\n  const roles: ResourceQueryResult<AgentRoleListResponse> = useResourceQuery(\n    [RoleQueryKeys.ROLE_ASSIGNMENTS, 'agent', agentId, {limit: 100}],\n    (fetcher) => getAgentRoles({...endpoint, agentId, fetcher, limit: 100}),\n    {enabled: Boolean(agentId)},\n  );\n  const deletion: ResourceMutationResult<void, string> = useResourceMutation(\n    (id: string, fetcher) => deleteAgent({...endpoint, agentId: id, fetcher}),\n    () => [[AgentQueryKeys.AGENTS]],\n    {onSuccess: onDeleted},\n  );\n\n  const lifecycle: AccountLifecycleState = useAccountLifecycle({\n    enabled: lifecycleActions,\n    invalidatedKeys: [[AgentQueryKeys.AGENT, agentId], [AgentQueryKeys.AGENTS]],\n    kind: 'agent',\n    status: agent.data?.status?.value,\n    subject: agentId,\n  });\n\n  return (\n    <BaseAgentDetails\n      agent={agent.data}\n      groups={groups.data?.groups}\n      roles={roles.data?.roles}\n      isLoading={agent.isLoading}\n      error={\n        toManagementErrorMessage(t, agent.error, 'admin.agents.details.error') ??\n        toManagementErrorMessage(t, deletion.error, 'admin.agents.details.delete.error') ??\n        toManagementErrorMessage(t, lifecycle.error, 'admin.common.lifecycle.error') ??\n        toManagementErrorMessage(t, lifecycle.loadError, 'admin.common.lifecycle.load_error')\n      }\n      isDeleting={deletion.isLoading}\n      onDelete={deletable ? (): void => void deletion.mutate(agentId) : undefined}\n      lifecycleActions={lifecycle.actions}\n      isRunningLifecycleAction={lifecycle.isRunning}\n      onLifecycleAction={lifecycleActions ? lifecycle.run : undefined}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default AgentDetails;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAiEA,MAAMA,gBAAuC,EAC3C,SACA,YAAY,OACZ,mBAAmB,OACnB,WACA,YACA,GAAG,WACkC;CACrC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAMC,WAA+BC,8BAAsB,SAAS;CACpE,MAAMC,QAAoCC,yBACxC,CAAC,eAAe,OAAO,QAAQ,GAC9B,YAAY,SAAS;EAAC,GAAG;EAAU;EAAS;EAAQ,CAAC,EACtD,EAAC,SAAS,QAAQ,QAAQ,EAAC,CAC5B;CACD,MAAMC,SAA2DD,yBAC/D;EAAC,eAAe;EAAa;EAAS;EAAS,EAAC,OAAO,KAAI;EAAC,GAC3D,YAAY,eAAe;EAAC,GAAG;EAAU;EAAS;EAAS,OAAO;EAAI,CAAC,EACxE,EAAC,SAAS,QAAQ,QAAQ,EAAC,CAC5B;CACD,MAAME,QAAoDF,yBACxD;EAAC,cAAc;EAAkB;EAAS;EAAS,EAAC,OAAO,KAAI;EAAC,GAC/D,YAAY,cAAc;EAAC,GAAG;EAAU;EAAS;EAAS,OAAO;EAAI,CAAC,EACvE,EAAC,SAAS,QAAQ,QAAQ,EAAC,CAC5B;CACD,MAAMG,WAAiDC,6BACpD,IAAY,YAAY,YAAY;EAAC,GAAG;EAAU,SAAS;EAAI;EAAQ,CAAC,QACnE,CAAC,CAAC,eAAe,OAAO,CAAC,EAC/B,EAAC,WAAW,WAAU,CACvB;CAED,MAAMC,YAAmCC,4BAAoB;EAC3D,SAAS;EACT,iBAAiB,CAAC,CAAC,eAAe,OAAO,QAAQ,EAAE,CAAC,eAAe,OAAO,CAAC;EAC3E,MAAM;EACN,QAAQ,MAAM,MAAM,QAAQ;EAC5B,SAAS;EACV,CAAC;AAEF,QACE,oBAACC;EACC,OAAO,MAAM;EACb,QAAQ,OAAO,MAAM;EACrB,OAAO,MAAM,MAAM;EACnB,WAAW,MAAM;EACjB,OACE,yBAAyB,GAAG,MAAM,OAAO,6BAA6B,IACtE,yBAAyB,GAAG,SAAS,OAAO,oCAAoC,IAChF,yBAAyB,GAAG,UAAU,OAAO,+BAA+B,IAC5E,yBAAyB,GAAG,UAAU,WAAW,oCAAoC;EAEvF,YAAY,SAAS;EACrB,UAAU,kBAAwB,KAAK,SAAS,OAAO,QAAQ,GAAG;EAClE,kBAAkB,UAAU;EAC5B,0BAA0B,UAAU;EACpC,mBAAmB,mBAAmB,UAAU,MAAM;EACzC;EACb,GAAI;GACJ;;AAIN,2BAAe"}

package/dist/components/admin/AgentDetails/BaseAgentDetails.d.ts

@@ -1,4 +1,4 @@
-import { Agent, MembershipGroup, Preferences } from '@thunderid/browser';
+import { AccountLifecycleAction, Agent, MembershipGroup, Preferences } from '@thunderid/browser';
 import { FC, ReactNode } from 'react';
 /**
  * What {@link BaseAgentDetails} hands its `children` render function, so the agent can be shown with any UI.
@@ -9,10 +9,19 @@ export interface BaseAgentDetailsRenderProps {
     groups: MembershipGroup[];
     isDeleting: boolean;
     isLoading: boolean;
+    isRunningLifecycleAction: boolean;
+    /**
+     * The account lifecycle actions offered for the agent. Empty when none is allowed.
+     */
+    lifecycleActions: AccountLifecycleAction[];
     /**
      * Deletes the agent. Undefined when deletion is not allowed, including for read-only agents.
      */
     onDelete?: () => void;
+    /**
+     * Runs an account lifecycle action, with the operator's note on a suspension. Undefined when none is allowed.
+     */
+    onLifecycleAction?: (action: AccountLifecycleAction, operatorNote?: string) => void;
     roles: string[];
 }
 export interface BaseAgentDetailsProps {
@@ -34,10 +43,21 @@ export interface BaseAgentDetailsProps {
     groups?: MembershipGroup[];
     isDeleting?: boolean;
     isLoading?: boolean;
+    isRunningLifecycleAction?: boolean;
+    /**
+     * The account lifecycle actions to offer (suspend, unsuspend, unlock), shown only with `onLifecycleAction`. They change
+     * only runtime state, so they apply to read-only agents too.
+     */
+    lifecycleActions?: AccountLifecycleAction[];
     /**
      * Deletes the agent. The delete action is hidden when omitted.
      */
     onDelete?: () => void;
+    /**
+     * Runs an account lifecycle action. Suspending and unsuspending ask for confirmation first, and a
+     * suspension takes an optional operator note.
+     */
+    onLifecycleAction?: (action: AccountLifecycleAction, operatorNote?: string) => void;
     preferences?: Preferences;
     /**
      * The names of the roles the agent holds, directly or through its groups.

package/dist/components/admin/AgentDetails/BaseAgentDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseAgentDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/AgentDetails/BaseAgentDetails.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,EAAE,eAAe,EAAE,WAAW,EAAC,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AASlD;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,SAAS,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AAED;;;GAGG;AACH,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA4G/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"BaseAgentDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/AgentDetails/BaseAgentDetails.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,sBAAsB,EAAE,KAAK,EAAE,eAAe,EAAE,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC/F,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAUlD;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,wBAAwB,EAAE,OAAO,CAAC;IAClC;;OAEG;IACH,gBAAgB,EAAE,sBAAsB,EAAE,CAAC;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,sBAAsB,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpF,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,SAAS,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,sBAAsB,EAAE,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,sBAAsB,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpF,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AAED;;;GAGG;AACH,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA+H/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/admin/AgentDetails/BaseAgentDetails.js

@@ -4,6 +4,7 @@ import Alert_default from "../../primitives/Alert/Alert.js";
 import CopyableText_default from "../../primitives/CopyableText/CopyableText.js";
 import useAdminPartStyles_default from "../shared/useAdminPartStyles.js";
 import AdminSection_default from "../shared/AdminSection.js";
+import { AccessStatusBadge, AccountLifecycleButtons } from "../shared/AccountLifecycleParts.js";
 import { ChipList, ConfirmButton, DetailList, Panel } from "../shared/AdminParts.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
@@ -12,7 +13,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * Shows an agent's type, owner, client and the groups and roles it holds. Holds no data of its own:
 * pass the agent and handle deletion.
 */
-const BaseAgentDetails = ({ actions, agent, children, className, error = null, groups = [], isDeleting = false, isLoading = false, onDelete, preferences, roles = [] }) => {
+const BaseAgentDetails = ({ actions, agent, children, className, error = null, groups = [], isDeleting = false, isLoading = false, isRunningLifecycleAction = false, lifecycleActions = [], onDelete, onLifecycleAction, preferences, roles = [] }) => {
 	const { t } = useTranslation_default(preferences?.i18n);
 	const styles = useAdminPartStyles_default();
 	if (children) return /* @__PURE__ */ jsx("div", {
@@ -23,7 +24,10 @@ const BaseAgentDetails = ({ actions, agent, children, className, error = null, g
 			groups,
 			isDeleting,
 			isLoading,
+			isRunningLifecycleAction,
+			lifecycleActions: onLifecycleAction && agent ? lifecycleActions : [],
 			onDelete: agent && !agent.isReadOnly ? onDelete : void 0,
+			onLifecycleAction: agent ? onLifecycleAction : void 0,
 			roles
 		})
 	});
@@ -65,6 +69,10 @@ const BaseAgentDetails = ({ actions, agent, children, className, error = null, g
 			value: agent.ouHandle ?? agent.ouId
 		}
 	];
+	if (agent.status) details.push({
+		label: t("admin.common.columns.status"),
+		value: /* @__PURE__ */ jsx(AccessStatusBadge, { status: agent.status.value })
+	});
 	if (agent.clientId) details.push({
 		label: t("admin.agents.list.columns.client_id"),
 		value: /* @__PURE__ */ jsx(CopyableText_default, { value: agent.clientId })
@@ -75,12 +83,22 @@ const BaseAgentDetails = ({ actions, agent, children, className, error = null, g
 		title: agent.name,
 		description: agent.description,
 		preferences,
-		actions: /* @__PURE__ */ jsxs(Fragment, { children: [actions, onDelete && !agent.isReadOnly && /* @__PURE__ */ jsx(ConfirmButton, {
-			confirmText: t("admin.agents.details.delete.confirm", { name: agent.name }),
-			isLoading: isDeleting,
-			onConfirm: onDelete,
-			children: t("admin.agents.details.delete.action")
-		})] }),
+		actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+			actions,
+			onLifecycleAction && /* @__PURE__ */ jsx(AccountLifecycleButtons, {
+				actions: lifecycleActions,
+				collectsOperatorNote: true,
+				isRunning: isRunningLifecycleAction,
+				name: agent.name,
+				onAction: onLifecycleAction
+			}),
+			onDelete && !agent.isReadOnly && /* @__PURE__ */ jsx(ConfirmButton, {
+				confirmText: t("admin.agents.details.delete.confirm", { name: agent.name }),
+				isLoading: isDeleting,
+				onConfirm: onDelete,
+				children: t("admin.agents.details.delete.action")
+			})
+		] }),
 		children: [
 			error && /* @__PURE__ */ jsx(Alert_default, {
 				variant: "error",

package/dist/components/admin/AgentDetails/BaseAgentDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseAgentDetails.js","names":["BaseAgentDetails: FC<BaseAgentDetailsProps>","useTranslation","styles: Record<string, string>","useAdminPartStyles","AdminSection","Spinner","Alert","details: {label: string; value: ReactNode}[]","CopyableText"],"sources":["../../../../src/components/admin/AgentDetails/BaseAgentDetails.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Agent, MembershipGroup, Preferences} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode} from 'react';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Alert from '../../primitives/Alert/Alert';\nimport CopyableText from '../../primitives/CopyableText/CopyableText';\nimport Spinner from '../../primitives/Spinner/Spinner';\nimport {ChipList, ConfirmButton, DetailList, Panel} from '../shared/AdminParts';\nimport AdminSection from '../shared/AdminSection';\nimport useAdminPartStyles from '../shared/useAdminPartStyles';\n\n/**\n * What {@link BaseAgentDetails} hands its `children` render function, so the agent can be shown with any UI.\n */\nexport interface BaseAgentDetailsRenderProps {\n  agent?: Agent;\n  error: string | null;\n  groups: MembershipGroup[];\n  isDeleting: boolean;\n  isLoading: boolean;\n  /**\n   * Deletes the agent. Undefined when deletion is not allowed, including for read-only agents.\n   */\n  onDelete?: () => void;\n  roles: string[];\n}\n\nexport interface BaseAgentDetailsProps {\n  /**\n   * Controls rendered next to the agent's name.\n   */\n  actions?: ReactNode;\n  agent?: Agent;\n  /**\n   * Renders custom UI in place of the default view. Receives the agent, its groups and roles, the\n   * loading and error state, and the delete handler.\n   */\n  children?: (props: BaseAgentDetailsRenderProps) => ReactNode;\n  className?: string;\n  error?: string | null;\n  /**\n   * The groups the agent belongs to.\n   */\n  groups?: MembershipGroup[];\n  isDeleting?: boolean;\n  isLoading?: boolean;\n  /**\n   * Deletes the agent. The delete action is hidden when omitted.\n   */\n  onDelete?: () => void;\n  preferences?: Preferences;\n  /**\n   * The names of the roles the agent holds, directly or through its groups.\n   */\n  roles?: string[];\n}\n\n/**\n * Shows an agent's type, owner, client and the groups and roles it holds. Holds no data of its own:\n * pass the agent and handle deletion.\n */\nconst BaseAgentDetails: FC<BaseAgentDetailsProps> = ({\n  actions,\n  agent,\n  children,\n  className,\n  error = null,\n  groups = [],\n  isDeleting = false,\n  isLoading = false,\n  onDelete,\n  preferences,\n  roles = [],\n}: BaseAgentDetailsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const styles: Record<string, string> = useAdminPartStyles();\n\n  if (children) {\n    return (\n      <div className={className}>\n        {children({\n          agent,\n          error,\n          groups,\n          isDeleting,\n          isLoading,\n          onDelete: agent && !agent.isReadOnly ? onDelete : undefined,\n          roles,\n        })}\n      </div>\n    );\n  }\n\n  if (isLoading && !agent) {\n    return (\n      <AdminSection block=\"agent-details\" className={className} preferences={preferences}>\n        <span className={styles['muted']} role=\"status\">\n          <Spinner size=\"small\" /> {t('admin.common.loading')}\n        </span>\n      </AdminSection>\n    );\n  }\n\n  if (!agent) {\n    return (\n      <AdminSection block=\"agent-details\" className={className} preferences={preferences}>\n        <Alert variant=\"error\" role=\"alert\">\n          {error ?? t('admin.common.errors.not_found')}\n        </Alert>\n      </AdminSection>\n    );\n  }\n\n  const details: {label: string; value: ReactNode}[] = [\n    {label: t('admin.agents.details.type'), value: agent.type},\n    {label: t('admin.agents.details.owner'), value: agent.owner ?? t('admin.agents.details.no_owner')},\n    {label: t('admin.common.columns.organization_unit'), value: agent.ouHandle ?? agent.ouId},\n  ];\n\n  if (agent.clientId) {\n    details.push({label: t('admin.agents.list.columns.client_id'), value: <CopyableText value={agent.clientId} />});\n  }\n\n  return (\n    <AdminSection\n      block=\"agent-details\"\n      className={className}\n      title={agent.name}\n      description={agent.description}\n      preferences={preferences}\n      actions={\n        <>\n          {actions}\n          {onDelete && !agent.isReadOnly && (\n            <ConfirmButton\n              confirmText={t('admin.agents.details.delete.confirm', {name: agent.name})}\n              isLoading={isDeleting}\n              onConfirm={onDelete}\n            >\n              {t('admin.agents.details.delete.action')}\n            </ConfirmButton>\n          )}\n        </>\n      }\n    >\n      {error && (\n        <Alert variant=\"error\" role=\"alert\">\n          {error}\n        </Alert>\n      )}\n      <Panel title={t('admin.agents.details.overview')}>\n        <DetailList items={details} />\n      </Panel>\n      <Panel title={t('admin.agents.details.groups')}>\n        <ChipList\n          label={t('admin.agents.details.groups')}\n          emptyText={t('admin.agents.details.no_groups')}\n          items={groups.map((group: MembershipGroup) => ({id: group.id, label: group.name}))}\n        />\n      </Panel>\n      <Panel title={t('admin.agents.details.roles')}>\n        <ChipList\n          label={t('admin.agents.details.roles')}\n          emptyText={t('admin.agents.details.no_roles')}\n          items={roles.map((role: string) => ({id: role, label: role}))}\n        />\n      </Panel>\n    </AdminSection>\n  );\n};\n\nexport default BaseAgentDetails;\n"],"mappings":";;;;;;;;;;;;;;AA+DA,MAAMA,oBAA+C,EACnD,SACA,OACA,UACA,WACA,QAAQ,MACR,SAAS,EAAE,EACX,aAAa,OACb,YAAY,OACZ,UACA,aACA,QAAQ,EAAE,OAC+B;CACzC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAMC,SAAiCC,4BAAoB;AAE3D,KAAI,SACF,QACE,oBAAC;EAAe;YACb,SAAS;GACR;GACA;GACA;GACA;GACA;GACA,UAAU,SAAS,CAAC,MAAM,aAAa,WAAW;GAClD;GACD,CAAC;GACE;AAIV,KAAI,aAAa,CAAC,MAChB,QACE,oBAACC;EAAa,OAAM;EAA2B;EAAwB;YACrE,qBAAC;GAAK,WAAW,OAAO;GAAU,MAAK;;IACrC,oBAACC,mBAAQ,MAAK,UAAU;;IAAE,EAAE,uBAAuB;;IAC9C;GACM;AAInB,KAAI,CAAC,MACH,QACE,oBAACD;EAAa,OAAM;EAA2B;EAAwB;YACrE,oBAACE;GAAM,SAAQ;GAAQ,MAAK;aACzB,SAAS,EAAE,gCAAgC;IACtC;GACK;CAInB,MAAMC,UAA+C;EACnD;GAAC,OAAO,EAAE,4BAA4B;GAAE,OAAO,MAAM;GAAK;EAC1D;GAAC,OAAO,EAAE,6BAA6B;GAAE,OAAO,MAAM,SAAS,EAAE,gCAAgC;GAAC;EAClG;GAAC,OAAO,EAAE,yCAAyC;GAAE,OAAO,MAAM,YAAY,MAAM;GAAK;EAC1F;AAED,KAAI,MAAM,SACR,SAAQ,KAAK;EAAC,OAAO,EAAE,sCAAsC;EAAE,OAAO,oBAACC,wBAAa,OAAO,MAAM,WAAY;EAAC,CAAC;AAGjH,QACE,qBAACJ;EACC,OAAM;EACK;EACX,OAAO,MAAM;EACb,aAAa,MAAM;EACN;EACb,SACE,4CACG,SACA,YAAY,CAAC,MAAM,cAClB,oBAAC;GACC,aAAa,EAAE,uCAAuC,EAAC,MAAM,MAAM,MAAK,CAAC;GACzE,WAAW;GACX,WAAW;aAEV,EAAE,qCAAqC;IAC1B,IAEjB;;GAGJ,SACC,oBAACE;IAAM,SAAQ;IAAQ,MAAK;cACzB;KACK;GAEV,oBAAC;IAAM,OAAO,EAAE,gCAAgC;cAC9C,oBAAC,cAAW,OAAO,UAAW;KACxB;GACR,oBAAC;IAAM,OAAO,EAAE,8BAA8B;cAC5C,oBAAC;KACC,OAAO,EAAE,8BAA8B;KACvC,WAAW,EAAE,iCAAiC;KAC9C,OAAO,OAAO,KAAK,WAA4B;MAAC,IAAI,MAAM;MAAI,OAAO,MAAM;MAAK,EAAE;MAClF;KACI;GACR,oBAAC;IAAM,OAAO,EAAE,6BAA6B;cAC3C,oBAAC;KACC,OAAO,EAAE,6BAA6B;KACtC,WAAW,EAAE,gCAAgC;KAC7C,OAAO,MAAM,KAAK,UAAkB;MAAC,IAAI;MAAM,OAAO;MAAK,EAAE;MAC7D;KACI;;GACK;;AAInB,+BAAe"}
+{"version":3,"file":"BaseAgentDetails.js","names":["BaseAgentDetails: FC<BaseAgentDetailsProps>","useTranslation","styles: Record<string, string>","useAdminPartStyles","AdminSection","Spinner","Alert","details: {label: string; value: ReactNode}[]","CopyableText"],"sources":["../../../../src/components/admin/AgentDetails/BaseAgentDetails.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {AccountLifecycleAction, Agent, MembershipGroup, Preferences} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode} from 'react';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Alert from '../../primitives/Alert/Alert';\nimport CopyableText from '../../primitives/CopyableText/CopyableText';\nimport Spinner from '../../primitives/Spinner/Spinner';\nimport {AccessStatusBadge, AccountLifecycleButtons} from '../shared/AccountLifecycleParts';\nimport {ChipList, ConfirmButton, DetailList, Panel} from '../shared/AdminParts';\nimport AdminSection from '../shared/AdminSection';\nimport useAdminPartStyles from '../shared/useAdminPartStyles';\n\n/**\n * What {@link BaseAgentDetails} hands its `children` render function, so the agent can be shown with any UI.\n */\nexport interface BaseAgentDetailsRenderProps {\n  agent?: Agent;\n  error: string | null;\n  groups: MembershipGroup[];\n  isDeleting: boolean;\n  isLoading: boolean;\n  isRunningLifecycleAction: boolean;\n  /**\n   * The account lifecycle actions offered for the agent. Empty when none is allowed.\n   */\n  lifecycleActions: AccountLifecycleAction[];\n  /**\n   * Deletes the agent. Undefined when deletion is not allowed, including for read-only agents.\n   */\n  onDelete?: () => void;\n  /**\n   * Runs an account lifecycle action, with the operator's note on a suspension. Undefined when none is allowed.\n   */\n  onLifecycleAction?: (action: AccountLifecycleAction, operatorNote?: string) => void;\n  roles: string[];\n}\n\nexport interface BaseAgentDetailsProps {\n  /**\n   * Controls rendered next to the agent's name.\n   */\n  actions?: ReactNode;\n  agent?: Agent;\n  /**\n   * Renders custom UI in place of the default view. Receives the agent, its groups and roles, the\n   * loading and error state, and the delete handler.\n   */\n  children?: (props: BaseAgentDetailsRenderProps) => ReactNode;\n  className?: string;\n  error?: string | null;\n  /**\n   * The groups the agent belongs to.\n   */\n  groups?: MembershipGroup[];\n  isDeleting?: boolean;\n  isLoading?: boolean;\n  isRunningLifecycleAction?: boolean;\n  /**\n   * The account lifecycle actions to offer (suspend, unsuspend, unlock), shown only with `onLifecycleAction`. They change\n   * only runtime state, so they apply to read-only agents too.\n   */\n  lifecycleActions?: AccountLifecycleAction[];\n  /**\n   * Deletes the agent. The delete action is hidden when omitted.\n   */\n  onDelete?: () => void;\n  /**\n   * Runs an account lifecycle action. Suspending and unsuspending ask for confirmation first, and a\n   * suspension takes an optional operator note.\n   */\n  onLifecycleAction?: (action: AccountLifecycleAction, operatorNote?: string) => void;\n  preferences?: Preferences;\n  /**\n   * The names of the roles the agent holds, directly or through its groups.\n   */\n  roles?: string[];\n}\n\n/**\n * Shows an agent's type, owner, client and the groups and roles it holds. Holds no data of its own:\n * pass the agent and handle deletion.\n */\nconst BaseAgentDetails: FC<BaseAgentDetailsProps> = ({\n  actions,\n  agent,\n  children,\n  className,\n  error = null,\n  groups = [],\n  isDeleting = false,\n  isLoading = false,\n  isRunningLifecycleAction = false,\n  lifecycleActions = [],\n  onDelete,\n  onLifecycleAction,\n  preferences,\n  roles = [],\n}: BaseAgentDetailsProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const styles: Record<string, string> = useAdminPartStyles();\n\n  if (children) {\n    return (\n      <div className={className}>\n        {children({\n          agent,\n          error,\n          groups,\n          isDeleting,\n          isLoading,\n          isRunningLifecycleAction,\n          lifecycleActions: onLifecycleAction && agent ? lifecycleActions : [],\n          onDelete: agent && !agent.isReadOnly ? onDelete : undefined,\n          onLifecycleAction: agent ? onLifecycleAction : undefined,\n          roles,\n        })}\n      </div>\n    );\n  }\n\n  if (isLoading && !agent) {\n    return (\n      <AdminSection block=\"agent-details\" className={className} preferences={preferences}>\n        <span className={styles['muted']} role=\"status\">\n          <Spinner size=\"small\" /> {t('admin.common.loading')}\n        </span>\n      </AdminSection>\n    );\n  }\n\n  if (!agent) {\n    return (\n      <AdminSection block=\"agent-details\" className={className} preferences={preferences}>\n        <Alert variant=\"error\" role=\"alert\">\n          {error ?? t('admin.common.errors.not_found')}\n        </Alert>\n      </AdminSection>\n    );\n  }\n\n  const details: {label: string; value: ReactNode}[] = [\n    {label: t('admin.agents.details.type'), value: agent.type},\n    {label: t('admin.agents.details.owner'), value: agent.owner ?? t('admin.agents.details.no_owner')},\n    {label: t('admin.common.columns.organization_unit'), value: agent.ouHandle ?? agent.ouId},\n  ];\n\n  if (agent.status) {\n    details.push({label: t('admin.common.columns.status'), value: <AccessStatusBadge status={agent.status.value} />});\n  }\n\n  if (agent.clientId) {\n    details.push({label: t('admin.agents.list.columns.client_id'), value: <CopyableText value={agent.clientId} />});\n  }\n\n  return (\n    <AdminSection\n      block=\"agent-details\"\n      className={className}\n      title={agent.name}\n      description={agent.description}\n      preferences={preferences}\n      actions={\n        <>\n          {actions}\n          {onLifecycleAction && (\n            <AccountLifecycleButtons\n              actions={lifecycleActions}\n              collectsOperatorNote\n              isRunning={isRunningLifecycleAction}\n              name={agent.name}\n              onAction={onLifecycleAction}\n            />\n          )}\n          {onDelete && !agent.isReadOnly && (\n            <ConfirmButton\n              confirmText={t('admin.agents.details.delete.confirm', {name: agent.name})}\n              isLoading={isDeleting}\n              onConfirm={onDelete}\n            >\n              {t('admin.agents.details.delete.action')}\n            </ConfirmButton>\n          )}\n        </>\n      }\n    >\n      {error && (\n        <Alert variant=\"error\" role=\"alert\">\n          {error}\n        </Alert>\n      )}\n      <Panel title={t('admin.agents.details.overview')}>\n        <DetailList items={details} />\n      </Panel>\n      <Panel title={t('admin.agents.details.groups')}>\n        <ChipList\n          label={t('admin.agents.details.groups')}\n          emptyText={t('admin.agents.details.no_groups')}\n          items={groups.map((group: MembershipGroup) => ({id: group.id, label: group.name}))}\n        />\n      </Panel>\n      <Panel title={t('admin.agents.details.roles')}>\n        <ChipList\n          label={t('admin.agents.details.roles')}\n          emptyText={t('admin.agents.details.no_roles')}\n          items={roles.map((role: string) => ({id: role, label: role}))}\n        />\n      </Panel>\n    </AdminSection>\n  );\n};\n\nexport default BaseAgentDetails;\n"],"mappings":";;;;;;;;;;;;;;;AAoFA,MAAMA,oBAA+C,EACnD,SACA,OACA,UACA,WACA,QAAQ,MACR,SAAS,EAAE,EACX,aAAa,OACb,YAAY,OACZ,2BAA2B,OAC3B,mBAAmB,EAAE,EACrB,UACA,mBACA,aACA,QAAQ,EAAE,OAC+B;CACzC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAMC,SAAiCC,4BAAoB;AAE3D,KAAI,SACF,QACE,oBAAC;EAAe;YACb,SAAS;GACR;GACA;GACA;GACA;GACA;GACA;GACA,kBAAkB,qBAAqB,QAAQ,mBAAmB,EAAE;GACpE,UAAU,SAAS,CAAC,MAAM,aAAa,WAAW;GAClD,mBAAmB,QAAQ,oBAAoB;GAC/C;GACD,CAAC;GACE;AAIV,KAAI,aAAa,CAAC,MAChB,QACE,oBAACC;EAAa,OAAM;EAA2B;EAAwB;YACrE,qBAAC;GAAK,WAAW,OAAO;GAAU,MAAK;;IACrC,oBAACC,mBAAQ,MAAK,UAAU;;IAAE,EAAE,uBAAuB;;IAC9C;GACM;AAInB,KAAI,CAAC,MACH,QACE,oBAACD;EAAa,OAAM;EAA2B;EAAwB;YACrE,oBAACE;GAAM,SAAQ;GAAQ,MAAK;aACzB,SAAS,EAAE,gCAAgC;IACtC;GACK;CAInB,MAAMC,UAA+C;EACnD;GAAC,OAAO,EAAE,4BAA4B;GAAE,OAAO,MAAM;GAAK;EAC1D;GAAC,OAAO,EAAE,6BAA6B;GAAE,OAAO,MAAM,SAAS,EAAE,gCAAgC;GAAC;EAClG;GAAC,OAAO,EAAE,yCAAyC;GAAE,OAAO,MAAM,YAAY,MAAM;GAAK;EAC1F;AAED,KAAI,MAAM,OACR,SAAQ,KAAK;EAAC,OAAO,EAAE,8BAA8B;EAAE,OAAO,oBAAC,qBAAkB,QAAQ,MAAM,OAAO,QAAS;EAAC,CAAC;AAGnH,KAAI,MAAM,SACR,SAAQ,KAAK;EAAC,OAAO,EAAE,sCAAsC;EAAE,OAAO,oBAACC,wBAAa,OAAO,MAAM,WAAY;EAAC,CAAC;AAGjH,QACE,qBAACJ;EACC,OAAM;EACK;EACX,OAAO,MAAM;EACb,aAAa,MAAM;EACN;EACb,SACE;GACG;GACA,qBACC,oBAAC;IACC,SAAS;IACT;IACA,WAAW;IACX,MAAM,MAAM;IACZ,UAAU;KACV;GAEH,YAAY,CAAC,MAAM,cAClB,oBAAC;IACC,aAAa,EAAE,uCAAuC,EAAC,MAAM,MAAM,MAAK,CAAC;IACzE,WAAW;IACX,WAAW;cAEV,EAAE,qCAAqC;KAC1B;MAEjB;;GAGJ,SACC,oBAACE;IAAM,SAAQ;IAAQ,MAAK;cACzB;KACK;GAEV,oBAAC;IAAM,OAAO,EAAE,gCAAgC;cAC9C,oBAAC,cAAW,OAAO,UAAW;KACxB;GACR,oBAAC;IAAM,OAAO,EAAE,8BAA8B;cAC5C,oBAAC;KACC,OAAO,EAAE,8BAA8B;KACvC,WAAW,EAAE,iCAAiC;KAC9C,OAAO,OAAO,KAAK,WAA4B;MAAC,IAAI,MAAM;MAAI,OAAO,MAAM;MAAK,EAAE;MAClF;KACI;GACR,oBAAC;IAAM,OAAO,EAAE,6BAA6B;cAC3C,oBAAC;KACC,OAAO,EAAE,6BAA6B;KACtC,WAAW,EAAE,gCAAgC;KAC7C,OAAO,MAAM,KAAK,UAAkB;MAAC,IAAI;MAAM,OAAO;MAAK,EAAE;MAC7D;KACI;;GACK;;AAInB,+BAAe"}

package/dist/components/admin/ApplicationDetails/ApplicationDetails.d.ts

@@ -1,6 +1,13 @@
+import { AdministrationMode } from '@thunderid/browser';
 import { FC } from 'react';
 import { BaseApplicationDetailsProps } from './BaseApplicationDetails';
-export type ApplicationDetailsProps = Omit<BaseApplicationDetailsProps, 'application' | 'clientSecret' | 'error' | 'isDeleting' | 'isLoading' | 'isRegeneratingSecret' | 'isUpdating' | 'onDelete' | 'onRegenerateSecret' | 'onSecretDismiss' | 'onUpdate'> & {
+export type ApplicationDetailsProps = Omit<BaseApplicationDetailsProps, 'application' | 'clientSecret' | 'error' | 'isDeleting' | 'isLoading' | 'isRegeneratingSecret' | 'isRunningLifecycleAction' | 'isUpdating' | 'lifecycleActions' | 'onDelete' | 'onLifecycleAction' | 'onRegenerateSecret' | 'onSecretDismiss' | 'onUpdate'> & {
+    /**
+     * How the delete and the client secret regeneration run. `flow` runs the administration flow the server configures for it, which can revoke
+     * grants and end sessions first. It needs `baseUrl`.
+     * @default 'native'
+     */
+    administrationMode?: AdministrationMode;
     applicationId: string;
     /**
      * Whether the application can be deleted from this view.
@@ -12,6 +19,13 @@ export type ApplicationDetailsProps = Omit<BaseApplicationDetailsProps, 'applica
      * @default false
      */
     editable?: boolean;
+    /**
+     * Whether the application can be suspended and unsuspended from this view. Each action runs through its
+     * administration flow and is offered only when the server configures that flow. Reading the configured
+     * flows needs a token that may read the server configuration.
+     * @default false
+     */
+    lifecycleActions?: boolean;
     /**
      * Called after the application has been deleted.
      */

package/dist/components/admin/ApplicationDetails/ApplicationDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/ApplicationDetails/ApplicationDetails.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAC,EAAE,EAAe,MAAM,OAAO,CAAC;AACvC,OAA+B,EAE7B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAWlC,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,2BAA2B,EACzB,aAAa,GACb,cAAc,GACd,OAAO,GACP,YAAY,GACZ,WAAW,GACX,sBAAsB,GACtB,YAAY,GACZ,UAAU,GACV,oBAAoB,GACpB,iBAAiB,GACjB,UAAU,CACb,GAAG;IACF,aAAa,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAkEnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"ApplicationDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/ApplicationDetails/ApplicationDetails.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAUnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAAe,MAAM,OAAO,CAAC;AACvC,OAA+B,EAE7B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAYlC,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,2BAA2B,EACzB,aAAa,GACb,cAAc,GACd,OAAO,GACP,YAAY,GACZ,WAAW,GACX,sBAAsB,GACtB,0BAA0B,GAC1B,YAAY,GACZ,kBAAkB,GAClB,UAAU,GACV,mBAAmB,GACnB,oBAAoB,GACpB,iBAAiB,GACjB,UAAU,CACb,GAAG;IACF;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,aAAa,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAiFnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}