themelia-react-ui 2.0.0 → 2.0.2

package/dist/blocks/admin.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin.js","names":["DisplayLabel","Text","Button","Grid","Stack","AlertDescription","AlertAction","Alert","AlertTitle","ActionMenu","MonoValue","IconBadge","Badge","Input","Copyable","FormField","Checkbox","ContentBlock","CollapsibleContent","CollapsibleTrigger","Collapsible","ItemMedia","ItemActions","ItemGroup","ItemContent","Item","defaultRolePermissionStrings","count","RolePermission","stringsProp","strings","useStrings","cn","className","roleName","memberCount","description","sections","section","perm","Check","Minus","onEdit","defaultApiKeyListStrings","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","KeyRound","displayValue","value","defaultApiTokenManagerStrings","ApiTokenManager","creatingProp","revokingAllProp","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\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-inner 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=\"sm\" 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-inner 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{/* Same compact trigger as the header's add action, so the row height\n\t\t\t\t    follows the key preview rather than a taller menu button. */}\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={{ buttonStyle: 'ghost', tone: 'secondary', size: 'sm', className: 'size-action-sm' }}\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 { FormField } from '../../../base/forms';\nimport { Input } from '../../../base/text-inputs';\nimport { Grid, Stack } from '../../../base/structure';\nimport { DisplayLabel, Text } from '../../../typography';\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';\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 border-destructive/30', 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-inner 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 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/70 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<Checkbox\n\t\t\t\t\t\t\t\t\t\t\tchecked={checked}\n\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\tonCheckedChange={(next) => toggleAbility(ability.id, next)}\n\t\t\t\t\t\t\t\t\t\t/>\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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"}
+{"version":3,"file":"admin.js","names":["useTypographyConfig","cn","Button","Text","DisplayLabel","textSizes","textLineHeights","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","defaultTextSize","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-inner 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-inner 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-inner 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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"}