npm - themelia-react-ui - Versions diffs - 2.0.6 → 3.0.0 - Mend

themelia-react-ui 2.0.6 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (912) hide show

package/dist/blocks/admin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"admin.js","names":["useTypographyConfig","cn","Button","Text","DisplayLabel","Grid","Stack","toneRecipes","AlertDescription","AlertAction","AlertTitle","ActionMenu","MonoValue","IconBadge","Badge","Input","Copyable","FormField","choiceControlTrackClasses","Checkbox","ContentBlock","CollapsibleContent","CollapsibleTrigger","Collapsible","ItemMedia","ItemActions","ItemGroup","ItemContent","Item","defaultRolePermissionStrings","count","RolePermission","stringsProp","strings","useStrings","className","roleName","memberCount","description","sections","section","perm","Check","Minus","onEdit","defaultApiKeyListStrings","LIST_CONTROL_SIZE","ApiKeyList","forwardRef","isControlled","open","internalOpen","setInternalOpen","useState","defaultOpen","expanded","handleOpenChange","useCallback","next","onOpenChange","ChevronRight","title","onAdd","Plus","items","ApiKeyRow","item","copied","setCopied","handleCopy","toast","copyToastSuccess","onCopy","copyToastError","display","actions","copiedMenuLabel","copyMenuLabel","Copy","onDelete","deleteMenuLabel","Trash2","rowMenuAria","SensitiveActionCard","Icon","confirmation","action","defaultCopyableSecretAlertStrings","CopyableSecretAlert","Alert","KeyRound","displayValue","value","defaultApiTokenManagerStrings","ApiTokenManager","creatingProp","revokingAllProp","abilityCheckTrack","textSizes","defaultTextSize","textLineHeights","isNameControlled","name","isAbilitiesControlled","selectedAbilities","internalName","setInternalName","defaultName","internalAbilities","setInternalAbilities","defaultSelectedAbilities","pendingPhase","setPendingPhase","resolvedName","resolvedAbilities","useMemo","creating","revokingAll","setName","nextName","onNameChange","setAbilities","nextAbilities","onSelectedAbilitiesChange","toggleAbility","checked","abilityId","id","runMutation","phase","task","onAfterMutate","error","onError","handleCreate","onCreateToken","values","handleRevoke","onRevokeToken","token","handleRevokeAll","onRevokeAllTokens","disabled","tokens","createdToken","event","abilities","ability"],"sources":["../../src/components/blocks/admin/admin.strings.ts","../../src/components/blocks/admin/role-permission/role-permission.tsx","../../src/components/blocks/admin/api-key-list/api-key-list.strings.ts","../../src/components/blocks/admin/api-key-list/api-key-list.tsx","../../src/components/blocks/admin/action-surfaces/index.tsx"],"sourcesContent":["export interface RolePermissionStrings {\n\t/** Edit-role button label. /\n\teditRole: string;\n\t/* Accessible state name for an allowed permission. /\n\tpermissionAllowed?: string;\n\t/* Accessible state name for a permission that is not allowed. /\n\tpermissionDenied?: string;\n\t/* Format string for the member-count badge. Receives the count. /\n\tformatMemberCount: (count: number) => string;\n}\n\nexport const defaultRolePermissionStrings: Required<RolePermissionStrings> = {\n\teditRole: 'Edit role',\n\tpermissionAllowed: 'Allowed',\n\tpermissionDenied: 'Not allowed',\n\tformatMemberCount: (count) => `${count} members`,\n};\n","/\n RolePermission — admin surface for a role with description, member\n * count badge, grouped permission states (check vs minus), and an\n * optional Edit button.\n \n Strings overridable via `strings` prop. `strings.formatMemberCount` is a\n * function so consumers can localise pluralisation rules.\n /\nimport { Badge } from '../../../base/badge';\nimport { Button } from '../../../base/buttons';\nimport { Stack } from '../../../base/structure';\nimport { DisplayLabel } from '../../../typography/display-label';\nimport { Text } from '../../../typography/text';\nimport { useStrings } from '../../../../lib/strings';\nimport { cn } from '../../../../lib/utils';\nimport { Check, Minus } from 'lucide-react';\n\nimport { defaultRolePermissionStrings } from '../admin.strings';\nimport type { RolePermissionProps } from './types';\n\nexport function RolePermission({\n\troleName,\n\tdescription,\n\tmemberCount,\n\tsections,\n\tonEdit,\n\tclassName,\n\tstrings: stringsProp,\n}: RolePermissionProps) {\n\tconst strings = useStrings(defaultRolePermissionStrings, stringsProp);\n\t// One spacing owner: the outer Stack separates header, sections and the edit\n\t// action; the member count is a neutral count that reads with the role name.\n\treturn (\n\t\t<Stack\n\t\t\tgap=\"2xl\"\n\t\t\tdata-component=\"role-permission\"\n\t\t\tdata-slot=\"role-permission\"\n\t\t\tclassName={cn('role-permission--component', className)}\n\t\t>\n\t\t\t<Stack gap=\"normal\" className=\"role-permission--header\">\n\t\t\t\t<Stack direction=\"horizontal\" wrap align=\"center\" gap=\"sm\">\n\t\t\t\t\t<Text weight=\"semibold\">{roleName}</Text>\n\t\t\t\t\t{memberCount !== undefined && <Badge>{strings.formatMemberCount(memberCount)}</Badge>}\n\t\t\t\t</Stack>\n\t\t\t\t{!!description && <Text size=\"xs\" type=\"secondary\">{description}</Text>}\n\t\t\t</Stack>\n\n\t\t\t<Stack gap=\"xl\">\n\t\t\t\t{sections.map((section) => (\n\t\t\t\t\t<Stack key={section.name} gap=\"md\">\n\t\t\t\t\t\t<DisplayLabel>\n\t\t\t\t\t\t\t{section.name}\n\t\t\t\t\t\t</DisplayLabel>\n\t\t\t\t\t\t<div className=\"flex flex-wrap gap-space-md\">\n\t\t\t\t\t\t\t{section.permissions.map((perm) => (\n\t\t\t\t\t\t\t\t<div key={perm.label} className=\"flex items-center gap-space-sm\">\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\t\t\t\taria-label={`${perm.label}: ${perm.active ? strings.permissionAllowed : strings.permissionDenied}`}\n\t\t\t\t\t\t\t\t\t\tclassName={cn('inline-flex size-icon-sm shrink-0', perm.active ? 'text-success' : 'text-muted-foreground')}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{perm.active ? <Check className=\"size-full\" aria-hidden /> : <Minus className=\"size-full\" aria-hidden />}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<Text className={perm.active ? 'text-foreground' : 'text-muted-foreground'}>\n\t\t\t\t\t\t\t\t\t\t{perm.label}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Stack>\n\t\t\t\t))}\n\t\t\t</Stack>\n\n\t\t\t{!!onEdit && (\n\t\t\t\t<div className=\"role-permission--actions\">\n\t\t\t\t\t<Button tone=\"neutral\" buttonStyle=\"outline\" size=\"sm\" onClick={onEdit}>\n\t\t\t\t\t\t{strings.editRole}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Stack>\n\t);\n}\n\nRolePermission.displayName = 'RolePermission';\n","/\n Strings for `<ApiKeyList>`. English defaults; deep-merge-overridable.\n /\nexport interface ApiKeyListStrings {\n\t/* Surface title. /\n\ttitle: string;\n\taddAria: string;\n\trowMenuAria: string;\n\tcopyMenuItem: string;\n\tcopiedMenuItem: string;\n\tdeleteMenuItem: string;\n\tcopyToastSuccess: string;\n\tcopyToastError: string;\n\temptyMessage: string;\n}\n\nexport const defaultApiKeyListStrings: ApiKeyListStrings = {\n\ttitle: 'API keys',\n\taddAria: 'Add API key',\n\trowMenuAria: 'Key actions',\n\tcopyMenuItem: 'Copy key',\n\tcopiedMenuItem: 'Copied',\n\tdeleteMenuItem: 'Delete',\n\tcopyToastSuccess: 'Copied to clipboard',\n\tcopyToastError: 'Failed to copy',\n\temptyMessage: 'No keys yet.',\n};\n","/\n ApiKeyList — collapsible section listing API keys / credentials with a\n * per-row dropdown menu (Copy / Delete) and an optional add-new action\n * in the header. Generic enough to use for any \"named secret list\":\n * service tokens, webhook URLs, deployment hooks, …\n \n Composes:\n * - `base/display/collapsible` (the shadcn-wrapped collapsible shell)\n * - `base/buttons`, `base/badge` (header actions, status pills)\n * - `base/action-menu/ActionMenu` (per-row dropdown)\n * - `base/copyable/Copyable` (copy-to-clipboard with toast)\n \n Framework-agnostic — every action is callback-driven; the library\n * doesn't fetch, navigate, or render delete confirmations.\n /\nimport { ChevronRight, Copy, Plus, Trash2 } from 'lucide-react';\nimport { forwardRef, useCallback, useState } from 'react';\nimport { toast } from 'sonner';\n\nimport { Button } from '../../../base/buttons';\nimport {\n\tCollapsible,\n\tCollapsibleContent,\n\tCollapsibleTrigger,\n} from '../../../base/display/collapsible';\nimport { IconBadge } from '../../../base/display/icon-badge';\nimport { Item, ItemActions, ItemContent, ItemGroup, ItemMedia } from '../../../base/item';\nimport { ActionMenu, type ActionMenuAction } from '../../../base/action-menu';\nimport { MonoValue } from '../../../primitives';\nimport { Text } from '../../../typography';\nimport { useStrings } from '../../../../lib/strings';\nimport { cn } from '../../../../lib/utils';\n\nimport { defaultApiKeyListStrings } from './api-key-list.strings';\nimport type { ApiKeyListItem, ApiKeyListProps } from './api-key-list.types';\n\n// The add action and each row's More actions square share one compact size, so\n// the list's action column lines up and rows follow the key preview rather than\n// a taller button.\nconst LIST_CONTROL_SIZE = 'sm';\n\nexport const ApiKeyList = forwardRef<HTMLDivElement, ApiKeyListProps>(function ApiKeyList({\n\titems,\n\tdefaultOpen = true,\n\topen,\n\tonOpenChange,\n\tonAdd,\n\tonDelete,\n\tonCopy,\n\ttitle,\n\tclassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultApiKeyListStrings, stringsProp);\n\tconst isControlled = open !== undefined;\n\tconst [internalOpen, setInternalOpen] = useState(defaultOpen);\n\tconst expanded = isControlled ? open : internalOpen;\n\n\tconst handleOpenChange = useCallback(\n\t\t(next: boolean) => {\n\t\t\tif (!isControlled) setInternalOpen(next);\n\t\t\tonOpenChange?.(next);\n\t\t},\n\t\t[isControlled, onOpenChange],\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tdata-component=\"api-key-list\"\n\t\t\tdata-slot=\"api-key-list\"\n\t\t\tclassName={cn('api-key-list--component @container/api-key-list min-w-0', className)}\n\t\t>\n\t\t\t<Collapsible open={expanded} onOpenChange={handleOpenChange}>\n\t\t\t\t<div className=\"flex items-center gap-space-md\">\n\t\t\t\t\t<CollapsibleTrigger asChild>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"md\"\n\t\t\t\t\t\t\t// Keep the tokenized action height and radius so the toggle lines up with\n\t\t\t\t\t\t\t// the add action beside it; `h-auto` collapsed it to 23px next to a\n\t\t\t\t\t\t\t// 32px sibling. `px-0` stays so the title aligns with the rows below.\n\t\t\t\t\t\t\tclassName=\"h-action flex-1 justify-start gap-space-md rounded-radius px-0 py-0 text-left\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'size-icon text-muted-foreground transition-transform',\n\t\t\t\t\t\t\t\t\texpanded && 'rotate-90',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\">\n\t\t\t\t\t\t\t\t{title ?? strings.title}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</CollapsibleTrigger>\n\t\t\t\t\t{!!onAdd && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize={LIST_CONTROL_SIZE} iconOnly\n\t\t\t\t\t\t\tonClick={onAdd}\n\t\t\t\t\t\t\taria-label={strings.addAria}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Plus className=\"size-icon\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<CollapsibleContent className=\"pt-space-lg\">\n\t\t\t\t\t{items.length === 0 ? (\n\t\t\t\t\t\t<Text type=\"secondary\">\n\t\t\t\t\t\t\t{strings.emptyMessage}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t// Rows touch: each row's density padding is the only space between keys.\n\t\t\t\t\t\t// (Rows keep their `api-key-row` slot hook, so the group states gap-0.)\n\t\t\t\t\t\t<ItemGroup role=\"list\" className=\"gap-0\">\n\t\t\t\t\t\t\t{items.map((item) => (\n\t\t\t\t\t\t\t\t<ApiKeyRow\n\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\t\tonDelete={onDelete}\n\t\t\t\t\t\t\t\t\tonCopy={onCopy}\n\t\t\t\t\t\t\t\t\tcopyMenuLabel={strings.copyMenuItem}\n\t\t\t\t\t\t\t\t\tcopiedMenuLabel={strings.copiedMenuItem}\n\t\t\t\t\t\t\t\t\tdeleteMenuLabel={strings.deleteMenuItem}\n\t\t\t\t\t\t\t\t\trowMenuAria={strings.rowMenuAria}\n\t\t\t\t\t\t\t\t\tcopyToastSuccess={strings.copyToastSuccess}\n\t\t\t\t\t\t\t\t\tcopyToastError={strings.copyToastError}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t)}\n\t\t\t\t</CollapsibleContent>\n\t\t\t</Collapsible>\n\t\t</div>\n\t);\n});\n\nApiKeyList.displayName = 'ApiKeyList';\n\ninterface ApiKeyRowProps {\n\titem: ApiKeyListItem;\n\t/* Fired when an entry is removed. /\n\tonDelete?: ApiKeyListProps['onDelete'];\n\t/* Fired when an entry is copied. /\n\tonCopy?: ApiKeyListProps['onCopy'];\n\tcopyMenuLabel: string;\n\tcopiedMenuLabel: string;\n\tdeleteMenuLabel: string;\n\trowMenuAria: string;\n\tcopyToastSuccess: string;\n\tcopyToastError: string;\n}\n\nfunction ApiKeyRow({\n\titem,\n\tonDelete,\n\tonCopy,\n\tcopyMenuLabel,\n\tcopiedMenuLabel,\n\tdeleteMenuLabel,\n\trowMenuAria,\n\tcopyToastSuccess,\n\tcopyToastError,\n}: ApiKeyRowProps) {\n\tconst [copied, setCopied] = useState(false);\n\n\tconst handleCopy = useCallback(async () => {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(item.value);\n\t\t\tsetCopied(true);\n\t\t\tsetTimeout(() => setCopied(false), 1500);\n\t\t\ttoast.success(copyToastSuccess);\n\t\t\tonCopy?.(item.id, item);\n\t\t} catch (err) {\n\t\t\ttoast.error(copyToastError);\n\t\t\tif (import.meta.env?.DEV) {\n\t\t\t\tconsole.warn('[ApiKeyList] copy failed', err);\n\t\t\t}\n\t\t}\n\t}, [item, onCopy, copyToastSuccess, copyToastError]);\n\n\tconst display = item.displayValue ?? item.value;\n\tconst actions: ActionMenuAction[] = [\n\t\t...(item.copyable !== false ? [{\n\t\t\tid: 'copy',\n\t\t\tlabel: copied ? copiedMenuLabel : copyMenuLabel,\n\t\t\ticon: Copy,\n\t\t\tonClick: () => {\n\t\t\t\tvoid handleCopy();\n\t\t\t},\n\t\t\tdisabled: item.disabled,\n\t\t}] : []),\n\t\t...(onDelete ? [{\n\t\t\tid: 'delete',\n\t\t\tlabel: deleteMenuLabel,\n\t\t\ticon: Trash2,\n\t\t\ttone: 'destructive' as const,\n\t\t\tdisabled: item.disabled,\n\t\t\tonClick: () => onDelete(item.id, item),\n\t\t}] : []),\n\t];\n\n\treturn (\n\t\t<Item size=\"sm\" role=\"listitem\" data-slot=\"api-key-row\" className=\"flex-nowrap\">\n\t\t\t{/ No default glyph: a lock on every row repeats what the list title says.\n\t\t\t A consumer-supplied icon still renders as neutral media. /}\n\t\t\t{!!item.icon && (\n\t\t\t\t<ItemMedia variant=\"icon\">\n\t\t\t\t\t<IconBadge size=\"sm\" shape=\"square\" tone=\"neutral\" bordered>\n\t\t\t\t\t\t{item.icon}\n\t\t\t\t\t</IconBadge>\n\t\t\t\t</ItemMedia>\n\t\t\t)}\n\t\t\t<ItemContent className=\"min-w-0 flex-row items-center gap-space-md\">\n\t\t\t\t<Text tag=\"span\" weight=\"medium\" className=\"w-20 shrink-0 truncate @md/api-key-list:w-24\">\n\t\t\t\t\t{item.name}\n\t\t\t\t</Text>\n\t\t\t\t<MonoValue className=\"min-w-0 flex-1 truncate rounded-radius bg-muted px-space-md py-space-xs\">\n\t\t\t\t\t{display}\n\t\t\t\t</MonoValue>\n\t\t\t</ItemContent>\n\t\t\t<ItemActions className=\"shrink-0\">\n\t\t\t\t<ActionMenu\n\t\t\t\t\tactions={actions}\n\t\t\t\t\tsrText={rowMenuAria}\n\t\t\t\t\talign=\"end\"\n\t\t\t\t\tcloseOnSelect\n\t\t\t\t\tbuttonProps={{ size: LIST_CONTROL_SIZE }}\n\t\t\t\t/>\n\t\t\t</ItemActions>\n\t\t</Item>\n\t);\n}\n\nApiKeyRow.displayName = 'ApiKeyRow';\n","import {\n\tuseCallback,\n\tuseMemo,\n\tuseState,\n\ttype ReactNode } from 'react';\nimport { KeyRound,\n\tPlus,\n\ttype LucideIcon } from 'lucide-react';\n\nimport { Button } from '../../../base/buttons';\nimport { Copyable } from '../../../base/copyable';\nimport { ContentBlock, IconBadge } from '../../../base/display';\nimport { Alert, AlertAction, AlertDescription, AlertTitle } from '../../../base/feedback';\nimport { Checkbox } from '../../../base/choice-inputs';\nimport { choiceControlTrackClasses } from '../../../base/choice-inputs/choice-types';\nimport { FormField } from '../../../base/forms';\nimport { Input } from '../../../base/text-inputs';\nimport { Grid, Stack } from '../../../base/structure';\nimport { DisplayLabel, Text } from '../../../typography';\nimport { textLineHeights, textSizes } from '../../../typography/text.styles';\nimport { useTypographyConfig } from '../../../../lib/ui-provider';\nimport { useStrings, type StringsProp } from '../../../../lib/strings';\nimport type { CardSurface, ComponentScale } from '../../../../lib/component-vocabulary';\nimport { cn } from '../../../../lib/utils';\n\nimport { ApiKeyList, type ApiKeyListItem } from '../api-key-list';\nimport { toneRecipes } from '../../../../lib/tone-recipes';\n\ntype ActionSurfacePadding = ComponentScale;\ntype ActionSurfaceSurface = CardSurface;\n\nexport interface SensitiveActionCardProps {\n\t/* Surface title. /\n\ttitle: ReactNode;\n\t/* Supporting copy shown under the label. /\n\tdescription?: ReactNode;\n\t/* Confirmation copy shown before the action runs. /\n\tconfirmation?: ReactNode;\n\t/* The action this surface performs. /\n\taction?: ReactNode;\n\t/* Leading glyph. /\n\ticon?: LucideIcon;\n\t/* Surface inset. /\n\tpadding?: ActionSurfacePadding;\n\t/* Outer chrome. /\n\tsurface?: ActionSurfaceSurface;\n\t/* Merged onto the outermost node. /\n\tclassName?: string;\n}\n\nexport function SensitiveActionCard({\n\ttitle,\n\tdescription,\n\tconfirmation,\n\taction,\n\ticon: Icon,\n\tpadding = 'md',\n\tsurface = 'card',\n\tclassName,\n}: SensitiveActionCardProps) {\n\treturn (\n\t\t<ContentBlock\n\t\t\tdata-component=\"sensitive-action-card\"\n\t\t\tdata-slot=\"sensitive-action-card\"\n\t\t\tpadding={padding}\n\t\t\tsurface={surface}\n\t\t\tclassName={cn('sensitive-action-card--component', toneRecipes.destructive.edge, className)}\n\t\t\tcontentClassName=\"sensitive-action-card--content grid gap-space-lg\"\n\t\t>\n\t\t\t{/ The destructive frame and action carry the danger; an icon is opt-in and\n\t\t\t the confirmation note is copy in the text column, not a nested panel. /}\n\t\t\t<Stack direction=\"horizontal\" align=\"start\" gap=\"lg\" className=\"min-w-0\">\n\t\t\t\t{!!Icon && <IconBadge icon={Icon} tone=\"destructive\" shape=\"square\" size=\"md\" />}\n\t\t\t\t<Stack gap=\"normal\" className=\"min-w-0 flex-1\">\n\t\t\t\t\t<Text weight=\"semibold\">{title}</Text>\n\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t<Text type=\"secondary\">\n\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!confirmation && (\n\t\t\t\t\t\t<Text tag=\"div\" type=\"secondary\" role=\"note\" className=\"sensitive-action-card--confirmation\">\n\t\t\t\t\t\t\t{confirmation}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t\t{!!action && <div className=\"shrink-0\">{action}</div>}\n\t\t\t</Stack>\n\t\t</ContentBlock>\n\t);\n}\n\nexport interface CopyableSecretAlertStrings {\n\t/* Surface title. /\n\ttitle: string;\n\t/* Supporting copy shown under the label. /\n\tdescription: string;\n\tcopySuccess: string;\n}\n\nexport const defaultCopyableSecretAlertStrings: CopyableSecretAlertStrings = {\n\ttitle: 'Secret created',\n\tdescription: 'Copy this value now. It may not be shown again.',\n\tcopySuccess: 'Secret copied',\n};\n\nexport interface CopyableSecretAlertProps {\n\t/* Current value. Controlled. /\n\tvalue: string;\n\t/* Formatted value shown to the user. /\n\tdisplayValue?: ReactNode;\n\t/* Surface title. /\n\ttitle?: ReactNode;\n\t/* Supporting copy shown under the label. /\n\tdescription?: ReactNode;\n\t/* The action this surface performs. /\n\taction?: ReactNode;\n\t/* Merged onto the outermost node. /\n\tclassName?: string;\n\t/* Overrides this surface's own copy. /\n\tstrings?: StringsProp<CopyableSecretAlertStrings>;\n}\n\nexport function CopyableSecretAlert({\n\tvalue,\n\tdisplayValue,\n\ttitle,\n\tdescription,\n\taction,\n\tclassName,\n\tstrings: stringsProp,\n}: CopyableSecretAlertProps) {\n\tconst strings = useStrings(defaultCopyableSecretAlertStrings, stringsProp);\n\n\treturn (\n\t\t<Alert\n\t\t\tdata-component=\"copyable-secret-alert\"\n\t\t\tdata-slot=\"copyable-secret-alert\"\n\t\t\ttone=\"success\"\n\t\t\tclassName={cn('copyable-secret-alert--component', className)}\n\t\t>\n\t\t\t<KeyRound className=\"size-icon\" />\n\t\t\t<AlertTitle>{title ?? strings.title}</AlertTitle>\n\t\t\t<AlertDescription>\n\t\t\t\t<Stack render={<span />} gap=\"md\">\n\t\t\t\t\t<Text tag=\"span\" type=\"secondary\">\n\t\t\t\t\t\t{description ?? strings.description}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Copyable\n\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\tdisplayValue={displayValue ?? value}\n\t\t\t\t\t\tmono\n\t\t\t\t\t\ttruncate\n\t\t\t\t\t\tclassName=\"copyable-secret-alert--value max-w-full rounded-radius bg-background px-space-md py-space-xs\"\n\t\t\t\t\t\tstrings={{ success: strings.copySuccess }}\n\t\t\t\t\t/>\n\t\t\t\t</Stack>\n\t\t\t</AlertDescription>\n\t\t\t{!!action && <AlertAction>{action}</AlertAction>}\n\t\t</Alert>\n\t);\n}\n\nexport interface ApiTokenAbility {\n\t/* Stable identity for this entry. /\n\tid: string;\n\t/* Display label. /\n\tlabel: ReactNode;\n\t/* Supporting copy shown under the label. /\n\tdescription?: ReactNode;\n\t/* Renders the entry as unselectable. /\n\tdisabled?: boolean;\n}\n\nexport interface ApiTokenCreatedToken {\n\t/* Current value. Controlled. /\n\tvalue: string;\n\t/* Formatted value shown to the user. /\n\tdisplayValue?: ReactNode;\n\t/* Display name. /\n\tname?: ReactNode;\n}\n\nexport interface ApiTokenCreateValues {\n\t/* Display name. /\n\tname: string;\n\t/* Capabilities the viewer is permitted to use. /\n\tabilities: string[];\n}\n\nexport interface ApiTokenManagerStrings {\n\t/* Surface title. /\n\ttitle: string;\n\t/* Supporting copy shown under the label. /\n\tdescription: string;\n\tnameLabel: string;\n\tnamePlaceholder: string;\n\tabilitiesLabel: string;\n\tcreate: string;\n\trevokeAll: string;\n\tcreatedTitle: string;\n\tcreatedDescription: string;\n}\n\nexport const defaultApiTokenManagerStrings: ApiTokenManagerStrings = {\n\ttitle: 'API tokens',\n\tdescription: 'Create and revoke access tokens.',\n\tnameLabel: 'Token name',\n\tnamePlaceholder: 'Production deploy key',\n\tabilitiesLabel: 'Abilities',\n\tcreate: 'Create token',\n\trevokeAll: 'Revoke all',\n\tcreatedTitle: 'Token created',\n\tcreatedDescription: 'Copy this token now. It will not be shown again.',\n};\n\nexport interface ApiTokenManagerProps {\n\t/* API access credentials to display and manage. /\n\ttokens: ApiKeyListItem[];\n\t/* Capabilities the viewer is permitted to use. /\n\tabilities?: readonly ApiTokenAbility[];\n\tcreatedToken?: ApiTokenCreatedToken \| null;\n\t/* Display name. /\n\tname?: string;\n\tdefaultName?: string;\n\tonNameChange?: (name: string) => void;\n\tselectedAbilities?: readonly string[];\n\tdefaultSelectedAbilities?: readonly string[];\n\tonSelectedAbilitiesChange?: (abilities: string[]) => void;\n\t/* Fired when the user asks to create a token. /\n\tonCreateToken?: (values: ApiTokenCreateValues) => void \| Promise<void>;\n\tonRevokeToken?: (id: string, token: ApiKeyListItem) => void \| Promise<void>;\n\tonRevokeAllTokens?: () => void \| Promise<void>;\n\tonAfterMutate?: (event: { type: 'create' \| 'revoke' \| 'revoke-all'; payload?: unknown }) => void;\n\tonError?: (error: unknown, context: { phase: 'create' \| 'revoke' \| 'revoke-all' }) => void;\n\tcreating?: boolean;\n\trevokingAll?: boolean;\n\t/* Renders the entry as unselectable. /\n\tdisabled?: boolean;\n\t/* Merged onto the outermost node. /\n\tclassName?: string;\n\t/* Overrides this surface's own copy. /\n\tstrings?: StringsProp<ApiTokenManagerStrings>;\n}\n\nexport function ApiTokenManager({\n\ttokens,\n\tabilities = [],\n\tcreatedToken,\n\tname,\n\tdefaultName = '',\n\tonNameChange,\n\tselectedAbilities,\n\tdefaultSelectedAbilities = [],\n\tonSelectedAbilitiesChange,\n\tonCreateToken,\n\tonRevokeToken,\n\tonRevokeAllTokens,\n\tonAfterMutate,\n\tonError,\n\tcreating: creatingProp = false,\n\trevokingAll: revokingAllProp = false,\n\tdisabled = false,\n\tclassName,\n\tstrings: stringsProp,\n}: ApiTokenManagerProps) {\n\tconst strings = useStrings(defaultApiTokenManagerStrings, stringsProp);\n\tconst { defaultTextSize } = useTypographyConfig();\n\t// The checkbox track is one line of the ability label's text role tall, so the\n\t// box centres on the label's first line.\n\tconst abilityCheckTrack = cn(choiceControlTrackClasses, textSizes[defaultTextSize ?? 'sm'], textLineHeights.normal);\n\tconst isNameControlled = name !== undefined;\n\tconst isAbilitiesControlled = selectedAbilities !== undefined;\n\tconst [internalName, setInternalName] = useState(defaultName);\n\tconst [internalAbilities, setInternalAbilities] = useState<string[]>([...defaultSelectedAbilities]);\n\tconst [pendingPhase, setPendingPhase] = useState<'create' \| 'revoke' \| 'revoke-all' \| null>(null);\n\tconst resolvedName = isNameControlled ? name : internalName;\n\tconst resolvedAbilities = useMemo(\n\t\t() => isAbilitiesControlled ? [...selectedAbilities] : internalAbilities,\n\t\t[internalAbilities, isAbilitiesControlled, selectedAbilities],\n\t);\n\tconst creating = creatingProp \|\| pendingPhase === 'create';\n\tconst revokingAll = revokingAllProp \|\| pendingPhase === 'revoke-all';\n\n\tconst setName = useCallback(\n\t\t(nextName: string) => {\n\t\t\tif (!isNameControlled) setInternalName(nextName);\n\t\t\tonNameChange?.(nextName);\n\t\t},\n\t\t[isNameControlled, onNameChange],\n\t);\n\n\tconst setAbilities = useCallback(\n\t\t(nextAbilities: string[]) => {\n\t\t\tif (!isAbilitiesControlled) setInternalAbilities(nextAbilities);\n\t\t\tonSelectedAbilitiesChange?.(nextAbilities);\n\t\t},\n\t\t[isAbilitiesControlled, onSelectedAbilitiesChange],\n\t);\n\n\tconst toggleAbility = useCallback(\n\t\t(abilityId: string, checked: boolean \| 'indeterminate') => {\n\t\t\tconst nextChecked = checked === true;\n\t\t\tconst next = nextChecked\n\t\t\t\t? Array.from(new Set([...resolvedAbilities, abilityId]))\n\t\t\t\t: resolvedAbilities.filter((id) => id !== abilityId);\n\t\t\tsetAbilities(next);\n\t\t},\n\t\t[resolvedAbilities, setAbilities],\n\t);\n\n\tconst runMutation = useCallback(\n\t\tasync (\n\t\t\tphase: 'create' \| 'revoke' \| 'revoke-all',\n\t\t\ttask: () => void \| Promise<void>,\n\t\t\tpayload?: unknown,\n\t\t) => {\n\t\t\tsetPendingPhase(phase);\n\t\t\ttry {\n\t\t\t\tawait task();\n\t\t\t\tonAfterMutate?.({ type: phase, payload });\n\t\t\t} catch (error) {\n\t\t\t\tif (import.meta.env?.DEV) {\n\t\t\t\t\tconsole.warn(`[ApiTokenManager] ${phase} failed`, error);\n\t\t\t\t}\n\t\t\t\tonError?.(error, { phase });\n\t\t\t} finally {\n\t\t\t\tsetPendingPhase(null);\n\t\t\t}\n\t\t},\n\t\t[onAfterMutate, onError],\n\t);\n\n\tconst handleCreate = useCallback(() => {\n\t\tif (!onCreateToken) return;\n\t\tconst values = { name: resolvedName, abilities: resolvedAbilities };\n\t\tvoid runMutation('create', () => onCreateToken(values), values);\n\t}, [onCreateToken, resolvedAbilities, resolvedName, runMutation]);\n\n\tconst handleRevoke = useCallback(\n\t\t(id: string, token: ApiKeyListItem) => {\n\t\t\tif (!onRevokeToken) return;\n\t\t\tvoid runMutation('revoke', () => onRevokeToken(id, token), token);\n\t\t},\n\t\t[onRevokeToken, runMutation],\n\t);\n\n\tconst handleRevokeAll = useCallback(() => {\n\t\tif (!onRevokeAllTokens) return;\n\t\tvoid runMutation('revoke-all', onRevokeAllTokens);\n\t}, [onRevokeAllTokens, runMutation]);\n\n\treturn (\n\t\t<ContentBlock\n\t\t\tdata-component=\"api-token-manager\"\n\t\t\tdata-slot=\"api-token-manager\"\n\t\t\ttitle={strings.title}\n\t\t\tdescription={strings.description}\n\t\t\theaderAction={onRevokeAllTokens ? (\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttone=\"destructive\"\n\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\tloading={revokingAll}\n\t\t\t\t\tdisabled={disabled \|\| tokens.length === 0}\n\t\t\t\t\tonClick={handleRevokeAll}\n\t\t\t\t>\n\t\t\t\t\t{strings.revokeAll}\n\t\t\t\t</Button>\n\t\t\t) : undefined}\n\t\t\tclassName={cn('api-token-manager--component', className)}\n\t\t>\n\t\t\t<Stack gap=\"xl\" className=\"api-token-manager--content\">\n\t\t\t\t{!!createdToken && (\n\t\t\t\t\t<CopyableSecretAlert\n\t\t\t\t\t\tvalue={createdToken.value}\n\t\t\t\t\t\tdisplayValue={createdToken.displayValue}\n\t\t\t\t\t\ttitle={createdToken.name ?? strings.createdTitle}\n\t\t\t\t\t\tdescription={strings.createdDescription}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t{/ The form is part of this surface, not a muted box inside it. */}\n\t\t\t<div className=\"api-token-manager--form\">\n\t\t\t<Stack gap=\"lg\">\n\t\t\t\t<FormField label={strings.nameLabel}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tvalue={resolvedName}\n\t\t\t\t\t\tplaceholder={strings.namePlaceholder}\n\t\t\t\t\t\tonChange={(event) => setName(event.currentTarget.value)}\n\t\t\t\t\t\tdisabled={disabled \|\| creating}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\n\t\t\t\t{abilities.length > 0 && (\n\t\t\t\t\t<Stack gap=\"md\" className=\"api-token-manager--abilities\">\n\t\t\t\t\t\t<DisplayLabel>{strings.abilitiesLabel}</DisplayLabel>\n\t\t\t\t\t\t<Grid columns={{ base: 1, sm: 2 }} gap=\"md\">\n\t\t\t\t\t\t\t{abilities.map((ability) => {\n\t\t\t\t\t\t\t\tconst checked = resolvedAbilities.includes(ability.id);\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\tkey={ability.id}\n\t\t\t\t\t\t\t\t\t\tclassName=\"flex min-w-0 items-start gap-space-md rounded-radius border border-border bg-background px-row-x py-row-y\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span className={abilityCheckTrack}>\n\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={checked}\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={disabled \|\| creating \|\| ability.disabled}\n\t\t\t\t\t\t\t\t\t\t\t\tonCheckedChange={(next) => toggleAbility(ability.id, next)}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t<Stack render={<span />} gap=\"dense\">\n\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"medium\">{ability.label}</Text>\n\t\t\t\t\t\t\t\t\t\t\t{!!ability.description && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">{ability.description}</Text>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</Grid>\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\n\t\t\t\t<Stack direction=\"horizontal\" gap=\"none\" justify=\"end\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone=\"primary\"\n\t\t\t\t\t\tloading={creating}\n\t\t\t\t\t\tdisabled={disabled \|\| !onCreateToken \|\| resolvedName.trim().length === 0}\n\t\t\t\t\t\tonClick={handleCreate}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Plus className=\"size-icon\" />\n\t\t\t\t\t\t{strings.create}\n\t\t\t\t\t</Button>\n\t\t\t\t</Stack>\n\t\t\t</Stack>\n\t\t\t</div>\n\t\t\t</Stack>\n\n\t\t\t<ApiKeyList\n\t\t\t\titems={tokens}\n\t\t\t\tonDelete={onRevokeToken ? handleRevoke : undefined}\n\t\t\t/>\n\t\t</ContentBlock>\n\t);\n}\n\nApiTokenManager.displayName = 'ApiTokenManager';\n"],"mappings":"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"}
1	+ {"version":3,"file":"admin.js","names":["useTypographyConfig","cn","Text","DisplayLabel","textLineHeights","textSizes","Button","Grid","Stack","toneRecipes","AlertTitle","AlertDescription","AlertAction","Card","ActionMenu","MonoValue","IconBadge","Badge","Input","Copyable","FormField","choiceControlTrackClasses","Checkbox","CollapsibleContent","CollapsibleTrigger","Collapsible","ItemMedia","ItemActions","ItemGroup","ItemContent","Item","useCopyFeedback","contentBlockHooks","defaultRolePermissionStrings","count","RolePermission","stringsProp","strings","useStrings","className","roleName","memberCount","description","sections","section","perm","Check","Minus","onEdit","defaultApiKeyListStrings","LIST_CONTROL_SIZE","ApiKeyList","forwardRef","isControlled","open","internalOpen","setInternalOpen","useState","defaultOpen","expanded","handleOpenChange","useCallback","next","onOpenChange","ChevronRight","title","onAdd","Plus","items","ApiKeyRow","pendingIds","item","copyToastError","inactive","disabled","pending","handleCopy","copy","toast","copyToastSuccess","onCopy","display","actions","copied","copiedMenuLabel","copyMenuLabel","Copy","onDelete","deleteMenuLabel","Trash2","rowMenuAria","SensitiveActionCard","Icon","padding","confirmation","action","defaultCopyableSecretAlertStrings","CopyableSecretAlert","Alert","KeyRound","displayValue","value","defaultApiTokenListStrings","defaultApiTokenManagerStrings","ApiTokenManager","creatingProp","revokingAllProp","listStringsProp","surface","listStrings","abilityCheckTrack","defaultTextSize","isNameControlled","name","isAbilitiesControlled","selectedAbilities","internalName","setInternalName","defaultName","internalAbilities","setInternalAbilities","defaultSelectedAbilities","pendingPhase","setPendingPhase","revokingIds","setRevokingIds","resolvedName","resolvedAbilities","useMemo","creating","revokingAll","setName","nextName","onNameChange","setAbilities","nextAbilities","onSelectedAbilitiesChange","toggleAbility","checked","abilityId","id","runMutation","phase","task","onAfterMutate","error","onError","handleCreate","onCreateToken","values","handleRevoke","onRevokeToken","ids","token","handleRevokeAll","onRevokeAllTokens","tokens","createdToken","event","abilities","ability"],"sources":["../../src/components/blocks/admin/admin.strings.ts","../../src/components/blocks/admin/role-permission/role-permission.tsx","../../src/components/blocks/admin/api-key-list/api-key-list.strings.ts","../../src/components/blocks/admin/api-key-list/api-key-list.tsx","../../src/components/blocks/admin/action-surfaces/index.tsx"],"sourcesContent":["export interface RolePermissionStrings {\n\t/** Edit-role button label. /\n\teditRole: string;\n\t/* Accessible state name for an allowed permission. /\n\tpermissionAllowed?: string;\n\t/* Accessible state name for a permission that is not allowed. /\n\tpermissionDenied?: string;\n\t/* Format string for the member-count badge. Receives the count. /\n\tformatMemberCount: (count: number) => string;\n}\n\nexport const defaultRolePermissionStrings: Required<RolePermissionStrings> = {\n\teditRole: 'Edit role',\n\tpermissionAllowed: 'Allowed',\n\tpermissionDenied: 'Not allowed',\n\tformatMemberCount: (count) => `${count} ${count === 1 ? 'member' : 'members'}`,\n};\n","/\n RolePermission — admin surface for a role with description, member\n * count badge, grouped permission states (check vs minus), and an\n * optional Edit button.\n \n Strings overridable via `strings` prop. `strings.formatMemberCount` is a\n * function so consumers can localise pluralisation rules.\n /\nimport { Badge } from '../../../base/badge';\nimport { Button } from '../../../base/buttons';\nimport { Stack } from '../../../base/structure';\nimport { DisplayLabel } from '../../../typography/display-label';\nimport { Text } from '../../../typography/text';\nimport { useStrings } from '../../../../lib/strings';\nimport { cn } from '../../../../lib/utils';\nimport { Check, Minus } from 'lucide-react';\n\nimport { defaultRolePermissionStrings } from '../admin.strings';\nimport type { RolePermissionProps } from './types';\n\nexport function RolePermission({\n\troleName,\n\tdescription,\n\tmemberCount,\n\tsections,\n\tonEdit,\n\tclassName,\n\tstrings: stringsProp,\n}: RolePermissionProps) {\n\tconst strings = useStrings(defaultRolePermissionStrings, stringsProp);\n\t// One spacing owner: the outer Stack separates header, sections and the edit\n\t// action; the member count is a neutral count that reads with the role name.\n\treturn (\n\t\t<Stack\n\t\t\tgap=\"2xl\"\n\t\t\tdata-component=\"role-permission\"\n\t\t\tdata-slot=\"role-permission\"\n\t\t\tclassName={cn('role-permission--component', className)}\n\t\t>\n\t\t\t<Stack gap=\"normal\" className=\"role-permission--header\">\n\t\t\t\t<Stack direction=\"horizontal\" wrap align=\"center\" gap=\"sm\">\n\t\t\t\t\t<Text weight=\"semibold\">{roleName}</Text>\n\t\t\t\t\t{memberCount !== undefined && <Badge>{strings.formatMemberCount(memberCount)}</Badge>}\n\t\t\t\t</Stack>\n\t\t\t\t{!!description && <Text size=\"xs\" type=\"secondary\">{description}</Text>}\n\t\t\t</Stack>\n\n\t\t\t<Stack gap=\"xl\">\n\t\t\t\t{sections.map((section) => (\n\t\t\t\t\t<Stack key={section.name} gap=\"md\">\n\t\t\t\t\t\t<DisplayLabel>\n\t\t\t\t\t\t\t{section.name}\n\t\t\t\t\t\t</DisplayLabel>\n\t\t\t\t\t\t<div className=\"flex flex-wrap gap-space-md\">\n\t\t\t\t\t\t\t{section.permissions.map((perm) => (\n\t\t\t\t\t\t\t\t<div key={perm.label} className=\"flex items-center gap-space-sm\">\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\t\t\t\taria-label={`${perm.label}: ${perm.active ? strings.permissionAllowed : strings.permissionDenied}`}\n\t\t\t\t\t\t\t\t\t\tclassName={cn('inline-flex size-icon-sm shrink-0', perm.active ? 'text-success' : 'text-muted-foreground')}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{perm.active ? <Check className=\"size-full\" aria-hidden /> : <Minus className=\"size-full\" aria-hidden />}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<Text className={perm.active ? 'text-foreground' : 'text-muted-foreground'}>\n\t\t\t\t\t\t\t\t\t\t{perm.label}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Stack>\n\t\t\t\t))}\n\t\t\t</Stack>\n\n\t\t\t{!!onEdit && (\n\t\t\t\t<div className=\"role-permission--actions\">\n\t\t\t\t\t<Button tone=\"neutral\" buttonStyle=\"outline\" size=\"sm\" onClick={onEdit}>\n\t\t\t\t\t\t{strings.editRole}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Stack>\n\t);\n}\n\nRolePermission.displayName = 'RolePermission';\n","/\n Strings for `<ApiKeyList>`. English defaults; deep-merge-overridable.\n /\nexport interface ApiKeyListStrings {\n\t/* Surface title. /\n\ttitle: string;\n\taddAria: string;\n\trowMenuAria: string;\n\tcopyMenuItem: string;\n\tcopiedMenuItem: string;\n\tdeleteMenuItem: string;\n\tcopyToastSuccess: string;\n\tcopyToastError: string;\n\temptyMessage: string;\n}\n\nexport const defaultApiKeyListStrings: ApiKeyListStrings = {\n\ttitle: 'API keys',\n\taddAria: 'Add API key',\n\trowMenuAria: 'Key actions',\n\tcopyMenuItem: 'Copy key',\n\tcopiedMenuItem: 'Copied',\n\tdeleteMenuItem: 'Delete',\n\tcopyToastSuccess: 'Copied to clipboard',\n\tcopyToastError: 'Failed to copy',\n\temptyMessage: 'No keys yet.',\n};\n","/\n ApiKeyList — collapsible section listing API keys / credentials with a\n * per-row dropdown menu (Copy / Delete) and an optional add-new action\n * in the header. Generic enough to use for any \"named secret list\":\n * service tokens, webhook URLs, deployment hooks, …\n \n Composes:\n * - `base/display/collapsible` (the shadcn-wrapped collapsible shell)\n * - `base/buttons`, `base/badge` (header actions, status pills)\n * - `base/action-menu/ActionMenu` (per-row dropdown)\n \n Copy writes to the clipboard from the row menu. The menu closes on select,\n * so success is confirmed by a polite status announcement and a toast (the\n * optional `sonner` peer; silent without a mounted Toaster).\n \n Framework-agnostic — every action is callback-driven; the library\n * doesn't fetch, navigate, or render delete confirmations.\n /\nimport { ChevronRight, Copy, Plus, Trash2 } from 'lucide-react';\nimport { forwardRef, useCallback, useState } from 'react';\nimport { toast } from 'sonner';\n\nimport { Button } from '../../../base/buttons';\nimport {\n\tCollapsible,\n\tCollapsibleContent,\n\tCollapsibleTrigger,\n} from '../../../base/display/collapsible';\nimport { IconBadge } from '../../../base/display/icon-badge';\nimport { Item, ItemActions, ItemContent, ItemGroup, ItemMedia } from '../../../base/item';\nimport { ActionMenu, type ActionMenuAction } from '../../../base/action-menu';\nimport { MonoValue } from '../../../primitives';\nimport { Text } from '../../../typography';\nimport { useStrings } from '../../../../lib/strings';\nimport { cn } from '../../../../lib/utils';\n\nimport { useCopyFeedback } from '../../../../lib/use-copy-feedback';\nimport { defaultApiKeyListStrings } from './api-key-list.strings';\nimport type { ApiKeyListItem, ApiKeyListProps } from './api-key-list.types';\n\n// The add action and each row's More actions square share one compact size, so\n// the list's action column lines up and rows follow the key preview rather than\n// a taller button.\nconst LIST_CONTROL_SIZE = 'sm';\n\nexport const ApiKeyList = forwardRef<HTMLDivElement, ApiKeyListProps>(function ApiKeyList({\n\titems,\n\tdefaultOpen = true,\n\topen,\n\tonOpenChange,\n\tonAdd,\n\tonDelete,\n\tonCopy,\n\tdisabled = false,\n\tpendingIds,\n\ttitle,\n\tclassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultApiKeyListStrings, stringsProp);\n\tconst isControlled = open !== undefined;\n\tconst [internalOpen, setInternalOpen] = useState(defaultOpen);\n\tconst expanded = isControlled ? open : internalOpen;\n\n\tconst handleOpenChange = useCallback(\n\t\t(next: boolean) => {\n\t\t\tif (!isControlled) setInternalOpen(next);\n\t\t\tonOpenChange?.(next);\n\t\t},\n\t\t[isControlled, onOpenChange],\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tdata-component=\"api-key-list\"\n\t\t\tdata-slot=\"api-key-list\"\n\t\t\tclassName={cn('api-key-list--component @container/api-key-list min-w-0', className)}\n\t\t>\n\t\t\t<Collapsible open={expanded} onOpenChange={handleOpenChange}>\n\t\t\t\t<div className=\"flex items-center gap-space-md\">\n\t\t\t\t\t<CollapsibleTrigger\n\t\t\t\t\t\trender={(\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"md\"\n\t\t\t\t\t\t\t\t// Keep the tokenized action height and radius so the toggle lines up with\n\t\t\t\t\t\t\t\t// the add action beside it; `h-auto` collapsed it to 23px next to a\n\t\t\t\t\t\t\t\t// 32px sibling. `px-0` stays so the title aligns with the rows below.\n\t\t\t\t\t\t\t\tclassName=\"h-action flex-1 justify-start gap-space-md rounded-radius px-0 py-0 text-left\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t'size-icon text-muted-foreground transition-transform',\n\t\t\t\t\t\t\t\t\t\texpanded && 'rotate-90',\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\">\n\t\t\t\t\t\t\t\t\t{title ?? strings.title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t\t{!!onAdd && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize={LIST_CONTROL_SIZE} iconOnly\n\t\t\t\t\t\t\tonClick={onAdd}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\taria-label={strings.addAria}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Plus className=\"size-icon\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<CollapsibleContent className=\"pt-space-lg\">\n\t\t\t\t\t{items.length === 0 ? (\n\t\t\t\t\t\t<Text type=\"secondary\">\n\t\t\t\t\t\t\t{strings.emptyMessage}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t// Rows touch: each row's density padding is the only space between keys.\n\t\t\t\t\t\t// (Rows keep their `api-key-row` slot hook, so the group states gap-0.)\n\t\t\t\t\t\t<ItemGroup role=\"list\" className=\"gap-0\">\n\t\t\t\t\t\t\t{items.map((item) => (\n\t\t\t\t\t\t\t\t<ApiKeyRow\n\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\t\tonDelete={onDelete}\n\t\t\t\t\t\t\t\t\tonCopy={onCopy}\n\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\tpending={pendingIds?.includes(item.id) ?? false}\n\t\t\t\t\t\t\t\t\tcopyMenuLabel={strings.copyMenuItem}\n\t\t\t\t\t\t\t\t\tcopiedMenuLabel={strings.copiedMenuItem}\n\t\t\t\t\t\t\t\t\tdeleteMenuLabel={strings.deleteMenuItem}\n\t\t\t\t\t\t\t\t\trowMenuAria={strings.rowMenuAria}\n\t\t\t\t\t\t\t\t\tcopyToastSuccess={strings.copyToastSuccess}\n\t\t\t\t\t\t\t\t\tcopyToastError={strings.copyToastError}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t)}\n\t\t\t\t</CollapsibleContent>\n\t\t\t</Collapsible>\n\t\t</div>\n\t);\n});\n\nApiKeyList.displayName = 'ApiKeyList';\n\ninterface ApiKeyRowProps {\n\titem: ApiKeyListItem;\n\t/* Fired when an entry is removed. /\n\tonDelete?: ApiKeyListProps['onDelete'];\n\t/* Fired when an entry is copied. /\n\tonCopy?: ApiKeyListProps['onCopy'];\n\tdisabled: boolean;\n\tpending: boolean;\n\tcopyMenuLabel: string;\n\tcopiedMenuLabel: string;\n\tdeleteMenuLabel: string;\n\trowMenuAria: string;\n\tcopyToastSuccess: string;\n\tcopyToastError: string;\n}\n\nfunction ApiKeyRow({\n\titem,\n\tonDelete,\n\tonCopy,\n\tdisabled,\n\tpending,\n\tcopyMenuLabel,\n\tcopiedMenuLabel,\n\tdeleteMenuLabel,\n\trowMenuAria,\n\tcopyToastSuccess,\n\tcopyToastError,\n}: ApiKeyRowProps) {\n\t// Stale writes and the reset timer are owned by the shared copy lifecycle.\n\tconst { copied, copy } = useCopyFeedback((error) => {\n\t\ttoast.error(copyToastError);\n\t\tif (import.meta.env?.DEV) {\n\t\t\tconsole.warn('[ApiKeyList] copy failed', error);\n\t\t}\n\t}, item.value);\n\tconst inactive = disabled \|\| pending \|\| !!item.disabled;\n\n\tconst handleCopy = async () => {\n\t\tif (!(await copy(item.value))) return;\n\t\ttoast.success(copyToastSuccess);\n\t\tonCopy?.(item.id, item);\n\t};\n\n\tconst display = item.displayValue ?? item.value;\n\tconst actions: ActionMenuAction[] = [\n\t\t...(item.copyable !== false ? [{\n\t\t\tid: 'copy',\n\t\t\tlabel: copied ? copiedMenuLabel : copyMenuLabel,\n\t\t\ticon: Copy,\n\t\t\tonClick: () => {\n\t\t\t\tvoid handleCopy();\n\t\t\t},\n\t\t\tdisabled: inactive,\n\t\t}] : []),\n\t\t...(onDelete ? [{\n\t\t\tid: 'delete',\n\t\t\tlabel: deleteMenuLabel,\n\t\t\ticon: Trash2,\n\t\t\ttone: 'destructive' as const,\n\t\t\tdisabled: inactive,\n\t\t\tonClick: () => onDelete(item.id, item),\n\t\t}] : []),\n\t];\n\n\treturn (\n\t\t<Item size=\"sm\" role=\"listitem\" data-slot=\"api-key-row\" aria-busy={pending \|\| undefined} className=\"flex-nowrap\">\n\t\t\t{/ No default glyph: a lock on every row repeats what the list title says.\n\t\t\t A consumer-supplied icon still renders as neutral media. /}\n\t\t\t{!!item.icon && (\n\t\t\t\t<ItemMedia variant=\"icon\">\n\t\t\t\t\t<IconBadge size=\"sm\" shape=\"square\" tone=\"neutral\" bordered>\n\t\t\t\t\t\t{item.icon}\n\t\t\t\t\t</IconBadge>\n\t\t\t\t</ItemMedia>\n\t\t\t)}\n\t\t\t<ItemContent className=\"min-w-0 flex-row items-center gap-space-md\">\n\t\t\t\t<Text tag=\"span\" weight=\"medium\" className=\"w-20 shrink-0 truncate @md/api-key-list:w-24\">\n\t\t\t\t\t{item.name}\n\t\t\t\t</Text>\n\t\t\t\t<MonoValue className=\"min-w-0 flex-1 truncate rounded-radius bg-muted px-space-md py-space-xs\">\n\t\t\t\t\t{display}\n\t\t\t\t</MonoValue>\n\t\t\t</ItemContent>\n\t\t\t<ItemActions className=\"shrink-0\">\n\t\t\t\t<ActionMenu\n\t\t\t\t\tactions={actions}\n\t\t\t\t\t// Rows repeat, so each trigger names the key it acts on.\n\t\t\t\t\tsrText={`${rowMenuAria}: ${item.name}`}\n\t\t\t\t\talign=\"end\"\n\t\t\t\t\tcloseOnSelect\n\t\t\t\t\t// A disabled or busy row disables the trigger itself.\n\t\t\t\t\tdisabled={inactive}\n\t\t\t\t\tbuttonProps={{ size: LIST_CONTROL_SIZE }}\n\t\t\t\t/>\n\t\t\t\t{/ The menu closes on select, so the confirmation is announced here. /}\n\t\t\t\t<span role=\"status\" className=\"sr-only\">{copied ? copyToastSuccess : ''}</span>\n\t\t\t</ItemActions>\n\t\t</Item>\n\t);\n}\n\nApiKeyRow.displayName = 'ApiKeyRow';\n","import {\n\tuseCallback,\n\tuseMemo,\n\tuseState,\n\ttype ReactNode } from 'react';\nimport { KeyRound,\n\tPlus,\n\ttype LucideIcon } from 'lucide-react';\n\nimport { Button } from '../../../base/buttons';\nimport { Copyable } from '../../../base/copyable';\nimport { Card, type CardProps } from '../../../base/cards';\nimport { IconBadge } from '../../../base/display';\nimport { Alert, AlertAction, AlertDescription, AlertTitle } from '../../../base/feedback';\nimport { Checkbox } from '../../../base/choice-inputs';\nimport { choiceControlTrackClasses } from '../../../base/choice-inputs/choice-types';\nimport { FormField } from '../../../base/forms';\nimport { Input } from '../../../base/text-inputs';\nimport { Grid, Stack } from '../../../base/structure';\nimport { DisplayLabel, Text } from '../../../typography';\nimport { textLineHeights, textSizes } from '../../../typography/text.styles';\nimport { useTypographyConfig } from '../../../../lib/ui-provider';\nimport { useStrings, type StringsProp } from '../../../../lib/strings';\nimport type { CardSurface } from '../../../../lib/component-vocabulary';\nimport { cn } from '../../../../lib/utils';\n\nimport { ApiKeyList, type ApiKeyListItem, type ApiKeyListStrings } from '../api-key-list';\nimport { toneRecipes } from '../../../../lib/tone-recipes';\nimport { contentBlockHooks } from '../../content-block-hooks';\n\n/* Card's inset scale, including `none` inside an existing boundary. /\ntype ActionSurfacePadding = NonNullable<CardProps['padding']>;\ntype ActionSurfaceSurface = CardSurface;\n\nexport interface SensitiveActionCardProps {\n\t/* Surface title. /\n\ttitle: ReactNode;\n\t/* Supporting copy shown under the label. /\n\tdescription?: ReactNode;\n\t/* Confirmation copy shown before the action runs. /\n\tconfirmation?: ReactNode;\n\t/* The action this surface performs. /\n\taction?: ReactNode;\n\t/* Leading glyph. /\n\ticon?: LucideIcon;\n\t/* Surface inset. /\n\tpadding?: ActionSurfacePadding;\n\t/* Outer chrome. /\n\tsurface?: ActionSurfaceSurface;\n\t/* Merged onto the outermost node. /\n\tclassName?: string;\n}\n\nexport function SensitiveActionCard({\n\ttitle,\n\tdescription,\n\tconfirmation,\n\taction,\n\ticon: Icon,\n\tpadding = 'md',\n\tsurface = 'card',\n\tclassName,\n}: SensitiveActionCardProps) {\n\treturn (\n\t\t<Card\n\t\t\tpadding={padding}\n\t\t\tsurface={surface}\n\t\t\t{...contentBlockHooks(\n\t\t\t\tcn('sensitive-action-card--component', toneRecipes.destructive.edge, className),\n\t\t\t\t{ content: 'sensitive-action-card--content grid gap-space-lg' },\n\t\t\t\tpadding,\n\t\t\t)}\n\t\t>\n\t\t\t{/ The destructive frame and action carry the danger; an icon is opt-in and\n\t\t\t the confirmation note is copy in the text column, not a nested panel. /}\n\t\t\t<Stack direction=\"horizontal\" align=\"start\" gap=\"lg\" className=\"min-w-0\">\n\t\t\t\t{!!Icon && <IconBadge icon={Icon} tone=\"destructive\" shape=\"square\" size=\"md\" />}\n\t\t\t\t<Stack gap=\"normal\" className=\"min-w-0 flex-1\">\n\t\t\t\t\t<Text weight=\"semibold\">{title}</Text>\n\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t<Text type=\"secondary\">\n\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t\t{!!confirmation && (\n\t\t\t\t\t\t<Text tag=\"div\" type=\"secondary\" role=\"note\" className=\"sensitive-action-card--confirmation\">\n\t\t\t\t\t\t\t{confirmation}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t\t{!!action && <div className=\"shrink-0\">{action}</div>}\n\t\t\t</Stack>\n\t\t</Card>\n\t);\n}\n\nexport interface CopyableSecretAlertStrings {\n\t/* Surface title. /\n\ttitle: string;\n\t/* Supporting copy shown under the label. /\n\tdescription: string;\n\tcopySuccess: string;\n}\n\nexport const defaultCopyableSecretAlertStrings: CopyableSecretAlertStrings = {\n\ttitle: 'Secret created',\n\tdescription: 'Copy this value now. It may not be shown again.',\n\tcopySuccess: 'Secret copied',\n};\n\nexport interface CopyableSecretAlertProps {\n\t/* Current value. Controlled. /\n\tvalue: string;\n\t/* Formatted value shown to the user. /\n\tdisplayValue?: ReactNode;\n\t/* Surface title. /\n\ttitle?: ReactNode;\n\t/* Supporting copy shown under the label. /\n\tdescription?: ReactNode;\n\t/* The action this surface performs. /\n\taction?: ReactNode;\n\t/* Merged onto the outermost node. /\n\tclassName?: string;\n\t/* Overrides this surface's own copy. /\n\tstrings?: StringsProp<CopyableSecretAlertStrings>;\n}\n\nexport function CopyableSecretAlert({\n\tvalue,\n\tdisplayValue,\n\ttitle,\n\tdescription,\n\taction,\n\tclassName,\n\tstrings: stringsProp,\n}: CopyableSecretAlertProps) {\n\tconst strings = useStrings(defaultCopyableSecretAlertStrings, stringsProp);\n\n\treturn (\n\t\t<Alert\n\t\t\tdata-component=\"copyable-secret-alert\"\n\t\t\tdata-slot=\"copyable-secret-alert\"\n\t\t\ttone=\"success\"\n\t\t\tclassName={cn('copyable-secret-alert--component', className)}\n\t\t>\n\t\t\t<KeyRound className=\"size-icon\" />\n\t\t\t<AlertTitle>{title ?? strings.title}</AlertTitle>\n\t\t\t<AlertDescription>\n\t\t\t\t<Stack render={<span />} gap=\"md\">\n\t\t\t\t\t<Text tag=\"span\" type=\"secondary\">\n\t\t\t\t\t\t{description ?? strings.description}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Copyable\n\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\tdisplayValue={displayValue ?? value}\n\t\t\t\t\t\tmono\n\t\t\t\t\t\ttruncate\n\t\t\t\t\t\tclassName=\"copyable-secret-alert--value max-w-full rounded-radius bg-background px-space-md py-space-xs\"\n\t\t\t\t\t\tstrings={{ success: strings.copySuccess }}\n\t\t\t\t\t/>\n\t\t\t\t</Stack>\n\t\t\t</AlertDescription>\n\t\t\t{!!action && <AlertAction>{action}</AlertAction>}\n\t\t</Alert>\n\t);\n}\n\nexport interface ApiTokenAbility {\n\t/* Stable identity for this entry. /\n\tid: string;\n\t/* Display label. /\n\tlabel: ReactNode;\n\t/* Supporting copy shown under the label. /\n\tdescription?: ReactNode;\n\t/* Renders the entry as unselectable. /\n\tdisabled?: boolean;\n}\n\nexport interface ApiTokenCreatedToken {\n\t/* Current value. Controlled. /\n\tvalue: string;\n\t/* Formatted value shown to the user. /\n\tdisplayValue?: ReactNode;\n\t/* Display name. /\n\tname?: ReactNode;\n}\n\nexport interface ApiTokenCreateValues {\n\t/* Display name. /\n\tname: string;\n\t/* Capabilities the viewer is permitted to use. /\n\tabilities: string[];\n}\n\nexport interface ApiTokenManagerStrings {\n\t/* Surface title. /\n\ttitle: string;\n\t/* Supporting copy shown under the label. /\n\tdescription: string;\n\tnameLabel: string;\n\tnamePlaceholder: string;\n\tabilitiesLabel: string;\n\tcreate: string;\n\trevokeAll: string;\n\tcreatedTitle: string;\n\tcreatedDescription: string;\n}\n\n/\n Copy for the embedded token list, in the manager's own terms: tokens are\n * revoked, not deleted. Override any key through `listStrings`.\n /\nexport const defaultApiTokenListStrings: ApiKeyListStrings = {\n\ttitle: 'Active tokens',\n\taddAria: 'Add token',\n\trowMenuAria: 'Token actions',\n\tcopyMenuItem: 'Copy token',\n\tcopiedMenuItem: 'Copied',\n\tdeleteMenuItem: 'Revoke',\n\tcopyToastSuccess: 'Copied to clipboard',\n\tcopyToastError: 'Failed to copy',\n\temptyMessage: 'No tokens yet.',\n};\n\nexport const defaultApiTokenManagerStrings: ApiTokenManagerStrings = {\n\ttitle: 'API tokens',\n\tdescription: 'Create and revoke access tokens.',\n\tnameLabel: 'Token name',\n\tnamePlaceholder: 'Production deploy key',\n\tabilitiesLabel: 'Abilities',\n\tcreate: 'Create token',\n\trevokeAll: 'Revoke all',\n\tcreatedTitle: 'Token created',\n\tcreatedDescription: 'Copy this token now. It will not be shown again.',\n};\n\nexport interface ApiTokenManagerProps {\n\t/* API access credentials to display and manage. /\n\ttokens: ApiKeyListItem[];\n\t/* Capabilities the viewer is permitted to use. /\n\tabilities?: readonly ApiTokenAbility[];\n\tcreatedToken?: ApiTokenCreatedToken \| null;\n\t/* Display name. /\n\tname?: string;\n\tdefaultName?: string;\n\tonNameChange?: (name: string) => void;\n\tselectedAbilities?: readonly string[];\n\tdefaultSelectedAbilities?: readonly string[];\n\tonSelectedAbilitiesChange?: (abilities: string[]) => void;\n\t/* Fired when the user asks to create a token. /\n\tonCreateToken?: (values: ApiTokenCreateValues) => void \| Promise<void>;\n\tonRevokeToken?: (id: string, token: ApiKeyListItem) => void \| Promise<void>;\n\tonRevokeAllTokens?: () => void \| Promise<void>;\n\tonAfterMutate?: (event: { type: 'create' \| 'revoke' \| 'revoke-all'; payload?: unknown }) => void;\n\tonError?: (error: unknown, context: { phase: 'create' \| 'revoke' \| 'revoke-all' }) => void;\n\tcreating?: boolean;\n\trevokingAll?: boolean;\n\t/* Renders the entry as unselectable. /\n\tdisabled?: boolean;\n\t/* Merged onto the outermost node. /\n\tclassName?: string;\n\t/* Overrides this surface's own copy. /\n\tstrings?: StringsProp<ApiTokenManagerStrings>;\n\t/* Overrides the embedded token list's copy (section title, row menu, copy feedback, empty line). /\n\tlistStrings?: StringsProp<ApiKeyListStrings>;\n\t/* Outer chrome. Omit it to stay card-free. /\n\tsurface?: CardSurface;\n\t/* Surface inset. Defaults to `none` when unframed and `md` on a framed surface. /\n\tpadding?: CardProps['padding'];\n}\n\nexport function ApiTokenManager({\n\ttokens,\n\tabilities = [],\n\tcreatedToken,\n\tname,\n\tdefaultName = '',\n\tonNameChange,\n\tselectedAbilities,\n\tdefaultSelectedAbilities = [],\n\tonSelectedAbilitiesChange,\n\tonCreateToken,\n\tonRevokeToken,\n\tonRevokeAllTokens,\n\tonAfterMutate,\n\tonError,\n\tcreating: creatingProp = false,\n\trevokingAll: revokingAllProp = false,\n\tdisabled = false,\n\tclassName,\n\tstrings: stringsProp,\n\tlistStrings: listStringsProp,\n\tsurface = 'flat',\n\tpadding = surface === 'flat' ? 'none' : 'md',\n}: ApiTokenManagerProps) {\n\tconst strings = useStrings(defaultApiTokenManagerStrings, stringsProp);\n\tconst listStrings = useStrings(defaultApiTokenListStrings, listStringsProp);\n\tconst { defaultTextSize } = useTypographyConfig();\n\t// The checkbox track is one line of the ability label's text role tall, so the\n\t// box centres on the label's first line.\n\tconst abilityCheckTrack = cn(choiceControlTrackClasses, textSizes[defaultTextSize ?? 'sm'], textLineHeights.normal);\n\tconst isNameControlled = name !== undefined;\n\tconst isAbilitiesControlled = selectedAbilities !== undefined;\n\tconst [internalName, setInternalName] = useState(defaultName);\n\tconst [internalAbilities, setInternalAbilities] = useState<string[]>([...defaultSelectedAbilities]);\n\tconst [pendingPhase, setPendingPhase] = useState<'create' \| 'revoke' \| 'revoke-all' \| null>(null);\n\t// Revokes are per token and may overlap, so they are tracked by id.\n\tconst [revokingIds, setRevokingIds] = useState<readonly string[]>([]);\n\tconst resolvedName = isNameControlled ? name : internalName;\n\tconst resolvedAbilities = useMemo(\n\t\t() => isAbilitiesControlled ? [...selectedAbilities] : internalAbilities,\n\t\t[internalAbilities, isAbilitiesControlled, selectedAbilities],\n\t);\n\tconst creating = creatingProp \|\| pendingPhase === 'create';\n\tconst revokingAll = revokingAllProp \|\| pendingPhase === 'revoke-all';\n\n\tconst setName = useCallback(\n\t\t(nextName: string) => {\n\t\t\tif (!isNameControlled) setInternalName(nextName);\n\t\t\tonNameChange?.(nextName);\n\t\t},\n\t\t[isNameControlled, onNameChange],\n\t);\n\n\tconst setAbilities = useCallback(\n\t\t(nextAbilities: string[]) => {\n\t\t\tif (!isAbilitiesControlled) setInternalAbilities(nextAbilities);\n\t\t\tonSelectedAbilitiesChange?.(nextAbilities);\n\t\t},\n\t\t[isAbilitiesControlled, onSelectedAbilitiesChange],\n\t);\n\n\tconst toggleAbility = useCallback(\n\t\t(abilityId: string, checked: boolean \| 'indeterminate') => {\n\t\t\tconst nextChecked = checked === true;\n\t\t\tconst next = nextChecked\n\t\t\t\t? Array.from(new Set([...resolvedAbilities, abilityId]))\n\t\t\t\t: resolvedAbilities.filter((id) => id !== abilityId);\n\t\t\tsetAbilities(next);\n\t\t},\n\t\t[resolvedAbilities, setAbilities],\n\t);\n\n\tconst runMutation = useCallback(\n\t\tasync (\n\t\t\tphase: 'create' \| 'revoke' \| 'revoke-all',\n\t\t\ttask: () => void \| Promise<void>,\n\t\t\tpayload?: unknown,\n\t\t) => {\n\t\t\tsetPendingPhase(phase);\n\t\t\ttry {\n\t\t\t\tawait task();\n\t\t\t\tonAfterMutate?.({ type: phase, payload });\n\t\t\t} catch (error) {\n\t\t\t\tif (import.meta.env?.DEV) {\n\t\t\t\t\tconsole.warn(`[ApiTokenManager] ${phase} failed`, error);\n\t\t\t\t}\n\t\t\t\tonError?.(error, { phase });\n\t\t\t} finally {\n\t\t\t\tsetPendingPhase(null);\n\t\t\t}\n\t\t},\n\t\t[onAfterMutate, onError],\n\t);\n\n\tconst handleCreate = useCallback(() => {\n\t\tif (!onCreateToken) return;\n\t\tconst values = { name: resolvedName, abilities: resolvedAbilities };\n\t\tvoid runMutation('create', () => onCreateToken(values), values);\n\t}, [onCreateToken, resolvedAbilities, resolvedName, runMutation]);\n\n\tconst handleRevoke = useCallback(\n\t\t(id: string, token: ApiKeyListItem) => {\n\t\t\tif (!onRevokeToken \|\| revokingIds.includes(id)) return;\n\t\t\tsetRevokingIds((ids) => [...ids, id]);\n\t\t\tvoid runMutation('revoke', () => onRevokeToken(id, token), token)\n\t\t\t\t.finally(() => setRevokingIds((ids) => ids.filter((pending) => pending !== id)));\n\t\t},\n\t\t[onRevokeToken, revokingIds, runMutation],\n\t);\n\n\tconst handleRevokeAll = useCallback(() => {\n\t\tif (!onRevokeAllTokens) return;\n\t\tvoid runMutation('revoke-all', onRevokeAllTokens);\n\t}, [onRevokeAllTokens, runMutation]);\n\n\treturn (\n\t\t<Card\n\t\t\tsurface={surface}\n\t\t\tpadding={padding}\n\t\t\ttitle={strings.title}\n\t\t\tdescription={strings.description}\n\t\t\theaderAction={onRevokeAllTokens ? (\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttone=\"destructive\"\n\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\tloading={revokingAll}\n\t\t\t\t\tdisabled={disabled \|\| tokens.length === 0}\n\t\t\t\t\tonClick={handleRevokeAll}\n\t\t\t\t>\n\t\t\t\t\t{strings.revokeAll}\n\t\t\t\t</Button>\n\t\t\t) : undefined}\n\t\t\t{...contentBlockHooks(cn('api-token-manager--component', className))}\n\t\t>\n\t\t\t<Stack gap=\"xl\" className=\"api-token-manager--content\">\n\t\t\t\t{!!createdToken && (\n\t\t\t\t\t<CopyableSecretAlert\n\t\t\t\t\t\tvalue={createdToken.value}\n\t\t\t\t\t\tdisplayValue={createdToken.displayValue}\n\t\t\t\t\t\ttitle={createdToken.name ?? strings.createdTitle}\n\t\t\t\t\t\tdescription={strings.createdDescription}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t{/ The form is part of this surface, not a muted box inside it. */}\n\t\t\t<div className=\"api-token-manager--form\">\n\t\t\t<Stack gap=\"lg\">\n\t\t\t\t<FormField label={strings.nameLabel}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tvalue={resolvedName}\n\t\t\t\t\t\tplaceholder={strings.namePlaceholder}\n\t\t\t\t\t\tonChange={(event) => setName(event.currentTarget.value)}\n\t\t\t\t\t\tdisabled={disabled \|\| creating}\n\t\t\t\t\t/>\n\t\t\t\t</FormField>\n\n\t\t\t\t{abilities.length > 0 && (\n\t\t\t\t\t<Stack gap=\"md\" className=\"api-token-manager--abilities\">\n\t\t\t\t\t\t<DisplayLabel>{strings.abilitiesLabel}</DisplayLabel>\n\t\t\t\t\t\t<Grid columns={{ base: 1, sm: 2 }} gap=\"md\">\n\t\t\t\t\t\t\t{abilities.map((ability) => {\n\t\t\t\t\t\t\t\tconst checked = resolvedAbilities.includes(ability.id);\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\tkey={ability.id}\n\t\t\t\t\t\t\t\t\t\tclassName=\"flex min-w-0 items-start gap-space-md rounded-radius border border-border bg-background px-row-x py-row-y\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span className={abilityCheckTrack}>\n\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={checked}\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={disabled \|\| creating \|\| ability.disabled}\n\t\t\t\t\t\t\t\t\t\t\t\tonCheckedChange={(next) => toggleAbility(ability.id, next)}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t<Stack render={<span />} gap=\"dense\">\n\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"medium\">{ability.label}</Text>\n\t\t\t\t\t\t\t\t\t\t\t{!!ability.description && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">{ability.description}</Text>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</Grid>\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\n\t\t\t\t<Stack direction=\"horizontal\" gap=\"none\" justify=\"end\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\ttone=\"primary\"\n\t\t\t\t\t\tloading={creating}\n\t\t\t\t\t\tdisabled={disabled \|\| !onCreateToken \|\| resolvedName.trim().length === 0}\n\t\t\t\t\t\tonClick={handleCreate}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Plus className=\"size-icon\" />\n\t\t\t\t\t\t{strings.create}\n\t\t\t\t\t</Button>\n\t\t\t\t</Stack>\n\t\t\t</Stack>\n\t\t\t</div>\n\t\t\t</Stack>\n\n\t\t\t<ApiKeyList\n\t\t\t\titems={tokens}\n\t\t\t\tonDelete={onRevokeToken ? handleRevoke : undefined}\n\t\t\t\tdisabled={disabled \|\| revokingAll}\n\t\t\t\tpendingIds={revokingIds}\n\t\t\t\tstrings={listStrings}\n\t\t\t/>\n\t\t</Card>\n\t);\n}\n\nApiTokenManager.displayName = 'ApiTokenManager';\n"],"mappings":"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"}