npm - admin-ui-starter-kit - Versions diffs - 0.6.6 → 0.6.8 - Mend

admin-ui-starter-kit 0.6.6 → 0.6.8

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 (1256) hide show

package/dist/components/composed/admin/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/composed/admin/team-member/team-member.tsx","../../../../src/components/composed/admin/admin.strings.ts","../../../../src/components/composed/admin/role-permission/role-permission.tsx","../../../../src/components/composed/admin/conversation-row/conversation-row.tsx","../../../../src/components/composed/admin/settings-toggle/settings-toggle.tsx","../../../../src/components/composed/admin/inventory-level/inventory-level.tsx","../../../../src/components/composed/admin/api-key-list/api-key-list.strings.ts","../../../../src/components/composed/admin/api-key-list/api-key-list.tsx","../../../../src/components/composed/admin/action-surfaces/index.tsx"],"sourcesContent":["import { Badge } from '@/components/base/badge/badge';\nimport { IconBadge } from '@/components/base/display';\nimport {\n Item,\n ItemActions,\n ItemContent,\n ItemDescription,\n ItemGroup,\n ItemMedia,\n ItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography/text';\n\nimport type { TeamMemberRowProps } from './types';\n\nimport { cn } from '@/lib/utils';\nexport function TeamMemberRow({ members, className }: TeamMemberRowProps) {\n return (\n <ItemGroup className={cn('team-member--component', className)}>\n {members.map((m) => (\n <Item key={m.name}>\n <ItemMedia>\n <IconBadge tone=\"primary\" solid size=\"default\">\n <Text size=\"xs\" weight=\"semibold\" className=\"text-inherit\">\n {m.initials}\n </Text>\n </IconBadge>\n </ItemMedia>\n <ItemContent>\n <ItemTitle>{m.name}</ItemTitle>\n <ItemDescription clamp={1}>{m.role}</ItemDescription>\n </ItemContent>\n <ItemActions>\n <Badge variant=\"secondary\">{m.dept}</Badge>\n <Text size=\"xs\" type=\"secondary\" className=\"shrink-0 tabular-nums\">\n {m.active}\n </Text>\n </ItemActions>\n </Item>\n ))}\n </ItemGroup>\n );\n}\n\nTeamMemberRow.displayName = 'TeamMemberRow';\n","/*\n Default user-facing strings for the `composed/admin` family.\n \n Consumers wire backend i18n at the call site:\n \n <InventoryLevelCard strings={{ statusInStock: t('inv.in_stock') }} … />\n /\n\nexport interface InventoryLevelCardStrings {\n\t/* Status pill label when stock > reorderLevel. /\n\tstatusInStock: string;\n\t/* Status pill label when stock <= reorderLevel and > critical. /\n\tstatusLowStock: string;\n\t/* Status pill label when stock is at or below the critical threshold. /\n\tstatusCritical: string;\n\t/* Inline label preceding the variant value (e.g. \"Variant: Large\"). /\n\tvariantLabel: string;\n\t/* Caption below the stock total (e.g. \"units available\"). /\n\tunitsAvailable: string;\n\t/* Inline label preceding the reorder level (e.g. \"Reorder at:\"). /\n\treorderAtLabel: string;\n\t/* Inline label preceding the last-restocked date (e.g. \"Last restocked:\"). /\n\tlastRestockedLabel: string;\n}\n\nexport const defaultInventoryLevelCardStrings: InventoryLevelCardStrings = {\n\tstatusInStock: 'In Stock',\n\tstatusLowStock: 'Low Stock',\n\tstatusCritical: 'Critical',\n\tvariantLabel: 'Variant',\n\tunitsAvailable: 'units available',\n\treorderAtLabel: 'Reorder at',\n\tlastRestockedLabel: 'Last restocked',\n};\n\nexport interface RolePermissionCardStrings {\n\t/* Edit-role button label. /\n\teditRole: string;\n\t/* Format string for the member-count badge. Receives the count. /\n\tformatMemberCount: (count: number) => string;\n}\n\nexport const defaultRolePermissionCardStrings: RolePermissionCardStrings = {\n\teditRole: 'Edit Role',\n\tformatMemberCount: (count) => `${count} members`,\n};\n","/\n RolePermissionCard — admin surface for a role with description, member\n * count badge, grouped permission states (success dot vs muted), 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 '@/components/base/badge/badge';\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { Pencil } from 'lucide-react';\n\nimport { defaultRolePermissionCardStrings } from '../admin.strings';\nimport type { RolePermissionCardProps } from './types';\n\nexport function RolePermissionCard({\n roleName,\n description,\n memberCount,\n sections,\n onEdit,\n className,\n strings: stringsProp,\n}: RolePermissionCardProps) {\n const strings = useStrings(defaultRolePermissionCardStrings, stringsProp);\n return (\n <SmartCard\n title={roleName}\n description={description}\n headerEnd={memberCount !== undefined && <Badge variant=\"info\">{strings.formatMemberCount(memberCount)}</Badge>}\n className={cn('role-permission--component', className)}\n >\n <div className=\"mt-5 space-y-4\">\n {sections.map((section) => (\n <div key={section.name}>\n <Text size=\"xs\" weight=\"medium\" className=\"uppercase tracking-wider text-muted-foreground\">\n {section.name}\n </Text>\n <div className=\"mt-2 flex flex-wrap gap-2\">\n {section.permissions.map((perm) => (\n <div key={perm.label} className=\"flex items-center gap-1.5\">\n <span className={cn('size-2.5 rounded-full', perm.active ? 'bg-success' : 'bg-muted')} />\n <Text size=\"xs\" className={perm.active ? 'text-foreground' : 'text-muted-foreground'}>\n {perm.label}\n </Text>\n </div>\n ))}\n </div>\n </div>\n ))}\n </div>\n\n {!!onEdit && (\n <Button variant=\"secondary\" buttonStyle=\"ghost\" icon={Pencil} className=\"mt-5\" onClick={onEdit}>\n {strings.editRole}\n </Button>\n )}\n </SmartCard>\n );\n}\n\nRolePermissionCard.displayName = 'RolePermissionCard';\n","import { IconBadge } from '@/components/base/display';\nimport {\n Item,\n ItemActions,\n ItemContent,\n ItemDescription,\n ItemGroup,\n ItemMedia,\n ItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography/text';\n\nimport type { RecentConversationRowProps } from './types';\n\nimport { cn } from '@/lib/utils';\nexport function RecentConversationRow({ conversations, className }: RecentConversationRowProps) {\n return (\n <ItemGroup className={cn('conversation-row--component', className)}>\n {conversations.map((c) => (\n <Item key={c.name} className=\"cursor-pointer\">\n <ItemMedia>\n <IconBadge tone=\"primary\" size=\"default\">\n <Text size=\"xs\" weight=\"semibold\" className=\"text-inherit\">\n {c.initials}\n </Text>\n </IconBadge>\n </ItemMedia>\n <ItemContent>\n <div className=\"flex items-center justify-between gap-2\">\n <ItemTitle>{c.name}</ItemTitle>\n <Text size=\"xs\" type=\"secondary\" className=\"shrink-0 tabular-nums\">\n {c.time}\n </Text>\n </div>\n <ItemDescription clamp={1}>{c.preview}</ItemDescription>\n </ItemContent>\n {!!c.unread && (\n <ItemActions>\n <IconBadge tone=\"primary\" solid size=\"small\">\n <Text size=\"xxs\" weight=\"bold\" className=\"text-inherit tabular-nums\">\n {c.unread}\n </Text>\n </IconBadge>\n </ItemActions>\n )}\n </Item>\n ))}\n </ItemGroup>\n );\n}\n\nRecentConversationRow.displayName = 'RecentConversationRow';\n","/\n SettingsToggleRow — vertically-stacked list of settings with icon, name,\n * description, and a `<Switch>` per row. Controlled when `values`/`onChange`\n * are passed; otherwise self-managed via local state.\n /\nimport { useState } from 'react';\n\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { ToggleSwitch } from '@/components/base/forms/fields/switch';\nimport {\n Item,\n ItemActions,\n ItemContent,\n ItemDescription,\n ItemGroup,\n ItemMedia,\n ItemTitle,\n} from '@/components/base/item';\n\nimport type { SettingsToggleRowProps } from './types';\n\nimport { cn } from '@/lib/utils';\nexport function SettingsToggleRow({ settings, values, onChange, className }: SettingsToggleRowProps) {\n const [internalValues, setInternalValues] = useState<Record<string, boolean>>(() => {\n const defaults: Record<string, boolean> = {};\n for (const s of settings) {\n defaults[s.key] = s.defaultValue ?? false;\n }\n return defaults;\n });\n\n const isControlled = onChange !== undefined;\n const resolvedValues = isControlled && values ? values : internalValues;\n\n const handleToggle = (key: string, next: boolean) => {\n if (isControlled && onChange) {\n onChange(key, next);\n } else {\n setInternalValues((prev) => ({ ...prev, [key]: next }));\n }\n };\n\n return (\n <SmartCard className={cn('settings-toggle--component', className)}>\n <ItemGroup>\n {settings.map((s) => {\n const Icon = s.icon;\n const checked = resolvedValues[s.key] ?? false;\n return (\n <Item key={s.key}>\n <ItemMedia variant=\"icon\" className=\"bg-muted text-muted-foreground rounded-full size-9\">\n <Icon />\n </ItemMedia>\n <ItemContent>\n <ItemTitle>{s.name}</ItemTitle>\n <ItemDescription>{s.desc}</ItemDescription>\n </ItemContent>\n <ItemActions>\n <ToggleSwitch\n aria-label={s.name}\n checked={checked}\n onCheckedChange={(next) => handleToggle(s.key, next)}\n />\n </ItemActions>\n </Item>\n );\n })}\n </ItemGroup>\n </SmartCard>\n );\n}\n\nSettingsToggleRow.displayName = 'SettingsToggleRow';\n","/\n InventoryLevelCard — single-product inventory snapshot with stock total,\n * reorder threshold, and a status pill (Critical / Low Stock / In Stock).\n \n Status thresholds are computed from `stock`, `reorderLevel`, and the\n * critical threshold (50% of `reorderLevel`). Status pill labels flow via\n * the `strings` prop so consumers can localise without forking the file.\n /\nimport { Badge } from '@/components/base/badge/badge';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport {\n Item,\n ItemActions,\n ItemContent,\n ItemDescription,\n ItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultInventoryLevelCardStrings } from '../admin.strings';\nimport type { InventoryLevelCardProps } from './types';\n\nexport function InventoryLevelCard({\n productName,\n variant,\n stock,\n reorderLevel,\n maxStock,\n lastRestocked,\n className,\n strings: stringsProp,\n}: InventoryLevelCardProps) {\n const strings = useStrings(defaultInventoryLevelCardStrings, stringsProp);\n const pct = Math.round((stock / maxStock) 100);\n const isLow = stock <= reorderLevel;\n const isCritical = stock <= reorderLevel * 0.5;\n\n const badgeVariant = isCritical ? 'error' : isLow ? 'warning' : 'success';\n const badgeLabel = isCritical\n ? strings.statusCritical\n : isLow\n ? strings.statusLowStock\n : strings.statusInStock;\n\n return (\n <SmartCard className={cn('inventory-level--component', className)}>\n <Item size=\"small\">\n <ItemContent>\n <ItemTitle>{productName}</ItemTitle>\n {!!variant && (\n <ItemDescription clamp={1}>\n {strings.variantLabel}: {variant}\n </ItemDescription>\n )}\n </ItemContent>\n <ItemActions>\n <Badge variant={badgeVariant}>{badgeLabel}</Badge>\n </ItemActions>\n </Item>\n\n <Text size=\"xl\" weight=\"semibold\" className=\"tabular-nums tracking-tight\">{stock}</Text>\n <Text size=\"xs\" type=\"secondary\">\n {strings.unitsAvailable}\n </Text>\n\n <div className=\"mt-4 space-y-2\">\n <div className=\"h-1.5 overflow-hidden rounded-full bg-muted\">\n <div\n className={cn(\n 'h-full rounded-full transition-all',\n isCritical ? 'bg-destructive' : isLow ? 'bg-warning' : 'bg-success',\n )}\n style={{ width: `${pct}%` }}\n />\n </div>\n <div className=\"flex items-center justify-between\">\n <Text size=\"xs\" type=\"secondary\">\n {strings.reorderAtLabel}: <Text tag=\"span\" weight=\"medium\" className=\"tabular-nums\">{reorderLevel}</Text>\n </Text>\n {!!lastRestocked && (\n <Text size=\"xs\" type=\"secondary\">\n {strings.lastRestockedLabel}: {lastRestocked}\n </Text>\n )}\n </div>\n </div>\n </SmartCard>\n );\n}\n\nInventoryLevelCard.displayName = 'InventoryLevelCard';\n","/*\n Strings for `<ApiKeyList>`. English defaults; deep-merge-overridable.\n /\nexport interface ApiKeyListStrings {\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/cards/SmartCard` (the surface chrome)\n * - `base/buttons`, `base/badge` (header actions, status pills)\n * - `base/navigation/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, Lock, Plus, Trash2 } from 'lucide-react';\nimport { forwardRef, useCallback, useState } from 'react';\nimport { toast } from 'sonner';\n\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards';\nimport {\n\tCollapsible,\n\tCollapsibleContent,\n\tCollapsibleTrigger,\n} from '@/components/base/display/collapsible';\nimport { IconBadge } from '@/components/base/display/icon-badge';\nimport { Item, ItemActions, ItemContent, ItemMedia } from '@/components/base/item';\nimport { ActionMenu, MenuAction } from '@/components/base/navigation/action-menu';\nimport { Text } from '@/components/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<SmartCard ref={ref} className={cn('api-key-list--component', className)}>\n\t\t\t<Collapsible open={expanded} onOpenChange={handleOpenChange}>\n\t\t\t\t<div className=\"flex items-center gap-2\">\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\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"default\"\n\t\t\t\t\t\t\tclassName=\"h-auto flex-1 justify-start gap-2 rounded-sm 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-4 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\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\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-4\" />\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-3\">\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<div className=\"flex flex-col gap-2.5\">\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</div>\n\t\t\t\t\t)}\n\t\t\t\t</CollapsibleContent>\n\t\t\t</Collapsible>\n\t\t</SmartCard>\n\t);\n});\n\nApiKeyList.displayName = 'ApiKeyList';\n\ninterface ApiKeyRowProps {\n\titem: ApiKeyListItem;\n\tonDelete?: ApiKeyListProps['onDelete'];\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\n\treturn (\n\t\t<Item size=\"small\" data-slot=\"api-key-row\" className=\"flex-nowrap\">\n\t\t\t<ItemMedia variant=\"icon\">\n\t\t\t\t<IconBadge\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tshape=\"square\"\n\t\t\t\t\ttone=\"muted\"\n\t\t\t\t\tbordered\n\t\t\t\t\tclassName=\"text-success\"\n\t\t\t\t>\n\t\t\t\t\t{item.icon ?? <Lock className=\"size-3.5\" />}\n\t\t\t\t</IconBadge>\n\t\t\t</ItemMedia>\n\t\t\t<ItemContent className=\"min-w-0 flex-row items-center gap-2.5\">\n\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\" className=\"w-20 shrink-0 truncate sm:w-24\">\n\t\t\t\t\t{item.name}\n\t\t\t\t</Text>\n\t\t\t\t<span className=\"min-w-0 flex-1 truncate rounded-sm bg-muted px-2 py-1 font-mono text-xs\">\n\t\t\t\t\t{display}\n\t\t\t\t</span>\n\t\t\t</ItemContent>\n\t\t\t<ItemActions className=\"shrink-0\">\n\t\t\t\t<ActionMenu\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', variant: 'secondary' }}\n\t\t\t\t>\n\t\t\t\t\t<MenuAction\n\t\t\t\t\t\tlabel={copied ? copiedMenuLabel : copyMenuLabel}\n\t\t\t\t\t\ticon={Copy}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tvoid handleCopy();\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t/>\n\t\t\t\t\t{!!onDelete && (\n\t\t\t\t\t\t<MenuAction\n\t\t\t\t\t\t\tlabel={deleteMenuLabel}\n\t\t\t\t\t\t\ticon={Trash2}\n\t\t\t\t\t\t\tvariant=\"error\"\n\t\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t\t\tonClick={() => onDelete(item.id, item)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</ActionMenu>\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\tShieldAlert,\n\tTrash2,\n\ttype LucideIcon } from 'lucide-react';\n\nimport { Button,\n\ttype ButtonProps } from '@/components/base/buttons';\nimport { SmartCard,\n\ttype CardPadding,\n\ttype SmartCardSurface } from '@/components/base/cards';\nimport { Copyable } from '@/components/base/copyable';\nimport {\n\tAlert,\n\tAlertAction,\n\tAlertDescription,\n\tAlertTitle,\n\tIconBadge,\n} from '@/components/base/display';\nimport { Checkbox, FormField, Input } from '@/components/base/forms';\nimport { Item, ItemActions, ItemContent, ItemDescription, ItemMedia, ItemTitle } from '@/components/base/item';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { ApiKeyList, type ApiKeyListItem } from '../api-key-list';\n\nexport interface ActionRowAction extends Omit<ButtonProps, 'children'> {\n\tlabel: ReactNode;\n\ticon?: LucideIcon;\n}\n\nexport interface ActionRowProps {\n\ticon?: LucideIcon;\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\tprimaryAction?: ActionRowAction;\n\tsecondaryAction?: ActionRowAction;\n\tactions?: ReactNode;\n\tdisabled?: boolean;\n\tclassName?: string;\n}\n\nfunction renderAction(action: ActionRowAction \| undefined, fallbackVariant: ButtonProps['variant']) {\n\tif (!action) return null;\n\tconst { label, icon: Icon, variant = fallbackVariant, ...buttonProps } = action;\n\n\treturn (\n\t\t<Button {...buttonProps} variant={variant}>\n\t\t\t{!!Icon && <Icon className=\"size-4\" />}\n\t\t\t{label}\n\t\t</Button>\n\t);\n}\n\nexport function ActionRow({\n\ticon: Icon,\n\ttitle,\n\tdescription,\n\tprimaryAction,\n\tsecondaryAction,\n\tactions,\n\tdisabled = false,\n\tclassName,\n}: ActionRowProps) {\n\treturn (\n\t\t<Item\n\t\t\tdata-component=\"action-row\"\n\t\t\tdata-slot=\"action-row\"\n\t\t\tclassName={cn('action-row--component', disabled && 'opacity-60', className)}\n\t\t>\n\t\t\t{!!Icon && (\n\t\t\t\t<ItemMedia variant=\"icon\">\n\t\t\t\t\t<IconBadge icon={Icon} tone=\"muted\" shape=\"square\" size=\"default\" />\n\t\t\t\t</ItemMedia>\n\t\t\t)}\n\t\t\t<ItemContent>\n\t\t\t\t<ItemTitle>{title}</ItemTitle>\n\t\t\t\t{!!description && <ItemDescription>{description}</ItemDescription>}\n\t\t\t</ItemContent>\n\t\t\t<ItemActions className=\"flex-wrap justify-end\">\n\t\t\t\t{actions ?? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{renderAction(secondaryAction, 'secondary')}\n\t\t\t\t\t\t{renderAction(primaryAction, 'primary')}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</ItemActions>\n\t\t</Item>\n\t);\n}\n\nexport interface ActionListProps {\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\tactions?: ReactNode;\n\tchildren?: ReactNode;\n\trows?: readonly ActionRowProps[];\n\tpadding?: CardPadding;\n\tsurface?: SmartCardSurface;\n\tclassName?: string;\n\tcontentClassName?: string;\n}\n\nexport function ActionList({\n\ttitle,\n\tdescription,\n\tactions,\n\tchildren,\n\trows,\n\tpadding = 'default',\n\tsurface = 'card',\n\tclassName,\n\tcontentClassName,\n}: ActionListProps) {\n\treturn (\n\t\t<SmartCard\n\t\t\tdata-component=\"action-list\"\n\t\t\tdata-slot=\"action-list\"\n\t\t\ttitle={title}\n\t\t\tdescription={description}\n\t\t\theaderAction={actions}\n\t\t\tpadding={padding}\n\t\t\tsurface={surface}\n\t\t\tclassName={cn('action-list--component', className)}\n\t\t\tcontentClassName={cn('action-list--content grid gap-2', contentClassName)}\n\t\t>\n\t\t\t{rows?.map((row, index) => (\n\t\t\t\t<ActionRow key={index} {...row} />\n\t\t\t))}\n\t\t\t{children}\n\t\t</SmartCard>\n\t);\n}\n\nexport interface SensitiveActionCardProps {\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\tconfirmation?: ReactNode;\n\taction?: ReactNode;\n\ticon?: LucideIcon;\n\tpadding?: CardPadding;\n\tsurface?: SmartCardSurface;\n\tclassName?: string;\n}\n\nexport function SensitiveActionCard({\n\ttitle,\n\tdescription,\n\tconfirmation,\n\taction,\n\ticon: Icon = ShieldAlert,\n\tpadding = 'default',\n\tsurface = 'card',\n\tclassName,\n}: SensitiveActionCardProps) {\n\treturn (\n\t\t<SmartCard\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-3\"\n\t\t>\n\t\t\t<div className=\"flex min-w-0 items-start gap-3\">\n\t\t\t\t<IconBadge icon={Icon} tone=\"destructive\" shape=\"square\" size=\"default\" />\n\t\t\t\t<div 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 size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\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</div>\n\t\t\t\t{!!action && <div className=\"shrink-0\">{action}</div>}\n\t\t\t</div>\n\t\t\t{!!confirmation && (\n\t\t\t\t<Alert variant=\"destructive\" role=\"note\" className=\"sensitive-action-card--confirmation\">\n\t\t\t\t\t<AlertDescription>{confirmation}</AlertDescription>\n\t\t\t\t</Alert>\n\t\t\t)}\n\t\t</SmartCard>\n\t);\n}\n\nexport interface CopyableSecretAlertStrings {\n\ttitle: string;\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\tvalue: string;\n\tdisplayValue?: ReactNode;\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\taction?: ReactNode;\n\tclassName?: string;\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\tvariant=\"success\"\n\t\t\tclassName={cn('copyable-secret-alert--component', className)}\n\t\t>\n\t\t\t<KeyRound className=\"size-4\" />\n\t\t\t<AlertTitle>{title ?? strings.title}</AlertTitle>\n\t\t\t<AlertDescription>\n\t\t\t\t<span className=\"grid gap-2\">\n\t\t\t\t\t<span>{description ?? strings.description}</span>\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-md bg-background px-2 py-1\"\n\t\t\t\t\t\tsuccessMessage={strings.copySuccess}\n\t\t\t\t\t/>\n\t\t\t\t</span>\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\tid: string;\n\tlabel: ReactNode;\n\tdescription?: ReactNode;\n\tdisabled?: boolean;\n}\n\nexport interface ApiTokenCreatedToken {\n\tvalue: string;\n\tdisplayValue?: ReactNode;\n\tname?: ReactNode;\n}\n\nexport interface ApiTokenCreateValues {\n\tname: string;\n\tabilities: string[];\n}\n\nexport interface ApiTokenManagerStrings {\n\ttitle: string;\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\ttokens: ApiKeyListItem[];\n\tabilities?: readonly ApiTokenAbility[];\n\tcreatedToken?: ApiTokenCreatedToken \| null;\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\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\tisCreating?: boolean;\n\tisRevokingAll?: boolean;\n\tdisabled?: boolean;\n\tclassName?: string;\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\tisCreating = false,\n\tisRevokingAll = 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 = isCreating \|\| pendingPhase === 'create';\n\tconst revokingAll = isRevokingAll \|\| 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<SmartCard\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\tvariant=\"error\"\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<Trash2 className=\"size-4\" />\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\tcontentClassName=\"api-token-manager--content grid gap-4\"\n\t\t>\n\t\t\t{!!createdToken && (\n\t\t\t\t<CopyableSecretAlert\n\t\t\t\t\tvalue={createdToken.value}\n\t\t\t\t\tdisplayValue={createdToken.displayValue}\n\t\t\t\t\ttitle={createdToken.name ?? strings.createdTitle}\n\t\t\t\t\tdescription={strings.createdDescription}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<div className=\"api-token-manager--form grid gap-3 rounded-lg border border-border/70 bg-muted/20 p-3\">\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<div className=\"api-token-manager--abilities grid gap-2\">\n\t\t\t\t\t\t<Text size=\"xs\" weight=\"semibold\">{strings.abilitiesLabel}</Text>\n\t\t\t\t\t\t<div className=\"grid gap-2 sm:grid-cols-2\">\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-2 rounded-md border border-border/70 bg-background px-3 py-2\"\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<span className=\"grid min-w-0 gap-0.5\">\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</span>\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</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<div className=\"flex justify-end\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"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-4\" />\n\t\t\t\t\t\t{strings.create}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</div>\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</SmartCard>\n\t);\n}\n\nApiTokenManager.displayName = 'ApiTokenManager';\n"],"mappings":"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"}
1	+ {"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/composed/admin/team-member/team-member.tsx","../../../../src/components/composed/admin/admin.strings.ts","../../../../src/components/composed/admin/role-permission/role-permission.tsx","../../../../src/components/composed/admin/conversation-row/conversation-row.tsx","../../../../src/components/composed/admin/settings-toggle/settings-toggle.tsx","../../../../src/components/composed/admin/inventory-level/inventory-level.tsx","../../../../src/components/composed/admin/api-key-list/api-key-list.strings.ts","../../../../src/components/composed/admin/api-key-list/api-key-list.tsx","../../../../src/components/composed/admin/action-surfaces/index.tsx"],"sourcesContent":["import { Badge } from '@/components/base/badge/badge';\nimport { IconBadge } from '@/components/base/display';\nimport {\n Item,\n ItemActions,\n ItemContent,\n ItemDescription,\n ItemGroup,\n ItemMedia,\n ItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography/text';\n\nimport type { TeamMemberRowProps } from './types';\n\nimport { cn } from '@/lib/utils';\nexport function TeamMemberRow({ members, className }: TeamMemberRowProps) {\n return (\n <ItemGroup className={cn('team-member--component', className)}>\n {members.map((m) => (\n <Item key={m.name}>\n <ItemMedia>\n <IconBadge tone=\"primary\" solid size=\"default\">\n <Text size=\"xs\" weight=\"semibold\" className=\"text-inherit\">\n {m.initials}\n </Text>\n </IconBadge>\n </ItemMedia>\n <ItemContent>\n <ItemTitle>{m.name}</ItemTitle>\n <ItemDescription clamp={1}>{m.role}</ItemDescription>\n </ItemContent>\n <ItemActions>\n <Badge variant=\"secondary\">{m.dept}</Badge>\n <Text size=\"xs\" type=\"secondary\" className=\"shrink-0 tabular-nums\">\n {m.active}\n </Text>\n </ItemActions>\n </Item>\n ))}\n </ItemGroup>\n );\n}\n\nTeamMemberRow.displayName = 'TeamMemberRow';\n","/*\n Default user-facing strings for the `composed/admin` family.\n \n Consumers wire backend i18n at the call site:\n \n <InventoryLevelCard strings={{ statusInStock: t('inv.in_stock') }} … />\n /\n\nexport interface InventoryLevelCardStrings {\n\t/* Status pill label when stock > reorderLevel. /\n\tstatusInStock: string;\n\t/* Status pill label when stock <= reorderLevel and > critical. /\n\tstatusLowStock: string;\n\t/* Status pill label when stock is at or below the critical threshold. /\n\tstatusCritical: string;\n\t/* Inline label preceding the variant value (e.g. \"Variant: Large\"). /\n\tvariantLabel: string;\n\t/* Caption below the stock total (e.g. \"units available\"). /\n\tunitsAvailable: string;\n\t/* Inline label preceding the reorder level (e.g. \"Reorder at:\"). /\n\treorderAtLabel: string;\n\t/* Inline label preceding the last-restocked date (e.g. \"Last restocked:\"). /\n\tlastRestockedLabel: string;\n}\n\nexport const defaultInventoryLevelCardStrings: InventoryLevelCardStrings = {\n\tstatusInStock: 'In Stock',\n\tstatusLowStock: 'Low Stock',\n\tstatusCritical: 'Critical',\n\tvariantLabel: 'Variant',\n\tunitsAvailable: 'units available',\n\treorderAtLabel: 'Reorder at',\n\tlastRestockedLabel: 'Last restocked',\n};\n\nexport interface RolePermissionCardStrings {\n\t/* Edit-role button label. /\n\teditRole: string;\n\t/* Format string for the member-count badge. Receives the count. /\n\tformatMemberCount: (count: number) => string;\n}\n\nexport const defaultRolePermissionCardStrings: RolePermissionCardStrings = {\n\teditRole: 'Edit Role',\n\tformatMemberCount: (count) => `${count} members`,\n};\n","/\n RolePermissionCard — admin surface for a role with description, member\n * count badge, grouped permission states (success dot vs muted), 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 '@/components/base/badge/badge';\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\nimport { Pencil } from 'lucide-react';\n\nimport { defaultRolePermissionCardStrings } from '../admin.strings';\nimport type { RolePermissionCardProps } from './types';\n\nexport function RolePermissionCard({\n roleName,\n description,\n memberCount,\n sections,\n onEdit,\n className,\n strings: stringsProp,\n}: RolePermissionCardProps) {\n const strings = useStrings(defaultRolePermissionCardStrings, stringsProp);\n return (\n <SmartCard\n title={roleName}\n description={description}\n headerEnd={memberCount !== undefined && <Badge variant=\"info\">{strings.formatMemberCount(memberCount)}</Badge>}\n className={cn('role-permission--component', className)}\n >\n <div className=\"mt-5 space-y-4\">\n {sections.map((section) => (\n <div key={section.name}>\n <Text size=\"xs\" weight=\"medium\" className=\"uppercase tracking-wider text-muted-foreground\">\n {section.name}\n </Text>\n <div className=\"mt-2 flex flex-wrap gap-2\">\n {section.permissions.map((perm) => (\n <div key={perm.label} className=\"flex items-center gap-1.5\">\n <span className={cn('size-2.5 rounded-full', perm.active ? 'bg-success' : 'bg-muted')} />\n <Text size=\"xs\" className={perm.active ? 'text-foreground' : 'text-muted-foreground'}>\n {perm.label}\n </Text>\n </div>\n ))}\n </div>\n </div>\n ))}\n </div>\n\n {!!onEdit && (\n <Button variant=\"secondary\" buttonStyle=\"ghost\" icon={Pencil} className=\"mt-5\" onClick={onEdit}>\n {strings.editRole}\n </Button>\n )}\n </SmartCard>\n );\n}\n\nRolePermissionCard.displayName = 'RolePermissionCard';\n","import { IconBadge } from '@/components/base/display';\nimport {\n Item,\n ItemActions,\n ItemContent,\n ItemDescription,\n ItemGroup,\n ItemMedia,\n ItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography/text';\n\nimport type { RecentConversationRowProps } from './types';\n\nimport { cn } from '@/lib/utils';\nexport function RecentConversationRow({ conversations, className }: RecentConversationRowProps) {\n return (\n <ItemGroup className={cn('conversation-row--component', className)}>\n {conversations.map((c) => (\n <Item key={c.name} className=\"cursor-pointer\">\n <ItemMedia>\n <IconBadge tone=\"primary\" size=\"default\">\n <Text size=\"xs\" weight=\"semibold\" className=\"text-inherit\">\n {c.initials}\n </Text>\n </IconBadge>\n </ItemMedia>\n <ItemContent>\n <div className=\"flex items-center justify-between gap-2\">\n <ItemTitle>{c.name}</ItemTitle>\n <Text size=\"xs\" type=\"secondary\" className=\"shrink-0 tabular-nums\">\n {c.time}\n </Text>\n </div>\n <ItemDescription clamp={1}>{c.preview}</ItemDescription>\n </ItemContent>\n {!!c.unread && (\n <ItemActions>\n <IconBadge tone=\"primary\" solid size=\"small\">\n <Text size=\"xs\" weight=\"bold\" className=\"text-inherit tabular-nums\">\n {c.unread}\n </Text>\n </IconBadge>\n </ItemActions>\n )}\n </Item>\n ))}\n </ItemGroup>\n );\n}\n\nRecentConversationRow.displayName = 'RecentConversationRow';\n","/\n SettingsToggleRow — vertically-stacked list of settings with icon, name,\n * description, and a `<Switch>` per row. Controlled when `values`/`onChange`\n * are passed; otherwise self-managed via local state.\n /\nimport { useState } from 'react';\n\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport { ToggleSwitch } from '@/components/base/forms/fields/switch';\nimport {\n Item,\n ItemActions,\n ItemContent,\n ItemDescription,\n ItemGroup,\n ItemMedia,\n ItemTitle,\n} from '@/components/base/item';\n\nimport type { SettingsToggleRowProps } from './types';\n\nimport { cn } from '@/lib/utils';\nexport function SettingsToggleRow({ settings, values, onChange, className }: SettingsToggleRowProps) {\n const [internalValues, setInternalValues] = useState<Record<string, boolean>>(() => {\n const defaults: Record<string, boolean> = {};\n for (const s of settings) {\n defaults[s.key] = s.defaultValue ?? false;\n }\n return defaults;\n });\n\n const isControlled = onChange !== undefined;\n const resolvedValues = isControlled && values ? values : internalValues;\n\n const handleToggle = (key: string, next: boolean) => {\n if (isControlled && onChange) {\n onChange(key, next);\n } else {\n setInternalValues((prev) => ({ ...prev, [key]: next }));\n }\n };\n\n return (\n <SmartCard className={cn('settings-toggle--component', className)}>\n <ItemGroup>\n {settings.map((s) => {\n const Icon = s.icon;\n const checked = resolvedValues[s.key] ?? false;\n return (\n <Item key={s.key}>\n <ItemMedia variant=\"icon\" className=\"bg-muted text-muted-foreground rounded-full size-9\">\n <Icon />\n </ItemMedia>\n <ItemContent>\n <ItemTitle>{s.name}</ItemTitle>\n <ItemDescription>{s.desc}</ItemDescription>\n </ItemContent>\n <ItemActions>\n <ToggleSwitch\n aria-label={s.name}\n checked={checked}\n onCheckedChange={(next) => handleToggle(s.key, next)}\n />\n </ItemActions>\n </Item>\n );\n })}\n </ItemGroup>\n </SmartCard>\n );\n}\n\nSettingsToggleRow.displayName = 'SettingsToggleRow';\n","/\n InventoryLevelCard — single-product inventory snapshot with stock total,\n * reorder threshold, and a status pill (Critical / Low Stock / In Stock).\n \n Status thresholds are computed from `stock`, `reorderLevel`, and the\n * critical threshold (50% of `reorderLevel`). Status pill labels flow via\n * the `strings` prop so consumers can localise without forking the file.\n /\nimport { Badge } from '@/components/base/badge/badge';\nimport { SmartCard } from '@/components/base/cards/smart-card';\nimport {\n Item,\n ItemActions,\n ItemContent,\n ItemDescription,\n ItemTitle,\n} from '@/components/base/item';\nimport { Text } from '@/components/typography/text';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { defaultInventoryLevelCardStrings } from '../admin.strings';\nimport type { InventoryLevelCardProps } from './types';\n\nexport function InventoryLevelCard({\n productName,\n variant,\n stock,\n reorderLevel,\n maxStock,\n lastRestocked,\n className,\n strings: stringsProp,\n}: InventoryLevelCardProps) {\n const strings = useStrings(defaultInventoryLevelCardStrings, stringsProp);\n const pct = Math.round((stock / maxStock) 100);\n const isLow = stock <= reorderLevel;\n const isCritical = stock <= reorderLevel * 0.5;\n\n const badgeVariant = isCritical ? 'error' : isLow ? 'warning' : 'success';\n const badgeLabel = isCritical\n ? strings.statusCritical\n : isLow\n ? strings.statusLowStock\n : strings.statusInStock;\n\n return (\n <SmartCard className={cn('inventory-level--component', className)}>\n <Item size=\"small\">\n <ItemContent>\n <ItemTitle>{productName}</ItemTitle>\n {!!variant && (\n <ItemDescription clamp={1}>\n {strings.variantLabel}: {variant}\n </ItemDescription>\n )}\n </ItemContent>\n <ItemActions>\n <Badge variant={badgeVariant}>{badgeLabel}</Badge>\n </ItemActions>\n </Item>\n\n <Text size=\"base\" weight=\"semibold\" className=\"tabular-nums tracking-tight\">{stock}</Text>\n <Text size=\"xs\" type=\"secondary\">\n {strings.unitsAvailable}\n </Text>\n\n <div className=\"mt-4 space-y-2\">\n <div className=\"h-1.5 overflow-hidden rounded-full bg-muted\">\n <div\n className={cn(\n 'h-full rounded-full transition-all',\n isCritical ? 'bg-destructive' : isLow ? 'bg-warning' : 'bg-success',\n )}\n style={{ width: `${pct}%` }}\n />\n </div>\n <div className=\"flex items-center justify-between\">\n <Text size=\"xs\" type=\"secondary\">\n {strings.reorderAtLabel}: <Text tag=\"span\" weight=\"medium\" className=\"tabular-nums\">{reorderLevel}</Text>\n </Text>\n {!!lastRestocked && (\n <Text size=\"xs\" type=\"secondary\">\n {strings.lastRestockedLabel}: {lastRestocked}\n </Text>\n )}\n </div>\n </div>\n </SmartCard>\n );\n}\n\nInventoryLevelCard.displayName = 'InventoryLevelCard';\n","/*\n Strings for `<ApiKeyList>`. English defaults; deep-merge-overridable.\n /\nexport interface ApiKeyListStrings {\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/cards/SmartCard` (the surface chrome)\n * - `base/buttons`, `base/badge` (header actions, status pills)\n * - `base/navigation/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, Lock, Plus, Trash2 } from 'lucide-react';\nimport { forwardRef, useCallback, useState } from 'react';\nimport { toast } from 'sonner';\n\nimport { Button } from '@/components/base/buttons';\nimport { SmartCard } from '@/components/base/cards';\nimport {\n\tCollapsible,\n\tCollapsibleContent,\n\tCollapsibleTrigger,\n} from '@/components/base/display/collapsible';\nimport { IconBadge } from '@/components/base/display/icon-badge';\nimport { Item, ItemActions, ItemContent, ItemMedia } from '@/components/base/item';\nimport { ActionMenu, MenuAction } from '@/components/base/navigation/action-menu';\nimport { Text } from '@/components/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<SmartCard ref={ref} className={cn('api-key-list--component', className)}>\n\t\t\t<Collapsible open={expanded} onOpenChange={handleOpenChange}>\n\t\t\t\t<div className=\"flex items-center gap-2\">\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\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"default\"\n\t\t\t\t\t\t\tclassName=\"h-auto flex-1 justify-start gap-2 rounded-sm 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-4 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\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"icon-small\"\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-4\" />\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-3\">\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<div className=\"flex flex-col gap-2.5\">\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</div>\n\t\t\t\t\t)}\n\t\t\t\t</CollapsibleContent>\n\t\t\t</Collapsible>\n\t\t</SmartCard>\n\t);\n});\n\nApiKeyList.displayName = 'ApiKeyList';\n\ninterface ApiKeyRowProps {\n\titem: ApiKeyListItem;\n\tonDelete?: ApiKeyListProps['onDelete'];\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\n\treturn (\n\t\t<Item size=\"small\" data-slot=\"api-key-row\" className=\"flex-nowrap\">\n\t\t\t<ItemMedia variant=\"icon\">\n\t\t\t\t<IconBadge\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tshape=\"square\"\n\t\t\t\t\ttone=\"muted\"\n\t\t\t\t\tbordered\n\t\t\t\t\tclassName=\"text-success\"\n\t\t\t\t>\n\t\t\t\t\t{item.icon ?? <Lock className=\"size-3.5\" />}\n\t\t\t\t</IconBadge>\n\t\t\t</ItemMedia>\n\t\t\t<ItemContent className=\"min-w-0 flex-row items-center gap-2.5\">\n\t\t\t\t<Text tag=\"span\" size=\"xs\" weight=\"medium\" className=\"w-20 shrink-0 truncate sm:w-24\">\n\t\t\t\t\t{item.name}\n\t\t\t\t</Text>\n\t\t\t\t<span className=\"min-w-0 flex-1 truncate rounded-sm bg-muted px-2 py-1 font-mono text-xs\">\n\t\t\t\t\t{display}\n\t\t\t\t</span>\n\t\t\t</ItemContent>\n\t\t\t<ItemActions className=\"shrink-0\">\n\t\t\t\t<ActionMenu\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', variant: 'secondary' }}\n\t\t\t\t>\n\t\t\t\t\t<MenuAction\n\t\t\t\t\t\tlabel={copied ? copiedMenuLabel : copyMenuLabel}\n\t\t\t\t\t\ticon={Copy}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tvoid handleCopy();\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t/>\n\t\t\t\t\t{!!onDelete && (\n\t\t\t\t\t\t<MenuAction\n\t\t\t\t\t\t\tlabel={deleteMenuLabel}\n\t\t\t\t\t\t\ticon={Trash2}\n\t\t\t\t\t\t\tvariant=\"error\"\n\t\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t\t\tonClick={() => onDelete(item.id, item)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</ActionMenu>\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\tShieldAlert,\n\tTrash2,\n\ttype LucideIcon } from 'lucide-react';\n\nimport { Button,\n\ttype ButtonProps } from '@/components/base/buttons';\nimport { SmartCard,\n\ttype CardPadding,\n\ttype SmartCardSurface } from '@/components/base/cards';\nimport { Copyable } from '@/components/base/copyable';\nimport {\n\tAlert,\n\tAlertAction,\n\tAlertDescription,\n\tAlertTitle,\n\tIconBadge,\n} from '@/components/base/display';\nimport { Checkbox, FormField, Input } from '@/components/base/forms';\nimport { Item, ItemActions, ItemContent, ItemDescription, ItemMedia, ItemTitle } from '@/components/base/item';\nimport { Text } from '@/components/typography';\nimport { useStrings, type StringsProp } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { ApiKeyList, type ApiKeyListItem } from '../api-key-list';\n\nexport interface ActionRowAction extends Omit<ButtonProps, 'children'> {\n\tlabel: ReactNode;\n\ticon?: LucideIcon;\n}\n\nexport interface ActionRowProps {\n\ticon?: LucideIcon;\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\tprimaryAction?: ActionRowAction;\n\tsecondaryAction?: ActionRowAction;\n\tactions?: ReactNode;\n\tdisabled?: boolean;\n\tclassName?: string;\n}\n\nfunction renderAction(action: ActionRowAction \| undefined, fallbackVariant: ButtonProps['variant']) {\n\tif (!action) return null;\n\tconst { label, icon: Icon, variant = fallbackVariant, ...buttonProps } = action;\n\n\treturn (\n\t\t<Button {...buttonProps} variant={variant}>\n\t\t\t{!!Icon && <Icon className=\"size-4\" />}\n\t\t\t{label}\n\t\t</Button>\n\t);\n}\n\nexport function ActionRow({\n\ticon: Icon,\n\ttitle,\n\tdescription,\n\tprimaryAction,\n\tsecondaryAction,\n\tactions,\n\tdisabled = false,\n\tclassName,\n}: ActionRowProps) {\n\treturn (\n\t\t<Item\n\t\t\tdata-component=\"action-row\"\n\t\t\tdata-slot=\"action-row\"\n\t\t\tclassName={cn('action-row--component', disabled && 'opacity-60', className)}\n\t\t>\n\t\t\t{!!Icon && (\n\t\t\t\t<ItemMedia variant=\"icon\">\n\t\t\t\t\t<IconBadge icon={Icon} tone=\"muted\" shape=\"square\" size=\"default\" />\n\t\t\t\t</ItemMedia>\n\t\t\t)}\n\t\t\t<ItemContent>\n\t\t\t\t<ItemTitle>{title}</ItemTitle>\n\t\t\t\t{!!description && <ItemDescription>{description}</ItemDescription>}\n\t\t\t</ItemContent>\n\t\t\t<ItemActions className=\"flex-wrap justify-end\">\n\t\t\t\t{actions ?? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{renderAction(secondaryAction, 'secondary')}\n\t\t\t\t\t\t{renderAction(primaryAction, 'primary')}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</ItemActions>\n\t\t</Item>\n\t);\n}\n\nexport interface ActionListProps {\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\tactions?: ReactNode;\n\tchildren?: ReactNode;\n\trows?: readonly ActionRowProps[];\n\tpadding?: CardPadding;\n\tsurface?: SmartCardSurface;\n\tclassName?: string;\n\tcontentClassName?: string;\n}\n\nexport function ActionList({\n\ttitle,\n\tdescription,\n\tactions,\n\tchildren,\n\trows,\n\tpadding = 'default',\n\tsurface = 'card',\n\tclassName,\n\tcontentClassName,\n}: ActionListProps) {\n\treturn (\n\t\t<SmartCard\n\t\t\tdata-component=\"action-list\"\n\t\t\tdata-slot=\"action-list\"\n\t\t\ttitle={title}\n\t\t\tdescription={description}\n\t\t\theaderAction={actions}\n\t\t\tpadding={padding}\n\t\t\tsurface={surface}\n\t\t\tclassName={cn('action-list--component', className)}\n\t\t\tcontentClassName={cn('action-list--content grid gap-2', contentClassName)}\n\t\t>\n\t\t\t{rows?.map((row, index) => (\n\t\t\t\t<ActionRow key={index} {...row} />\n\t\t\t))}\n\t\t\t{children}\n\t\t</SmartCard>\n\t);\n}\n\nexport interface SensitiveActionCardProps {\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\tconfirmation?: ReactNode;\n\taction?: ReactNode;\n\ticon?: LucideIcon;\n\tpadding?: CardPadding;\n\tsurface?: SmartCardSurface;\n\tclassName?: string;\n}\n\nexport function SensitiveActionCard({\n\ttitle,\n\tdescription,\n\tconfirmation,\n\taction,\n\ticon: Icon = ShieldAlert,\n\tpadding = 'default',\n\tsurface = 'card',\n\tclassName,\n}: SensitiveActionCardProps) {\n\treturn (\n\t\t<SmartCard\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-3\"\n\t\t>\n\t\t\t<div className=\"flex min-w-0 items-start gap-3\">\n\t\t\t\t<IconBadge icon={Icon} tone=\"destructive\" shape=\"square\" size=\"default\" />\n\t\t\t\t<div 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 size=\"xs\" type=\"secondary\" className=\"mt-0.5\">\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</div>\n\t\t\t\t{!!action && <div className=\"shrink-0\">{action}</div>}\n\t\t\t</div>\n\t\t\t{!!confirmation && (\n\t\t\t\t<Alert variant=\"destructive\" role=\"note\" className=\"sensitive-action-card--confirmation\">\n\t\t\t\t\t<AlertDescription>{confirmation}</AlertDescription>\n\t\t\t\t</Alert>\n\t\t\t)}\n\t\t</SmartCard>\n\t);\n}\n\nexport interface CopyableSecretAlertStrings {\n\ttitle: string;\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\tvalue: string;\n\tdisplayValue?: ReactNode;\n\ttitle?: ReactNode;\n\tdescription?: ReactNode;\n\taction?: ReactNode;\n\tclassName?: string;\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\tvariant=\"success\"\n\t\t\tclassName={cn('copyable-secret-alert--component', className)}\n\t\t>\n\t\t\t<KeyRound className=\"size-4\" />\n\t\t\t<AlertTitle>{title ?? strings.title}</AlertTitle>\n\t\t\t<AlertDescription>\n\t\t\t\t<span className=\"grid gap-2\">\n\t\t\t\t\t<span>{description ?? strings.description}</span>\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-md bg-background px-2 py-1\"\n\t\t\t\t\t\tsuccessMessage={strings.copySuccess}\n\t\t\t\t\t/>\n\t\t\t\t</span>\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\tid: string;\n\tlabel: ReactNode;\n\tdescription?: ReactNode;\n\tdisabled?: boolean;\n}\n\nexport interface ApiTokenCreatedToken {\n\tvalue: string;\n\tdisplayValue?: ReactNode;\n\tname?: ReactNode;\n}\n\nexport interface ApiTokenCreateValues {\n\tname: string;\n\tabilities: string[];\n}\n\nexport interface ApiTokenManagerStrings {\n\ttitle: string;\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\ttokens: ApiKeyListItem[];\n\tabilities?: readonly ApiTokenAbility[];\n\tcreatedToken?: ApiTokenCreatedToken \| null;\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\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\tisCreating?: boolean;\n\tisRevokingAll?: boolean;\n\tdisabled?: boolean;\n\tclassName?: string;\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\tisCreating = false,\n\tisRevokingAll = 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 = isCreating \|\| pendingPhase === 'create';\n\tconst revokingAll = isRevokingAll \|\| 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<SmartCard\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\tvariant=\"error\"\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<Trash2 className=\"size-4\" />\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\tcontentClassName=\"api-token-manager--content grid gap-4\"\n\t\t>\n\t\t\t{!!createdToken && (\n\t\t\t\t<CopyableSecretAlert\n\t\t\t\t\tvalue={createdToken.value}\n\t\t\t\t\tdisplayValue={createdToken.displayValue}\n\t\t\t\t\ttitle={createdToken.name ?? strings.createdTitle}\n\t\t\t\t\tdescription={strings.createdDescription}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<div className=\"api-token-manager--form grid gap-3 rounded-lg border border-border/70 bg-muted/20 p-3\">\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<div className=\"api-token-manager--abilities grid gap-2\">\n\t\t\t\t\t\t<Text size=\"xs\" weight=\"semibold\">{strings.abilitiesLabel}</Text>\n\t\t\t\t\t\t<div className=\"grid gap-2 sm:grid-cols-2\">\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-2 rounded-md border border-border/70 bg-background px-3 py-2\"\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<span className=\"grid min-w-0 gap-0.5\">\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</span>\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</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<div className=\"flex justify-end\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"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-4\" />\n\t\t\t\t\t\t{strings.create}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</div>\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</SmartCard>\n\t);\n}\n\nApiTokenManager.displayName = 'ApiTokenManager';\n"],"mappings":"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"}

package/dist/components/composed/admin/index.js CHANGED Viewed

@@ -1,18 +1,17 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/button-vv59_uS_.js";
-import { s as r } from "../../../_shared/typography-CzFVA1w1.js";
+import { t as n } from "../../../_shared/button-Be2ayMxF.js";
+import { s as r } from "../../../_shared/typography-5bLhAYaK.js";
 import { t as i } from "../../../_shared/icon-badge-dZQPvuas.js";
-import { t as a } from "../../../_shared/badge-BYNwSWh5.js";
-import { t as o } from "../../../_shared/cards-cQ9lL6zy.js";
-import { i as s, n as c, r as l, t as u } from "../../../_shared/alert-CMVVt2Br.js";
-import { t as d } from "../../../_shared/input-BgcP6x4C.js";
+import { t as a } from "../../../_shared/badge-nZ2zbAV4.js";
+import { a as o, i as s, o as c, s as l, t as u } from "../../../_shared/cards-BJctT9KD.js";
+import { t as d } from "../../../_shared/input-CzJzVyQ0.js";
 import { t as f } from "../../../_shared/checkbox-Cbh5x6ad.js";
-import { J as p } from "../../../_shared/forms-p7cfzJwf.js";
-import { D as m, _ as h, g, h as _ } from "../../../_shared/display-Bro3Kufg.js";
-import { t as v } from "../../../_shared/copyable-BgFdERqs.js";
-import { c as y, i as b, n as x, o as S, r as C, t as w, u as T } from "../../../_shared/item-D7GTzvhf.js";
-import { n as E, t as D } from "../../../_shared/action-menu-Crn22LKo.js";
+import { J as p } from "../../../_shared/forms-BA8Aa_fi.js";
+import { D as m, _ as h, g, h as _ } from "../../../_shared/display-DFVeSuWL.js";
+import { t as v } from "../../../_shared/copyable-BJYx2SlN.js";
+import { c as y, i as b, n as x, o as S, r as C, t as w, u as T } from "../../../_shared/item-CVjjpHQd.js";
+import { n as E, t as D } from "../../../_shared/action-menu-CYwMZX-b.js";
 import { forwardRef as O, useCallback as k, useMemo as ee, useState as A } from "react";
 import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
 import { ChevronRight as P, Copy as F, KeyRound as I, Lock as L, Pencil as R, Plus as z, ShieldAlert as B, Trash2 as V } from "lucide-react";
@@ -66,19 +65,19 @@ var W = {
 };
 //#endregion
 //#region src/components/composed/admin/role-permission/role-permission.tsx
-function K({ roleName: i, description: s, memberCount: c, sections: l, onEdit: u, className: d, strings: f }) {
+function K({ roleName: i, description: o, memberCount: s, sections: c, onEdit: l, className: d, strings: f }) {
 	let p = e(G, f);
-	return /* @__PURE__ */ N(o, {
+	return /* @__PURE__ */ N(u, {
 		title: i,
-		description: s,
-		headerEnd: c !== void 0 && /* @__PURE__ */ M(a, {
+		description: o,
+		headerEnd: s !== void 0 && /* @__PURE__ */ M(a, {
 			variant: "info",
-			children: p.formatMemberCount(c)
+			children: p.formatMemberCount(s)
 		}),
 		className: t("role-permission--component", d),
 		children: [/* @__PURE__ */ M("div", {
 			className: "mt-5 space-y-4",
-			children: l.map((e) => /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M(r, {
+			children: c.map((e) => /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M(r, {
 				size: "xs",
 				weight: "medium",
 				className: "uppercase tracking-wider text-muted-foreground",
@@ -94,12 +93,12 @@ function K({ roleName: i, description: s, memberCount: c, sections: l, onEdit: u
 					})]
 				}, e.label))
 			})] }, e.name))
-		}), !!u && /* @__PURE__ */ M(n, {
+		}), !!l && /* @__PURE__ */ M(n, {
 			variant: "secondary",
 			buttonStyle: "ghost",
 			icon: R,
 			className: "mt-5",
-			onClick: u,
+			onClick: l,
 			children: p.editRole
 		})]
 	});
@@ -140,7 +139,7 @@ function q({ conversations: e, className: n }) {
 					solid: !0,
 					size: "small",
 					children: /* @__PURE__ */ M(r, {
-						size: "xxs",
+						size: "xs",
 						weight: "bold",
 						className: "text-inherit tabular-nums",
 						children: e.unread
@@ -154,20 +153,20 @@ q.displayName = "RecentConversationRow";
 //#endregion
 //#region src/components/composed/admin/settings-toggle/settings-toggle.tsx
 function J({ settings: e, values: n, onChange: r, className: i }) {
-	let [a, s] = A(() => {
+	let [a, o] = A(() => {
 		let t = {};
 		for (let n of e) t[n.key] = n.defaultValue ?? !1;
 		return t;
-	}), c = r !== void 0, l = c && n ? n : a, u = (e, t) => {
-		c && r ? r(e, t) : s((n) => ({
+	}), s = r !== void 0, c = s && n ? n : a, l = (e, t) => {
+		s && r ? r(e, t) : o((n) => ({
 			...n,
 			[e]: t
 		}));
 	};
-	return /* @__PURE__ */ M(o, {
+	return /* @__PURE__ */ M(u, {
 		className: t("settings-toggle--component", i),
 		children: /* @__PURE__ */ M(S, { children: e.map((e) => {
-			let t = e.icon, n = l[e.key] ?? !1;
+			let t = e.icon, n = c[e.key] ?? !1;
 			return /* @__PURE__ */ N(w, { children: [
 				/* @__PURE__ */ M(y, {
 					variant: "icon",
@@ -178,7 +177,7 @@ function J({ settings: e, values: n, onChange: r, className: i }) {
 				/* @__PURE__ */ M(x, { children: /* @__PURE__ */ M(p, {
 					"aria-label": e.name,
 					checked: n,
-					onCheckedChange: (t) => u(e.key, t)
+					onCheckedChange: (t) => l(e.key, t)
 				}) })
 			] }, e.key);
 		}) })
@@ -187,9 +186,9 @@ function J({ settings: e, values: n, onChange: r, className: i }) {
 J.displayName = "SettingsToggleRow";
 //#endregion
 //#region src/components/composed/admin/inventory-level/inventory-level.tsx
-function Y({ productName: n, variant: i, stock: s, reorderLevel: c, maxStock: l, lastRestocked: u, className: d, strings: f }) {
-	let p = e(W, f), m = Math.round(s / l * 100), h = s <= c, g = s <= c * .5, _ = g ? "error" : h ? "warning" : "success", v = g ? p.statusCritical : h ? p.statusLowStock : p.statusInStock;
-	return /* @__PURE__ */ N(o, {
+function Y({ productName: n, variant: i, stock: o, reorderLevel: s, maxStock: c, lastRestocked: l, className: d, strings: f }) {
+	let p = e(W, f), m = Math.round(o / c * 100), h = o <= s, g = o <= s * .5, _ = g ? "error" : h ? "warning" : "success", v = g ? p.statusCritical : h ? p.statusLowStock : p.statusInStock;
+	return /* @__PURE__ */ N(u, {
 		className: t("inventory-level--component", d),
 		children: [
 			/* @__PURE__ */ N(w, {
@@ -207,10 +206,10 @@ function Y({ productName: n, variant: i, stock: s, reorderLevel: c, maxStock: l,
 				}) })]
 			}),
 			/* @__PURE__ */ M(r, {
-				size: "xl",
+				size: "base",
 				weight: "semibold",
 				className: "tabular-nums tracking-tight",
-				children: s
+				children: o
 			}),
 			/* @__PURE__ */ M(r, {
 				size: "xs",
@@ -237,16 +236,16 @@ function Y({ productName: n, variant: i, stock: s, reorderLevel: c, maxStock: l,
 								tag: "span",
 								weight: "medium",
 								className: "tabular-nums",
-								children: c
+								children: s
 							})
 						]
-					}), !!u && /* @__PURE__ */ N(r, {
+					}), !!l && /* @__PURE__ */ N(r, {
 						size: "xs",
 						type: "secondary",
 						children: [
 							p.lastRestockedLabel,
 							": ",
-							u
+							l
 						]
 					})]
 				})]
@@ -267,11 +266,11 @@ var X = {
 	copyToastSuccess: "Copied to clipboard",
 	copyToastError: "Failed to copy",
 	emptyMessage: "No keys yet."
-}, Z = O(function({ items: i, defaultOpen: a = !0, open: s, onOpenChange: c, onAdd: l, onDelete: u, onCopy: d, title: f, className: p, strings: m }, v) {
-	let y = e(X, m), b = s !== void 0, [x, S] = A(a), C = b ? s : x, w = k((e) => {
-		b || S(e), c?.(e);
-	}, [b, c]);
-	return /* @__PURE__ */ M(o, {
+}, Z = O(function({ items: i, defaultOpen: a = !0, open: o, onOpenChange: s, onAdd: c, onDelete: l, onCopy: d, title: f, className: p, strings: m }, v) {
+	let y = e(X, m), b = o !== void 0, [x, S] = A(a), C = b ? o : x, w = k((e) => {
+		b || S(e), s?.(e);
+	}, [b, s]);
+	return /* @__PURE__ */ M(u, {
 		ref: v,
 		className: t("api-key-list--component", p),
 		children: /* @__PURE__ */ N(_, {
@@ -296,10 +295,11 @@ var X = {
 							children: f ?? y.title
 						})]
 					})
-				}), !!l && /* @__PURE__ */ M(n, {
+				}), !!c && /* @__PURE__ */ M(n, {
 					variant: "secondary",
 					buttonStyle: "ghost",
-					onClick: l,
+					size: "icon-small",
+					onClick: c,
 					"aria-label": y.addAria,
 					children: /* @__PURE__ */ M(z, { className: "size-4" })
 				})]
@@ -312,7 +312,7 @@ var X = {
 					className: "flex flex-col gap-2.5",
 					children: i.map((e) => /* @__PURE__ */ M(Q, {
 						item: e,
-						onDelete: u,
+						onDelete: l,
 						onCopy: d,
 						copyMenuLabel: y.copyMenuItem,
 						copiedMenuLabel: y.copiedMenuItem,
@@ -433,22 +433,22 @@ function te({ icon: e, title: n, description: r, primaryAction: a, secondaryActi
 		]
 	});
 }
-function ne({ title: e, description: n, actions: r, children: i, rows: a, padding: s = "default", surface: c = "card", className: l, contentClassName: u }) {
-	return /* @__PURE__ */ N(o, {
+function ne({ title: e, description: n, actions: r, children: i, rows: a, padding: o = "default", surface: s = "card", className: c, contentClassName: l }) {
+	return /* @__PURE__ */ N(u, {
 		"data-component": "action-list",
 		"data-slot": "action-list",
 		title: e,
 		description: n,
 		headerAction: r,
-		padding: s,
-		surface: c,
-		className: t("action-list--component", l),
-		contentClassName: t("action-list--content grid gap-2", u),
+		padding: o,
+		surface: s,
+		className: t("action-list--component", c),
+		contentClassName: t("action-list--content grid gap-2", l),
 		children: [a?.map((e, t) => /* @__PURE__ */ M(te, { ...e }, t)), i]
 	});
 }
-function re({ title: e, description: n, confirmation: a, action: s, icon: c = B, padding: d = "default", surface: f = "card", className: p }) {
-	return /* @__PURE__ */ N(o, {
+function re({ title: e, description: n, confirmation: a, action: o, icon: l = B, padding: d = "default", surface: f = "card", className: p }) {
+	return /* @__PURE__ */ N(u, {
 		"data-component": "sensitive-action-card",
 		"data-slot": "sensitive-action-card",
 		padding: d,
@@ -459,7 +459,7 @@ function re({ title: e, description: n, confirmation: a, action: s, icon: c = B,
 			className: "flex min-w-0 items-start gap-3",
 			children: [
 				/* @__PURE__ */ M(i, {
-					icon: c,
+					icon: l,
 					tone: "destructive",
 					shape: "square",
 					size: "default"
@@ -476,16 +476,16 @@ function re({ title: e, description: n, confirmation: a, action: s, icon: c = B,
 						children: n
 					})]
 				}),
-				!!s && /* @__PURE__ */ M("div", {
+				!!o && /* @__PURE__ */ M("div", {
 					className: "shrink-0",
-					children: s
+					children: o
 				})
 			]
-		}), !!a && /* @__PURE__ */ M(u, {
+		}), !!a && /* @__PURE__ */ M(s, {
 			variant: "destructive",
 			role: "note",
 			className: "sensitive-action-card--confirmation",
-			children: /* @__PURE__ */ M(l, { children: a })
+			children: /* @__PURE__ */ M(c, { children: a })
 		})]
 	});
 }
@@ -494,17 +494,17 @@ var ie = {
 	description: "Copy this value now. It may not be shown again.",
 	copySuccess: "Secret copied"
 };
-function ae({ value: n, displayValue: r, title: i, description: a, action: o, className: d, strings: f }) {
+function ae({ value: n, displayValue: r, title: i, description: a, action: u, className: d, strings: f }) {
 	let p = e(ie, f);
-	return /* @__PURE__ */ N(u, {
+	return /* @__PURE__ */ N(s, {
 		"data-component": "copyable-secret-alert",
 		"data-slot": "copyable-secret-alert",
 		variant: "success",
 		className: t("copyable-secret-alert--component", d),
 		children: [
 			/* @__PURE__ */ M(I, { className: "size-4" }),
-			/* @__PURE__ */ M(s, { children: i ?? p.title }),
-			/* @__PURE__ */ M(l, { children: /* @__PURE__ */ N("span", {
+			/* @__PURE__ */ M(l, { children: i ?? p.title }),
+			/* @__PURE__ */ M(c, { children: /* @__PURE__ */ N("span", {
 				className: "grid gap-2",
 				children: [/* @__PURE__ */ M("span", { children: a ?? p.description }), /* @__PURE__ */ M(v, {
 					value: n,
@@ -515,7 +515,7 @@ function ae({ value: n, displayValue: r, title: i, description: a, action: o, cl
 					successMessage: p.copySuccess
 				})]
 			}) }),
-			!!o && /* @__PURE__ */ M(c, { children: o })
+			!!u && /* @__PURE__ */ M(o, { children: u })
 		]
 	});
 }
@@ -530,14 +530,14 @@ var oe = {
 	createdTitle: "Token created",
 	createdDescription: "Copy this token now. It will not be shown again."
 };
-function se({ tokens: i, abilities: a = [], createdToken: s, name: c, defaultName: l = "", onNameChange: u, selectedAbilities: p, defaultSelectedAbilities: h = [], onSelectedAbilitiesChange: g, onCreateToken: _, onRevokeToken: v, onRevokeAllTokens: y, onAfterMutate: b, onError: x, isCreating: S = !1, isRevokingAll: C = !1, disabled: w = !1, className: T, strings: E }) {
-	let D = e(oe, E), O = c !== void 0, j = p !== void 0, [P, F] = A(l), [I, L] = A([...h]), [R, B] = A(null), H = O ? c : P, U = ee(() => j ? [...p] : I, [
+function se({ tokens: i, abilities: a = [], createdToken: o, name: s, defaultName: c = "", onNameChange: l, selectedAbilities: p, defaultSelectedAbilities: h = [], onSelectedAbilitiesChange: g, onCreateToken: _, onRevokeToken: v, onRevokeAllTokens: y, onAfterMutate: b, onError: x, isCreating: S = !1, isRevokingAll: C = !1, disabled: w = !1, className: T, strings: E }) {
+	let D = e(oe, E), O = s !== void 0, j = p !== void 0, [P, F] = A(c), [I, L] = A([...h]), [R, B] = A(null), H = O ? s : P, U = ee(() => j ? [...p] : I, [
 		I,
 		j,
 		p
 	]), W = S || R === "create", G = C || R === "revoke-all", K = k((e) => {
-		O || F(e), u?.(e);
-	}, [O, u]), q = k((e) => {
+		O || F(e), l?.(e);
+	}, [O, l]), q = k((e) => {
 		j || L(e), g?.(e);
 	}, [j, g]), J = k((e, t) => {
 		q(t === !0 ? Array.from(new Set([...U, e])) : U.filter((t) => t !== e));
@@ -570,7 +570,7 @@ function se({ tokens: i, abilities: a = [], createdToken: s, name: c, defaultNam
 	}, [v, Y]), $ = k(() => {
 		y && Y("revoke-all", y);
 	}, [y, Y]);
-	return /* @__PURE__ */ N(o, {
+	return /* @__PURE__ */ N(u, {
 		"data-component": "api-token-manager",
 		"data-slot": "api-token-manager",
 		title: D.title,
@@ -587,10 +587,10 @@ function se({ tokens: i, abilities: a = [], createdToken: s, name: c, defaultNam
 		className: t("api-token-manager--component", T),
 		contentClassName: "api-token-manager--content grid gap-4",
 		children: [
-			!!s && /* @__PURE__ */ M(ae, {
-				value: s.value,
-				displayValue: s.displayValue,
-				title: s.name ?? D.createdTitle,
+			!!o && /* @__PURE__ */ M(ae, {
+				value: o.value,
+				displayValue: o.displayValue,
+				title: o.name ?? D.createdTitle,
 				description: D.createdDescription
 			}),
 			/* @__PURE__ */ N("div", {