@thunderid/react 1.7.0 → 1.9.0

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/AgentList/AgentList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentList.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/AgentList/AgentList.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,EAAE,EAAyB,MAAM,OAAO,CAAC;AACjD,OAAsB,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAKlE,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,kBAAkB,EAClB,QAAQ,GAAG,OAAO,GAAG,WAAW,GAAG,QAAQ,GAAG,cAAc,GAAG,UAAU,GAAG,QAAQ,GAAG,cAAc,CACtG,GAAG;IACF;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAwCjC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"AgentList.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/AgentList/AgentList.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAC,EAAE,EAAyB,MAAM,OAAO,CAAC;AACjD,OAAsB,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAMlE,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,kBAAkB,EAClB,QAAQ,GAAG,OAAO,GAAG,WAAW,GAAG,QAAQ,GAAG,cAAc,GAAG,UAAU,GAAG,QAAQ,GAAG,cAAc,CACtG,GAAG;IACF;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAyCjC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/admin/AgentList/AgentList.js

@@ -1,7 +1,8 @@
 import useTranslation_default from "../../../hooks/useTranslation.js";
-import useGetAgents_default from "../../../hooks/management/agents/useGetAgents.js";
+import useManagementEndpoint_default from "../../../hooks/management/useManagementEndpoint.js";
+import useResourceQuery_default from "../../../hooks/management/useResourceQuery.js";
 import BaseAgentList_default from "./BaseAgentList.js";
-import { toEqualityFilter, toManagementErrorMessage } from "@thunderid/browser";
+import { AgentQueryKeys, getAgents, toEqualityFilter, toManagementErrorMessage } from "@thunderid/browser";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -22,11 +23,19 @@ const AgentList = ({ limit = 20, preferences, searchable = true, searchAttribute
 		label: t("admin.agents.list.search.name"),
 		value: "name"
 	}];
-	const { data, error, isLoading } = useGetAgents_default({
-		filter: search ? toEqualityFilter(search.attribute, search.value) : void 0,
+	const endpoint = useManagementEndpoint_default("agents");
+	const filter = search ? toEqualityFilter(search.attribute, search.value) : void 0;
+	const { data, error, isLoading } = useResourceQuery_default([AgentQueryKeys.AGENTS, {
+		filter,
 		limit,
 		offset
-	});
+	}], (fetcher) => getAgents({
+		...endpoint,
+		fetcher,
+		filter,
+		limit,
+		offset
+	}));
 	return /* @__PURE__ */ jsx(BaseAgentList_default, {
 		agents: data?.agents ?? [],
 		totalResults: data?.totalResults,

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

@@ -1 +1 @@
-{"version":3,"file":"AgentList.js","names":["AgentList: FC<AgentListProps>","useTranslation","attributes: SelectOption[]","useGetAgents","BaseAgentList"],"sources":["../../../../src/components/admin/AgentList/AgentList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {toEqualityFilter, toManagementErrorMessage, SelectOption} from '@thunderid/browser';\nimport {FC, ReactElement, useState} from 'react';\nimport BaseAgentList, {BaseAgentListProps} from './BaseAgentList';\nimport {AdminSearchValue} from '../shared/AdminSearch';\nimport useGetAgents from '../../../hooks/management/agents/useGetAgents';\nimport useTranslation from '../../../hooks/useTranslation';\n\nexport type AgentListProps = Omit<\n  BaseAgentListProps,\n  'agents' | 'error' | 'isLoading' | 'offset' | 'onPageChange' | 'onSearch' | 'search' | 'totalResults'\n> & {\n  /**\n   * Whether to show the search form. Agents are searched by a custom attribute, by default `name`, and\n   * the server matches the whole value.\n   * @default true\n   */\n  searchable?: boolean;\n};\n\n/**\n * Lists the agents the signed-in user is allowed to see, a page at a time.\n *\n * @example\n * ```tsx\n * <AgentList onSelect={(agent) => setSelectedAgentId(agent.id)} />\n * ```\n */\nconst AgentList: FC<AgentListProps> = ({\n  limit = 20,\n  preferences,\n  searchable = true,\n  searchAttributes,\n  ...rest\n}: AgentListProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const [offset, setOffset] = useState<number>(0);\n  const [search, setSearch] = useState<AdminSearchValue | null>(null);\n  const attributes: SelectOption[] = searchAttributes ?? [{label: t('admin.agents.list.search.name'), value: 'name'}];\n  const {data, error, isLoading} = useGetAgents({\n    filter: search ? toEqualityFilter(search.attribute, search.value) : undefined,\n    limit,\n    offset,\n  });\n\n  return (\n    <BaseAgentList\n      agents={data?.agents ?? []}\n      totalResults={data?.totalResults}\n      isLoading={isLoading}\n      error={toManagementErrorMessage(t, error, 'admin.agents.list.error')}\n      limit={limit}\n      offset={offset}\n      onPageChange={setOffset}\n      search={search}\n      searchAttributes={attributes}\n      onSearch={\n        searchable\n          ? (next: AdminSearchValue | null): void => {\n              setSearch(next);\n              setOffset(0);\n            }\n          : undefined\n      }\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default AgentList;\n"],"mappings":";;;;;;;;;;;;;;;;AA8BA,MAAMA,aAAiC,EACrC,QAAQ,IACR,aACA,aAAa,MACb,iBACA,GAAG,WAC+B;CAClC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,QAAQ,aAAa,SAAiB,EAAE;CAC/C,MAAM,CAAC,QAAQ,aAAa,SAAkC,KAAK;CACnE,MAAMC,aAA6B,oBAAoB,CAAC;EAAC,OAAO,EAAE,gCAAgC;EAAE,OAAO;EAAO,CAAC;CACnH,MAAM,EAAC,MAAM,OAAO,cAAaC,qBAAa;EAC5C,QAAQ,SAAS,iBAAiB,OAAO,WAAW,OAAO,MAAM,GAAG;EACpE;EACA;EACD,CAAC;AAEF,QACE,oBAACC;EACC,QAAQ,MAAM,UAAU,EAAE;EAC1B,cAAc,MAAM;EACT;EACX,OAAO,yBAAyB,GAAG,OAAO,0BAA0B;EAC7D;EACC;EACR,cAAc;EACN;EACR,kBAAkB;EAClB,UACE,cACK,SAAwC;AACvC,aAAU,KAAK;AACf,aAAU,EAAE;MAEd;EAEO;EACb,GAAI;GACJ;;AAIN,wBAAe"}
+{"version":3,"file":"AgentList.js","names":["AgentList: FC<AgentListProps>","useTranslation","attributes: SelectOption[]","endpoint: ManagementEndpoint","useManagementEndpoint","filter: string | undefined","useResourceQuery","BaseAgentList"],"sources":["../../../../src/components/admin/AgentList/AgentList.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  AgentListResponse,\n  AgentQueryKeys,\n  SelectOption,\n  getAgents,\n  toEqualityFilter,\n  toManagementErrorMessage,\n} from '@thunderid/browser';\nimport {FC, ReactElement, useState} from 'react';\nimport BaseAgentList, {BaseAgentListProps} from './BaseAgentList';\nimport useManagementEndpoint, {ManagementEndpoint} from '../../../hooks/management/useManagementEndpoint';\nimport useResourceQuery, {ResourceQueryResult} from '../../../hooks/management/useResourceQuery';\nimport useTranslation from '../../../hooks/useTranslation';\nimport {AdminSearchValue} from '../shared/AdminSearch';\n\nexport type AgentListProps = Omit<\n  BaseAgentListProps,\n  'agents' | 'error' | 'isLoading' | 'offset' | 'onPageChange' | 'onSearch' | 'search' | 'totalResults'\n> & {\n  /**\n   * Whether to show the search form. Agents are searched by a custom attribute, by default `name`, and\n   * the server matches the whole value.\n   * @default true\n   */\n  searchable?: boolean;\n};\n\n/**\n * Lists the agents the signed-in user is allowed to see, a page at a time.\n *\n * @example\n * ```tsx\n * <AgentList onSelect={(agent) => setSelectedAgentId(agent.id)} />\n * ```\n */\nconst AgentList: FC<AgentListProps> = ({\n  limit = 20,\n  preferences,\n  searchable = true,\n  searchAttributes,\n  ...rest\n}: AgentListProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const [offset, setOffset] = useState<number>(0);\n  const [search, setSearch] = useState<AdminSearchValue | null>(null);\n  const attributes: SelectOption[] = searchAttributes ?? [{label: t('admin.agents.list.search.name'), value: 'name'}];\n  const endpoint: ManagementEndpoint = useManagementEndpoint('agents');\n  const filter: string | undefined = search ? toEqualityFilter(search.attribute, search.value) : undefined;\n  const {data, error, isLoading}: ResourceQueryResult<AgentListResponse> = useResourceQuery(\n    [AgentQueryKeys.AGENTS, {filter, limit, offset}],\n    (fetcher) => getAgents({...endpoint, fetcher, filter, limit, offset}),\n  );\n\n  return (\n    <BaseAgentList\n      agents={data?.agents ?? []}\n      totalResults={data?.totalResults}\n      isLoading={isLoading}\n      error={toManagementErrorMessage(t, error, 'admin.agents.list.error')}\n      limit={limit}\n      offset={offset}\n      onPageChange={setOffset}\n      search={search}\n      searchAttributes={attributes}\n      onSearch={\n        searchable\n          ? (next: AdminSearchValue | null): void => {\n              setSearch(next);\n              setOffset(0);\n            }\n          : undefined\n      }\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default AgentList;\n"],"mappings":";;;;;;;;;;;;;;;;;AAsCA,MAAMA,aAAiC,EACrC,QAAQ,IACR,aACA,aAAa,MACb,iBACA,GAAG,WAC+B;CAClC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,QAAQ,aAAa,SAAiB,EAAE;CAC/C,MAAM,CAAC,QAAQ,aAAa,SAAkC,KAAK;CACnE,MAAMC,aAA6B,oBAAoB,CAAC;EAAC,OAAO,EAAE,gCAAgC;EAAE,OAAO;EAAO,CAAC;CACnH,MAAMC,WAA+BC,8BAAsB,SAAS;CACpE,MAAMC,SAA6B,SAAS,iBAAiB,OAAO,WAAW,OAAO,MAAM,GAAG;CAC/F,MAAM,EAAC,MAAM,OAAO,cAAqDC,yBACvE,CAAC,eAAe,QAAQ;EAAC;EAAQ;EAAO;EAAO,CAAC,GAC/C,YAAY,UAAU;EAAC,GAAG;EAAU;EAAS;EAAQ;EAAO;EAAO,CAAC,CACtE;AAED,QACE,oBAACC;EACC,QAAQ,MAAM,UAAU,EAAE;EAC1B,cAAc,MAAM;EACT;EACX,OAAO,yBAAyB,GAAG,OAAO,0BAA0B;EAC7D;EACC;EACR,cAAc;EACN;EACR,kBAAkB;EAClB,UACE,cACK,SAAwC;AACvC,aAAU,KAAK;AACf,aAAU,EAAE;MAEd;EAEO;EACb,GAAI;GACJ;;AAIN,wBAAe"}

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

@@ -0,0 +1,30 @@
+import { Application } from '@thunderid/browser';
+import { FC } from 'react';
+import { BaseApplicationCreateProps } from './BaseApplicationCreate';
+export type ApplicationCreateProps = Omit<BaseApplicationCreateProps, 'clientSecret' | 'error' | 'isSubmitting' | 'onSecretDismiss' | 'onSubmit'> & {
+    /**
+     * Called with the created application. When the server returned a client secret, it is called once
+     * the user has copied the secret, since the secret cannot be read again.
+     */
+    onCreated?: (application: Application) => void;
+    /**
+     * Organization unit the application is created in. Defaults to the signed-in user's organization unit.
+     */
+    ouId?: string;
+};
+/**
+ * Creates an application with an OAuth client through the management API, and shows its client
+ * secret once when the server returns one.
+ *
+ * The server guards applications with the root `system` permission, for reading and for changes alike;
+ * it defines no application-specific permission. Gate the view and its actions on it with
+ * `useGrantedPermissions().can('system')`.
+ *
+ * @example
+ * ```tsx
+ * <ApplicationCreate onCreated={(application) => navigate(`/applications/${application.id}`)} />
+ * ```
+ */
+declare const ApplicationCreate: FC<ApplicationCreateProps>;
+export default ApplicationCreate;
+//# sourceMappingURL=ApplicationCreate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/ApplicationCreate/ApplicationCreate.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,EAOZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAAyB,MAAM,OAAO,CAAC;AACjD,OAA8B,EAA8B,0BAA0B,EAAC,MAAM,yBAAyB,CAAC;AAMvH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,0BAA0B,EAC1B,cAAc,GAAG,OAAO,GAAG,cAAc,GAAG,iBAAiB,GAAG,UAAU,CAC3E,GAAG;IACF;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;IAC/C;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAyDjD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/admin/ApplicationCreate/ApplicationCreate.js

@@ -0,0 +1,66 @@
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import useManagementEndpoint_default from "../../../hooks/management/useManagementEndpoint.js";
+import useResourceMutation_default from "../../../hooks/management/useResourceMutation.js";
+import useDefaultOuId_default from "../shared/useDefaultOuId.js";
+import BaseApplicationCreate_default from "./BaseApplicationCreate.js";
+import { ApplicationQueryKeys, createApplication, getApplicationClientSecret, toCreateApplicationRequest, toManagementErrorMessage } from "@thunderid/browser";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/admin/ApplicationCreate/ApplicationCreate.tsx
+/**
+* Creates an application with an OAuth client through the management API, and shows its client
+* secret once when the server returns one.
+*
+* The server guards applications with the root `system` permission, for reading and for changes alike;
+* it defines no application-specific permission. Gate the view and its actions on it with
+* `useGrantedPermissions().can('system')`.
+*
+* @example
+* ```tsx
+* <ApplicationCreate onCreated={(application) => navigate(`/applications/${application.id}`)} />
+* ```
+*/
+const ApplicationCreate = ({ onCreated, ouId, preferences,...rest }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const resolvedOuId = useDefaultOuId_default(ouId);
+	const endpoint = useManagementEndpoint_default("applications");
+	const [created, setCreated] = useState(null);
+	const [formKey, setFormKey] = useState(0);
+	const { error, isLoading, mutate } = useResourceMutation_default((payload, fetcher) => createApplication({
+		...endpoint,
+		fetcher,
+		payload
+	}), () => [[ApplicationQueryKeys.APPLICATIONS]], { onSuccess: (application) => {
+		const secret = getApplicationClientSecret(application);
+		if (secret) setCreated({
+			application,
+			secret
+		});
+		else onCreated?.(application);
+	} });
+	const handleSubmit = (submission) => {
+		if (resolvedOuId) mutate(toCreateApplicationRequest(submission, resolvedOuId));
+	};
+	const handleSecretDismiss = () => {
+		if (created) {
+			setCreated(null);
+			setFormKey((key) => key + 1);
+			onCreated?.(created.application);
+		}
+	};
+	return /* @__PURE__ */ jsx(BaseApplicationCreate_default, {
+		onSubmit: handleSubmit,
+		isSubmitting: isLoading,
+		clientSecret: created?.secret ?? null,
+		onSecretDismiss: handleSecretDismiss,
+		error: resolvedOuId ? toManagementErrorMessage(t, error, "admin.applications.create.error") : t("admin.common.errors.no_ou"),
+		preferences,
+		...rest
+	}, formKey);
+};
+var ApplicationCreate_default = ApplicationCreate;
+
+//#endregion
+export { ApplicationCreate_default as default };
+//# sourceMappingURL=ApplicationCreate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationCreate.js","names":["ApplicationCreate: FC<ApplicationCreateProps>","useTranslation","resolvedOuId: string | undefined","useDefaultOuId","endpoint: ManagementEndpoint","useManagementEndpoint","useResourceMutation","secret: string | undefined","BaseApplicationCreate"],"sources":["../../../../src/components/admin/ApplicationCreate/ApplicationCreate.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  Application,\n  ApplicationQueryKeys,\n  createApplication,\n  CreateApplicationRequest,\n  getApplicationClientSecret,\n  toCreateApplicationRequest,\n  toManagementErrorMessage,\n} from '@thunderid/browser';\nimport {FC, ReactElement, useState} from 'react';\nimport BaseApplicationCreate, {ApplicationCreateSubmission, BaseApplicationCreateProps} from './BaseApplicationCreate';\nimport useManagementEndpoint, {ManagementEndpoint} from '../../../hooks/management/useManagementEndpoint';\nimport useResourceMutation, {ResourceMutationResult} from '../../../hooks/management/useResourceMutation';\nimport useTranslation from '../../../hooks/useTranslation';\nimport useDefaultOuId from '../shared/useDefaultOuId';\n\nexport type ApplicationCreateProps = Omit<\n  BaseApplicationCreateProps,\n  'clientSecret' | 'error' | 'isSubmitting' | 'onSecretDismiss' | 'onSubmit'\n> & {\n  /**\n   * Called with the created application. When the server returned a client secret, it is called once\n   * the user has copied the secret, since the secret cannot be read again.\n   */\n  onCreated?: (application: Application) => void;\n  /**\n   * Organization unit the application is created in. Defaults to the signed-in user's organization unit.\n   */\n  ouId?: string;\n};\n\n/**\n * Creates an application with an OAuth client through the management API, and shows its client\n * secret once when the server returns one.\n *\n * The server guards applications with the root `system` permission, for reading and for changes alike;\n * it defines no application-specific permission. Gate the view and its actions on it with\n * `useGrantedPermissions().can('system')`.\n *\n * @example\n * ```tsx\n * <ApplicationCreate onCreated={(application) => navigate(`/applications/${application.id}`)} />\n * ```\n */\nconst ApplicationCreate: FC<ApplicationCreateProps> = ({\n  onCreated,\n  ouId,\n  preferences,\n  ...rest\n}: ApplicationCreateProps): ReactElement => {\n  const {t} = useTranslation(preferences?.i18n);\n  const resolvedOuId: string | undefined = useDefaultOuId(ouId);\n  const endpoint: ManagementEndpoint = useManagementEndpoint('applications');\n  const [created, setCreated] = useState<{application: Application; secret: string} | null>(null);\n  const [formKey, setFormKey] = useState<number>(0);\n  const {error, isLoading, mutate}: ResourceMutationResult<Application, CreateApplicationRequest> = useResourceMutation(\n    (payload: CreateApplicationRequest, fetcher) => createApplication({...endpoint, fetcher, payload}),\n    () => [[ApplicationQueryKeys.APPLICATIONS]],\n    {\n      onSuccess: (application: Application): void => {\n        const secret: string | undefined = getApplicationClientSecret(application);\n\n        if (secret) {\n          setCreated({application, secret});\n        } else {\n          onCreated?.(application);\n        }\n      },\n    },\n  );\n\n  const handleSubmit = (submission: ApplicationCreateSubmission): void => {\n    if (resolvedOuId) {\n      void mutate(toCreateApplicationRequest(submission, resolvedOuId));\n    }\n  };\n\n  const handleSecretDismiss = (): void => {\n    if (created) {\n      setCreated(null);\n      setFormKey((key: number) => key + 1);\n      onCreated?.(created.application);\n    }\n  };\n\n  return (\n    <BaseApplicationCreate\n      key={formKey}\n      onSubmit={handleSubmit}\n      isSubmitting={isLoading}\n      clientSecret={created?.secret ?? null}\n      onSecretDismiss={handleSecretDismiss}\n      error={\n        resolvedOuId\n          ? toManagementErrorMessage(t, error, 'admin.applications.create.error')\n          : t('admin.common.errors.no_ou')\n      }\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default ApplicationCreate;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA+CA,MAAMA,qBAAiD,EACrD,WACA,MACA,YACA,GAAG,WACuC;CAC1C,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAMC,eAAmCC,uBAAe,KAAK;CAC7D,MAAMC,WAA+BC,8BAAsB,eAAe;CAC1E,MAAM,CAAC,SAAS,cAAc,SAA4D,KAAK;CAC/F,MAAM,CAAC,SAAS,cAAc,SAAiB,EAAE;CACjD,MAAM,EAAC,OAAO,WAAW,WAAyEC,6BAC/F,SAAmC,YAAY,kBAAkB;EAAC,GAAG;EAAU;EAAS;EAAQ,CAAC,QAC5F,CAAC,CAAC,qBAAqB,aAAa,CAAC,EAC3C,EACE,YAAY,gBAAmC;EAC7C,MAAMC,SAA6B,2BAA2B,YAAY;AAE1E,MAAI,OACF,YAAW;GAAC;GAAa;GAAO,CAAC;MAEjC,aAAY,YAAY;IAG7B,CACF;CAED,MAAM,gBAAgB,eAAkD;AACtE,MAAI,aACF,CAAK,OAAO,2BAA2B,YAAY,aAAa,CAAC;;CAIrE,MAAM,4BAAkC;AACtC,MAAI,SAAS;AACX,cAAW,KAAK;AAChB,eAAY,QAAgB,MAAM,EAAE;AACpC,eAAY,QAAQ,YAAY;;;AAIpC,QACE,oBAACC;EAEC,UAAU;EACV,cAAc;EACd,cAAc,SAAS,UAAU;EACjC,iBAAiB;EACjB,OACE,eACI,yBAAyB,GAAG,OAAO,kCAAkC,GACrE,EAAE,4BAA4B;EAEvB;EACb,GAAI;IAXC,QAYL;;AAIN,gCAAe"}

package/dist/components/admin/ApplicationCreate/BaseApplicationCreate.d.ts

@@ -0,0 +1,80 @@
+import { ApplicationSubmission, Preferences, SelectOption } from '@thunderid/browser';
+import { FC, ReactNode } from 'react';
+import { ApplicationFormValues, ApplicationTextField } from '../shared/ApplicationFormFields';
+/**
+ * The application {@link BaseApplicationCreate} submits. The organization unit is added by the caller.
+ */
+export type ApplicationCreateSubmission = ApplicationSubmission;
+/**
+ * What {@link BaseApplicationCreate} hands its `children` render function, so the form can be built with any UI.
+ */
+export interface BaseApplicationCreateRenderProps {
+    /**
+     * The client secret of the application just created, to show once. `null` while there is none.
+     */
+    clientSecret: string | null;
+    error: string | null;
+    /**
+     * The grant types to choose from, with translated labels.
+     */
+    grantTypeOptions: SelectOption[];
+    /**
+     * Sets the chosen grant types.
+     */
+    handleGrantTypesChange: (grantTypes: string[]) => void;
+    /**
+     * Sets one text field of the form. `redirectUris` takes URIs separated by commas.
+     */
+    handleInputChange: (field: ApplicationTextField, value: string) => void;
+    /**
+     * Sets whether the client is public.
+     */
+    handlePublicClientChange: (publicClient: boolean) => void;
+    /**
+     * Submits the current values. Does nothing while they are not valid.
+     */
+    handleSubmit: () => void;
+    isSubmitting: boolean;
+    /**
+     * Whether the values can be submitted.
+     */
+    isValid: boolean;
+    onCancel?: () => void;
+    /**
+     * Hides the client secret once it has been copied. Undefined while there is no secret.
+     */
+    onSecretDismiss?: () => void;
+    values: ApplicationFormValues;
+}
+export interface BaseApplicationCreateProps {
+    /**
+     * Renders custom UI in place of the default form. Receives the values, their setters, the grant
+     * types, the submit handler, the submission state and the client secret to show.
+     */
+    children?: (props: BaseApplicationCreateRenderProps) => ReactNode;
+    className?: string;
+    /**
+     * The client secret of the application just created. When set, the form gives way to the secret,
+     * which can be read only this once, until `onSecretDismiss` clears it.
+     */
+    clientSecret?: string | null;
+    description?: string;
+    error?: string | null;
+    isSubmitting?: boolean;
+    onCancel?: () => void;
+    /**
+     * Called when the user has copied the client secret.
+     */
+    onSecretDismiss?: () => void;
+    onSubmit: (application: ApplicationCreateSubmission) => void;
+    preferences?: Preferences;
+    title?: string;
+}
+/**
+ * A form that collects a new application's name, description, links and OAuth basics: redirect URIs,
+ * grant types and whether the client is public. Holds no data of its own: handle the submission, and
+ * pass back the client secret the server returned to show it once.
+ */
+declare const BaseApplicationCreate: FC<BaseApplicationCreateProps>;
+export default BaseApplicationCreate;
+//# sourceMappingURL=BaseApplicationCreate.d.ts.map

package/dist/components/admin/ApplicationCreate/BaseApplicationCreate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseApplicationCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/admin/ApplicationCreate/BaseApplicationCreate.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,qBAAqB,EAIrB,WAAW,EACX,YAAY,EACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAA2B,SAAS,EAAW,MAAM,OAAO,CAAC;AAOvE,OAA8B,EAAC,qBAAqB,EAAE,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AAGnH;;GAEG;AACH,MAAM,MAAM,2BAA2B,GAAG,qBAAqB,CAAC;AAEhE;;GAEG;AACH,MAAM,WAAW,gCAAgC;IAC/C;;OAEG;IACH,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;OAEG;IACH,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC;;OAEG;IACH,sBAAsB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACvD;;OAEG;IACH,iBAAiB,EAAE,CAAC,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,wBAAwB,EAAE,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D;;OAEG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,MAAM,EAAE,qBAAqB,CAAC;CAC/B;AAED,MAAM,WAAW,0BAA0B;IACzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,SAAS,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,WAAW,EAAE,2BAA2B,KAAK,IAAI,CAAC;IAC7D,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAqHzD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/admin/ApplicationCreate/BaseApplicationCreate.js

@@ -0,0 +1,131 @@
+import useTheme_default from "../../../contexts/Theme/useTheme.js";
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import Button_default from "../../primitives/Button/Button.js";
+import Alert_default from "../../primitives/Alert/Alert.js";
+import AdminSection_styles_default from "../shared/AdminSection.styles.js";
+import AdminSection_default from "../shared/AdminSection.js";
+import ApplicationFormFields_default from "../shared/ApplicationFormFields.js";
+import ClientSecretNotice_default from "../shared/ClientSecretNotice.js";
+import { APPLICATION_GRANT_TYPES, DEFAULT_APPLICATION_GRANT_TYPES, isApplicationSubmissionValid, parseRedirectUris } from "@thunderid/browser";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/admin/ApplicationCreate/BaseApplicationCreate.tsx
+/**
+* A form that collects a new application's name, description, links and OAuth basics: redirect URIs,
+* grant types and whether the client is public. Holds no data of its own: handle the submission, and
+* pass back the client secret the server returned to show it once.
+*/
+const BaseApplicationCreate = ({ children, className, clientSecret = null, description, error = null, isSubmitting = false, onCancel, onSecretDismiss, onSubmit, preferences, title }) => {
+	const { theme, colorScheme } = useTheme_default();
+	const styles = AdminSection_styles_default(theme, colorScheme);
+	const { t } = useTranslation_default(preferences?.i18n);
+	const [values, setValues] = useState({
+		description: "",
+		grantTypes: [...DEFAULT_APPLICATION_GRANT_TYPES],
+		logoUrl: "",
+		name: "",
+		publicClient: false,
+		redirectUris: "",
+		url: ""
+	});
+	const submission = {
+		description: values.description.trim() || void 0,
+		grantTypes: values.grantTypes,
+		logoUrl: values.logoUrl.trim() || void 0,
+		name: values.name.trim(),
+		publicClient: values.publicClient,
+		redirectUris: parseRedirectUris(values.redirectUris),
+		url: values.url.trim() || void 0
+	};
+	const isValid = isApplicationSubmissionValid(submission);
+	const setInput = (field, value) => setValues((previous) => ({
+		...previous,
+		[field]: value
+	}));
+	const setGrantTypes = (grantTypes) => setValues((previous) => ({
+		...previous,
+		grantTypes
+	}));
+	const setPublicClient = (publicClient) => setValues((previous) => ({
+		...previous,
+		publicClient
+	}));
+	const submit = () => {
+		if (isValid && !isSubmitting) onSubmit(submission);
+	};
+	const handleSubmit = (event) => {
+		event.preventDefault();
+		submit();
+	};
+	if (children) return /* @__PURE__ */ jsx("div", {
+		className,
+		children: children({
+			clientSecret,
+			error,
+			grantTypeOptions: APPLICATION_GRANT_TYPES.map((grantType) => ({
+				label: t(`admin.applications.grant_types.${grantType}`),
+				value: grantType
+			})),
+			handleGrantTypesChange: setGrantTypes,
+			handleInputChange: setInput,
+			handlePublicClientChange: setPublicClient,
+			handleSubmit: submit,
+			isSubmitting,
+			isValid,
+			onCancel,
+			onSecretDismiss: clientSecret ? onSecretDismiss : void 0,
+			values
+		})
+	});
+	return /* @__PURE__ */ jsx(AdminSection_default, {
+		block: "application-create",
+		className,
+		title: title ?? t("admin.applications.create.title"),
+		description,
+		preferences,
+		children: clientSecret ? /* @__PURE__ */ jsx(ClientSecretNotice_default, {
+			secret: clientSecret,
+			onDismiss: onSecretDismiss,
+			preferences
+		}) : /* @__PURE__ */ jsxs("form", {
+			className: styles["form"],
+			onSubmit: handleSubmit,
+			noValidate: true,
+			children: [
+				error && /* @__PURE__ */ jsx(Alert_default, {
+					variant: "error",
+					role: "alert",
+					children: error
+				}),
+				/* @__PURE__ */ jsx(ApplicationFormFields_default, {
+					preferences,
+					values,
+					onInputChange: setInput,
+					onGrantTypesChange: setGrantTypes,
+					onPublicClientChange: setPublicClient
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: styles["formActions"],
+					children: [onCancel && /* @__PURE__ */ jsx(Button_default, {
+						type: "button",
+						variant: "text",
+						onClick: onCancel,
+						disabled: isSubmitting,
+						children: t("admin.common.actions.cancel")
+					}), /* @__PURE__ */ jsx(Button_default, {
+						type: "submit",
+						loading: isSubmitting,
+						disabled: !isValid || isSubmitting,
+						children: t("admin.applications.create.submit")
+					})]
+				})
+			]
+		})
+	});
+};
+var BaseApplicationCreate_default = BaseApplicationCreate;
+
+//#endregion
+export { BaseApplicationCreate_default as default };
+//# sourceMappingURL=BaseApplicationCreate.js.map

package/dist/components/admin/ApplicationCreate/BaseApplicationCreate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseApplicationCreate.js","names":["BaseApplicationCreate: FC<BaseApplicationCreateProps>","useTheme","styles: Record<string, string>","useStyles","useTranslation","submission: ApplicationCreateSubmission","isValid: boolean","AdminSection","ClientSecretNotice","Alert","ApplicationFormFields","Button"],"sources":["../../../../src/components/admin/ApplicationCreate/BaseApplicationCreate.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  APPLICATION_GRANT_TYPES,\n  ApplicationSubmission,\n  DEFAULT_APPLICATION_GRANT_TYPES,\n  isApplicationSubmissionValid,\n  parseRedirectUris,\n  Preferences,\n  SelectOption,\n} from '@thunderid/browser';\nimport {FC, FormEvent, ReactElement, ReactNode, useState} from 'react';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Alert from '../../primitives/Alert/Alert';\nimport Button from '../../primitives/Button/Button';\nimport AdminSection from '../shared/AdminSection';\nimport useStyles from '../shared/AdminSection.styles';\nimport ApplicationFormFields, {ApplicationFormValues, ApplicationTextField} from '../shared/ApplicationFormFields';\nimport ClientSecretNotice from '../shared/ClientSecretNotice';\n\n/**\n * The application {@link BaseApplicationCreate} submits. The organization unit is added by the caller.\n */\nexport type ApplicationCreateSubmission = ApplicationSubmission;\n\n/**\n * What {@link BaseApplicationCreate} hands its `children` render function, so the form can be built with any UI.\n */\nexport interface BaseApplicationCreateRenderProps {\n  /**\n   * The client secret of the application just created, to show once. `null` while there is none.\n   */\n  clientSecret: string | null;\n  error: string | null;\n  /**\n   * The grant types to choose from, with translated labels.\n   */\n  grantTypeOptions: SelectOption[];\n  /**\n   * Sets the chosen grant types.\n   */\n  handleGrantTypesChange: (grantTypes: string[]) => void;\n  /**\n   * Sets one text field of the form. `redirectUris` takes URIs separated by commas.\n   */\n  handleInputChange: (field: ApplicationTextField, value: string) => void;\n  /**\n   * Sets whether the client is public.\n   */\n  handlePublicClientChange: (publicClient: boolean) => void;\n  /**\n   * Submits the current values. Does nothing while they are not valid.\n   */\n  handleSubmit: () => void;\n  isSubmitting: boolean;\n  /**\n   * Whether the values can be submitted.\n   */\n  isValid: boolean;\n  onCancel?: () => void;\n  /**\n   * Hides the client secret once it has been copied. Undefined while there is no secret.\n   */\n  onSecretDismiss?: () => void;\n  values: ApplicationFormValues;\n}\n\nexport interface BaseApplicationCreateProps {\n  /**\n   * Renders custom UI in place of the default form. Receives the values, their setters, the grant\n   * types, the submit handler, the submission state and the client secret to show.\n   */\n  children?: (props: BaseApplicationCreateRenderProps) => ReactNode;\n  className?: string;\n  /**\n   * The client secret of the application just created. When set, the form gives way to the secret,\n   * which can be read only this once, until `onSecretDismiss` clears it.\n   */\n  clientSecret?: string | null;\n  description?: string;\n  error?: string | null;\n  isSubmitting?: boolean;\n  onCancel?: () => void;\n  /**\n   * Called when the user has copied the client secret.\n   */\n  onSecretDismiss?: () => void;\n  onSubmit: (application: ApplicationCreateSubmission) => void;\n  preferences?: Preferences;\n  title?: string;\n}\n\n/**\n * A form that collects a new application's name, description, links and OAuth basics: redirect URIs,\n * grant types and whether the client is public. Holds no data of its own: handle the submission, and\n * pass back the client secret the server returned to show it once.\n */\nconst BaseApplicationCreate: FC<BaseApplicationCreateProps> = ({\n  children,\n  className,\n  clientSecret = null,\n  description,\n  error = null,\n  isSubmitting = false,\n  onCancel,\n  onSecretDismiss,\n  onSubmit,\n  preferences,\n  title,\n}: BaseApplicationCreateProps): ReactElement => {\n  const {theme, colorScheme} = useTheme();\n  const styles: Record<string, string> = useStyles(theme, colorScheme);\n  const {t} = useTranslation(preferences?.i18n);\n  const [values, setValues] = useState<ApplicationFormValues>({\n    description: '',\n    grantTypes: [...DEFAULT_APPLICATION_GRANT_TYPES],\n    logoUrl: '',\n    name: '',\n    publicClient: false,\n    redirectUris: '',\n    url: '',\n  });\n\n  const submission: ApplicationCreateSubmission = {\n    description: values.description.trim() || undefined,\n    grantTypes: values.grantTypes,\n    logoUrl: values.logoUrl.trim() || undefined,\n    name: values.name.trim(),\n    publicClient: values.publicClient,\n    redirectUris: parseRedirectUris(values.redirectUris),\n    url: values.url.trim() || undefined,\n  };\n  const isValid: boolean = isApplicationSubmissionValid(submission);\n\n  const setInput = (field: ApplicationTextField, value: string): void =>\n    setValues((previous: ApplicationFormValues) => ({...previous, [field]: value}));\n  const setGrantTypes = (grantTypes: string[]): void =>\n    setValues((previous: ApplicationFormValues) => ({...previous, grantTypes}));\n  const setPublicClient = (publicClient: boolean): void =>\n    setValues((previous: ApplicationFormValues) => ({...previous, publicClient}));\n\n  const submit = (): void => {\n    if (isValid && !isSubmitting) {\n      onSubmit(submission);\n    }\n  };\n\n  const handleSubmit = (event: FormEvent<HTMLFormElement>): void => {\n    event.preventDefault();\n    submit();\n  };\n\n  if (children) {\n    return (\n      <div className={className}>\n        {children({\n          clientSecret,\n          error,\n          grantTypeOptions: APPLICATION_GRANT_TYPES.map((grantType: string) => ({\n            label: t(`admin.applications.grant_types.${grantType}`),\n            value: grantType,\n          })),\n          handleGrantTypesChange: setGrantTypes,\n          handleInputChange: setInput,\n          handlePublicClientChange: setPublicClient,\n          handleSubmit: submit,\n          isSubmitting,\n          isValid,\n          onCancel,\n          onSecretDismiss: clientSecret ? onSecretDismiss : undefined,\n          values,\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <AdminSection\n      block=\"application-create\"\n      className={className}\n      title={title ?? t('admin.applications.create.title')}\n      description={description}\n      preferences={preferences}\n    >\n      {clientSecret ? (\n        <ClientSecretNotice secret={clientSecret} onDismiss={onSecretDismiss} preferences={preferences} />\n      ) : (\n        <form className={styles['form']} onSubmit={handleSubmit} noValidate>\n          {error && (\n            <Alert variant=\"error\" role=\"alert\">\n              {error}\n            </Alert>\n          )}\n          <ApplicationFormFields\n            preferences={preferences}\n            values={values}\n            onInputChange={setInput}\n            onGrantTypesChange={setGrantTypes}\n            onPublicClientChange={setPublicClient}\n          />\n          <div className={styles['formActions']}>\n            {onCancel && (\n              <Button type=\"button\" variant=\"text\" onClick={onCancel} disabled={isSubmitting}>\n                {t('admin.common.actions.cancel')}\n              </Button>\n            )}\n            <Button type=\"submit\" loading={isSubmitting} disabled={!isValid || isSubmitting}>\n              {t('admin.applications.create.submit')}\n            </Button>\n          </div>\n        </form>\n      )}\n    </AdminSection>\n  );\n};\n\nexport default BaseApplicationCreate;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAmGA,MAAMA,yBAAyD,EAC7D,UACA,WACA,eAAe,MACf,aACA,QAAQ,MACR,eAAe,OACf,UACA,iBACA,UACA,aACA,YAC8C;CAC9C,MAAM,EAAC,OAAO,gBAAeC,kBAAU;CACvC,MAAMC,SAAiCC,4BAAU,OAAO,YAAY;CACpE,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,QAAQ,aAAa,SAAgC;EAC1D,aAAa;EACb,YAAY,CAAC,GAAG,gCAAgC;EAChD,SAAS;EACT,MAAM;EACN,cAAc;EACd,cAAc;EACd,KAAK;EACN,CAAC;CAEF,MAAMC,aAA0C;EAC9C,aAAa,OAAO,YAAY,MAAM,IAAI;EAC1C,YAAY,OAAO;EACnB,SAAS,OAAO,QAAQ,MAAM,IAAI;EAClC,MAAM,OAAO,KAAK,MAAM;EACxB,cAAc,OAAO;EACrB,cAAc,kBAAkB,OAAO,aAAa;EACpD,KAAK,OAAO,IAAI,MAAM,IAAI;EAC3B;CACD,MAAMC,UAAmB,6BAA6B,WAAW;CAEjE,MAAM,YAAY,OAA6B,UAC7C,WAAW,cAAqC;EAAC,GAAG;GAAW,QAAQ;EAAM,EAAE;CACjF,MAAM,iBAAiB,eACrB,WAAW,cAAqC;EAAC,GAAG;EAAU;EAAW,EAAE;CAC7E,MAAM,mBAAmB,iBACvB,WAAW,cAAqC;EAAC,GAAG;EAAU;EAAa,EAAE;CAE/E,MAAM,eAAqB;AACzB,MAAI,WAAW,CAAC,aACd,UAAS,WAAW;;CAIxB,MAAM,gBAAgB,UAA4C;AAChE,QAAM,gBAAgB;AACtB,UAAQ;;AAGV,KAAI,SACF,QACE,oBAAC;EAAe;YACb,SAAS;GACR;GACA;GACA,kBAAkB,wBAAwB,KAAK,eAAuB;IACpE,OAAO,EAAE,kCAAkC,YAAY;IACvD,OAAO;IACR,EAAE;GACH,wBAAwB;GACxB,mBAAmB;GACnB,0BAA0B;GAC1B,cAAc;GACd;GACA;GACA;GACA,iBAAiB,eAAe,kBAAkB;GAClD;GACD,CAAC;GACE;AAIV,QACE,oBAACC;EACC,OAAM;EACK;EACX,OAAO,SAAS,EAAE,kCAAkC;EACvC;EACA;YAEZ,eACC,oBAACC;GAAmB,QAAQ;GAAc,WAAW;GAA8B;IAAe,GAElG,qBAAC;GAAK,WAAW,OAAO;GAAS,UAAU;GAAc;;IACtD,SACC,oBAACC;KAAM,SAAQ;KAAQ,MAAK;eACzB;MACK;IAEV,oBAACC;KACc;KACL;KACR,eAAe;KACf,oBAAoB;KACpB,sBAAsB;MACtB;IACF,qBAAC;KAAI,WAAW,OAAO;gBACpB,YACC,oBAACC;MAAO,MAAK;MAAS,SAAQ;MAAO,SAAS;MAAU,UAAU;gBAC/D,EAAE,8BAA8B;OAC1B,EAEX,oBAACA;MAAO,MAAK;MAAS,SAAS;MAAc,UAAU,CAAC,WAAW;gBAChE,EAAE,mCAAmC;OAC/B;MACL;;IACD;GAEI;;AAInB,oCAAe"}

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

@@ -0,0 +1,64 @@
+import { AdministrationMode } from '@thunderid/browser';
+import { FC } from 'react';
+import { BaseApplicationDetailsProps } from './BaseApplicationDetails';
+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.
+     * @default false
+     */
+    deletable?: boolean;
+    /**
+     * Whether the application's general fields, redirect URIs and grant types can be edited from this view.
+     * @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.
+     */
+    onDeleted?: () => void;
+    /**
+     * Whether the application's client secret can be regenerated from this view. The new secret is shown
+     * once.
+     * @default false
+     */
+    secretRegenerable?: boolean;
+};
+/**
+ * Shows an application and its OAuth configuration, and optionally lets the signed-in user edit it,
+ * regenerate its client secret or delete it.
+ *
+ * The server guards applications with the root `system` permission, for reading and for changes alike;
+ * it defines no application-specific permission. Gate the view and its actions on it with
+ * `useGrantedPermissions().can('system')`.
+ *
+ * @example
+ * ```tsx
+ * const {can} = useGrantedPermissions();
+ * const isAdmin = can('system');
+ *
+ * <ApplicationDetails
+ *   applicationId={applicationId}
+ *   editable={isAdmin}
+ *   deletable={isAdmin}
+ *   secretRegenerable={isAdmin}
+ *   onDeleted={() => navigate('/applications')}
+ * />
+ * ```
+ */
+declare const ApplicationDetails: FC<ApplicationDetailsProps>;
+export default ApplicationDetails;
+//# sourceMappingURL=ApplicationDetails.d.ts.map

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

@@ -0,0 +1 @@
+{"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"}

package/dist/components/admin/ApplicationDetails/ApplicationDetails.js

@@ -0,0 +1,92 @@
+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 BaseApplicationDetails_default from "./BaseApplicationDetails.js";
+import { ApplicationQueryKeys, deleteApplication, getApplication, regenerateClientSecret, toManagementErrorMessage, toUpdateApplicationRequest, updateApplication } from "@thunderid/browser";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/admin/ApplicationDetails/ApplicationDetails.tsx
+/**
+* Shows an application and its OAuth configuration, and optionally lets the signed-in user edit it,
+* regenerate its client secret or delete it.
+*
+* The server guards applications with the root `system` permission, for reading and for changes alike;
+* it defines no application-specific permission. Gate the view and its actions on it with
+* `useGrantedPermissions().can('system')`.
+*
+* @example
+* ```tsx
+* const {can} = useGrantedPermissions();
+* const isAdmin = can('system');
+*
+* <ApplicationDetails
+*   applicationId={applicationId}
+*   editable={isAdmin}
+*   deletable={isAdmin}
+*   secretRegenerable={isAdmin}
+*   onDeleted={() => navigate('/applications')}
+* />
+* ```
+*/
+const ApplicationDetails = ({ administrationMode, applicationId, deletable = false, editable = false, lifecycleActions = false, onDeleted, preferences, secretRegenerable = false,...rest }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	const endpoint = useManagementEndpoint_default("applications");
+	const application = useResourceQuery_default([ApplicationQueryKeys.APPLICATION, applicationId], (fetcher) => getApplication({
+		...endpoint,
+		applicationId,
+		fetcher
+	}), { enabled: Boolean(applicationId) });
+	const deletion = useResourceMutation_default((id, fetcher) => deleteApplication({
+		...endpoint,
+		administrationMode,
+		applicationId: id,
+		fetcher
+	}), () => [[ApplicationQueryKeys.APPLICATIONS]], { onSuccess: onDeleted });
+	const update = useResourceMutation_default(({ application: current, changes }, fetcher) => updateApplication({
+		...endpoint,
+		applicationId: current.id,
+		fetcher,
+		payload: toUpdateApplicationRequest(current, changes)
+	}), ({ application: current }) => [[ApplicationQueryKeys.APPLICATION, current.id], [ApplicationQueryKeys.APPLICATIONS]]);
+	const regeneration = useResourceMutation_default((id, fetcher) => regenerateClientSecret({
+		...endpoint,
+		administrationMode,
+		applicationId: id,
+		fetcher
+	}), (id) => [[ApplicationQueryKeys.APPLICATION, id], [ApplicationQueryKeys.APPLICATIONS]]);
+	const lifecycle = useAccountLifecycle_default({
+		enabled: lifecycleActions,
+		invalidatedKeys: [[ApplicationQueryKeys.APPLICATION, applicationId], [ApplicationQueryKeys.APPLICATIONS]],
+		kind: "application",
+		status: application.data?.status?.value,
+		subject: applicationId
+	});
+	return /* @__PURE__ */ jsx(BaseApplicationDetails_default, {
+		application: application.data,
+		isLoading: application.isLoading,
+		error: toManagementErrorMessage(t, application.error, "admin.applications.details.error") ?? toManagementErrorMessage(t, deletion.error, "admin.applications.details.delete.error") ?? toManagementErrorMessage(t, update.error, "admin.applications.details.edit.error") ?? toManagementErrorMessage(t, regeneration.error, "admin.applications.details.secret.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(applicationId) : void 0,
+		lifecycleActions: lifecycle.actions,
+		isRunningLifecycleAction: lifecycle.isRunning,
+		onLifecycleAction: lifecycleActions ? lifecycle.run : void 0,
+		isUpdating: update.isLoading,
+		onUpdate: editable && application.data ? (changes) => void update.mutate({
+			application: application.data,
+			changes
+		}) : void 0,
+		isRegeneratingSecret: regeneration.isLoading,
+		onRegenerateSecret: secretRegenerable ? () => void regeneration.mutate(applicationId) : void 0,
+		clientSecret: regeneration.data?.clientSecret ?? null,
+		onSecretDismiss: regeneration.reset,
+		preferences,
+		...rest
+	});
+};
+var ApplicationDetails_default = ApplicationDetails;
+
+//#endregion
+export { ApplicationDetails_default as default };
+//# sourceMappingURL=ApplicationDetails.js.map