@pollinations/ui 0.1.0-alpha.3 → 0.1.0-alpha.4

package/dist/app-user-menu/sdk.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/modules/app-user-menu/sdk.ts","../../src/modules/app-user-menu/AppUserMenu.tsx","../../src/compositions/AccountIdentity.tsx","../../src/lib/cn.ts","../../src/primitives/ChevronIcon.tsx","../../src/primitives/Dropdown.tsx","../../src/primitives/DropdownItem.tsx","../../src/primitives/icons/index.tsx","../../src/modules/auth/LoginButton.tsx","../../src/primitives/Button.tsx","../../src/primitives/Chip.tsx","../../src/lib/link.ts","../../src/primitives/InlineLink.tsx","../../src/modules/wallet/format-pollen.ts","../../src/modules/wallet/wallet-display.tsx","../../src/modules/wallet/AccountPollen.tsx"],"sourcesContent":["export {\n    AppUserMenu,\n    type AppUserMenuLabels,\n    type AppUserMenuProps,\n} from \"./AppUserMenu.tsx\";\n","import {\n    useAccountBalance,\n    useAccountKey,\n    useAccountProfile,\n    useAuthActions,\n    useAuthState,\n} from \"@pollinations/sdk/react\";\nimport { useEffect } from \"react\";\nimport markUrl from \"../../brand/mark.svg\";\nimport { AccountMenu } from \"../../compositions/AccountMenu.tsx\";\nimport { DropdownItem } from \"../../primitives/DropdownItem.tsx\";\nimport {\n    ExternalLinkIcon,\n    KeyIcon,\n    PowerIcon,\n    WalletIcon,\n} from \"../../primitives/icons/index.tsx\";\nimport { LoginButton } from \"../auth/sdk.ts\";\nimport {\n    AccountPollen,\n    type AccountPollenSource,\n} from \"../wallet/AccountPollen.tsx\";\n\nexport type AppUserMenuLabels = {\n    authorize: string;\n    appUserMenu: string;\n    permissions: string;\n    buyPollen: string;\n    logout: string;\n};\n\nexport type AppUserMenuProps = {\n    /** Optional caller-owned dashboard destination for the linked avatar. */\n    dashboardHref?: string;\n    labels?: Partial<AppUserMenuLabels>;\n};\n\nconst defaultLabels: AppUserMenuLabels = {\n    authorize: \"Pollinations Connect\",\n    appUserMenu: \"App user menu\",\n    permissions: \"Permissions\",\n    buyPollen: \"Buy Pollen\",\n    logout: \"Disconnect\",\n};\n\nexport function AppUserMenu({\n    dashboardHref,\n    labels: labelOverrides,\n}: AppUserMenuProps) {\n    const labels = { ...defaultLabels, ...labelOverrides };\n    const { logout, enterUrl } = useAuthActions();\n    const { isLoggedIn } = useAuthState();\n    const profile = useAccountProfile({ enabled: isLoggedIn });\n    const key = useAccountKey({ enabled: isLoggedIn });\n    // The wallet is shown only for an unlimited key that may read it; ask only then.\n    const canReadWallet =\n        key.data?.pollenBudget === null &&\n        (key.data.permissions?.account?.includes(\"usage\") ?? false);\n    const balance = useAccountBalance({\n        enabled: isLoggedIn && canReadWallet,\n    });\n    const wallet = balance.data?.accountBalance;\n    useEffect(() => {\n        if (!isLoggedIn) return;\n        const onVisible = () => {\n            if (document.visibilityState !== \"visible\") return;\n            void key.refresh();\n            void balance.refresh();\n        };\n        document.addEventListener(\"visibilitychange\", onVisible);\n        return () =>\n            document.removeEventListener(\"visibilitychange\", onVisible);\n    }, [isLoggedIn, key.refresh, balance.refresh]);\n    const returnUrl =\n        typeof window === \"undefined\" ? undefined : window.location.href;\n    const topUpUrl = new URL(\"/top-up\", enterUrl);\n    if (returnUrl) topUpUrl.searchParams.set(\"redirect\", returnUrl);\n    const keyId = key.data?.id;\n    let editKeyUrl: URL | undefined;\n    if (keyId) {\n        editKeyUrl = new URL(\"/edit-key\", enterUrl);\n        editKeyUrl.searchParams.set(\"id\", keyId);\n        if (returnUrl) editKeyUrl.searchParams.set(\"redirect\", returnUrl);\n    }\n    let pollenSource: AccountPollenSource | undefined;\n    if (key.data && key.data.pollenBudget !== null) {\n        pollenSource = {\n            type: \"budget\",\n            remaining: key.data.pollenBudget,\n            generationEnabled: key.data.permissions?.models?.length !== 0,\n        };\n    } else if (wallet) {\n        pollenSource = {\n            type: \"wallet\",\n            balances: { paid: wallet.paid, quest: wallet.tier },\n        };\n    } else if (key.data && !canReadWallet) {\n        pollenSource = { type: \"budget\", remaining: null };\n    }\n\n    return (\n        <div\n            data-theme=\"accent\"\n            className=\"polli:flex polli:shrink-0 polli:justify-end\"\n        >\n            {!isLoggedIn ? (\n                <LoginButton className=\"polli:h-10 polli:gap-0 polli:overflow-hidden polli:border polli:border-theme-bg-active polli:bg-surface-white polli:p-0 polli:text-theme-text-strong polli:whitespace-nowrap polli:hover:bg-surface-white polli:[.dark_&]:bg-transparent polli:[.dark_&]:hover:bg-transparent\">\n                    {/* Amber cell with the mark, then a light cell with the label. */}\n                    <span\n                        aria-hidden=\"true\"\n                        className=\"polli:flex polli:h-full polli:w-10 polli:shrink-0 polli:items-center polli:justify-center polli:bg-theme-bg-active\"\n                    >\n                        <span\n                            className=\"polli:relative polli:-top-px polli:left-px polli:block polli:h-6 polli:w-6 polli:bg-current\"\n                            style={{\n                                mask: `url('${markUrl}') center / contain no-repeat`,\n                                WebkitMask: `url('${markUrl}') center / contain no-repeat`,\n                            }}\n                        />\n                    </span>\n                    <span className=\"polli:px-3\">{labels.authorize}</span>\n                </LoginButton>\n            ) : (\n                <AccountMenu\n                    name={\n                        profile.data?.name ||\n                        profile.data?.githubUsername ||\n                        \"Connected user\"\n                    }\n                    avatarUrl={profile.data?.image}\n                    dashboardHref={\n                        dashboardHref ?? new URL(\"/pollen\", enterUrl).href\n                    }\n                    menuLabel={labels.appUserMenu}\n                    className=\"polli:max-w-80\"\n                    secondaryContent={\n                        pollenSource ? (\n                            <AccountPollen source={pollenSource} />\n                        ) : undefined\n                    }\n                >\n                    {(close) => (\n                        <>\n                            {editKeyUrl && (\n                                <DropdownItem\n                                    as=\"a\"\n                                    href={editKeyUrl.href}\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                    onClick={close}\n                                >\n                                    <KeyIcon\n                                        className=\"polli:h-4 polli:w-4 polli:shrink-0\"\n                                        aria-hidden=\"true\"\n                                    />\n                                    {labels.permissions}\n                                    <ExternalLinkIcon\n                                        className=\"polli:ml-auto polli:h-3.5 polli:w-3.5 polli:shrink-0\"\n                                        aria-hidden=\"true\"\n                                    />\n                                </DropdownItem>\n                            )}\n                            <DropdownItem\n                                as=\"a\"\n                                href={topUpUrl.href}\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                onClick={close}\n                            >\n                                <WalletIcon\n                                    className=\"polli:h-4 polli:w-4 polli:shrink-0\"\n                                    aria-hidden=\"true\"\n                                />\n                                {labels.buyPollen}\n                                <ExternalLinkIcon\n                                    className=\"polli:ml-auto polli:h-3.5 polli:w-3.5 polli:shrink-0\"\n                                    aria-hidden=\"true\"\n                                />\n                            </DropdownItem>\n                            <DropdownItem\n                                type=\"button\"\n                                className=\"polli:justify-start polli:text-left\"\n                                onClick={() => {\n                                    close();\n                                    logout();\n                                }}\n                            >\n                                <PowerIcon\n                                    className=\"polli:h-4 polli:w-4 polli:shrink-0\"\n                                    aria-hidden=\"true\"\n                                />\n                                {labels.logout}\n                            </DropdownItem>\n                        </>\n                    )}\n                </AccountMenu>\n            )}\n        </div>\n    );\n}\n","import type { ReactNode } from \"react\";\nimport { useId } from \"react\";\nimport { cn } from \"../lib/cn.ts\";\nimport { ChevronIcon } from \"../primitives/ChevronIcon.tsx\";\nimport { Dropdown, type DropdownProps } from \"../primitives/Dropdown.tsx\";\n\nfunction initials(name: string) {\n    const parts = name.trim().split(/\\s+/).filter(Boolean);\n    if (parts.length === 0) return \"?\";\n    if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();\n    return `${parts[0][0] ?? \"\"}${parts.at(-1)?.[0] ?? \"\"}`.toUpperCase();\n}\n\nfunction AccountAvatar({\n    name,\n    avatarUrl,\n    secondaryContent,\n    dashboardHref,\n}: {\n    name: string;\n    avatarUrl?: string | null;\n    secondaryContent?: ReactNode;\n    dashboardHref?: string;\n}) {\n    const large = secondaryContent != null;\n    const className = large ? \"polli:h-11 polli:w-11\" : \"polli:h-8 polli:w-8\";\n    const avatar = avatarUrl ? (\n        <img\n            src={avatarUrl}\n            alt=\"\"\n            className={cn(\n                className,\n                \"polli:shrink-0 polli:rounded-full polli:object-cover\",\n            )}\n        />\n    ) : (\n        <span\n            role=\"img\"\n            aria-label={`${name} avatar`}\n            className={cn(\n                className,\n                \"polli:flex polli:shrink-0 polli:items-center polli:justify-center polli:rounded-full polli:bg-theme-bg-pale polli:text-xs polli:font-semibold polli:text-theme-text-strong\",\n            )}\n        >\n            {initials(name)}\n        </span>\n    );\n    return dashboardHref ? (\n        <a\n            href={dashboardHref}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            aria-label=\"Open dashboard\"\n            title=\"Open dashboard\"\n            className=\"polli:shrink-0 polli:rounded-full polli:cursor-pointer polli:transition-transform polli:hover:scale-105 polli:hover:brightness-110 polli:focus-visible:outline-2 polli:focus-visible:outline-offset-2 polli:focus-visible:outline-current polli:motion-reduce:transition-none polli:motion-reduce:hover:scale-100\"\n        >\n            {avatar}\n        </a>\n    ) : (\n        avatar\n    );\n}\n\nexport type AccountIdentityProps = {\n    name: string;\n    avatarUrl?: string | null;\n    secondaryContent?: ReactNode;\n    /** Optional dashboard destination, owned by the caller. Opens in a new tab. */\n    dashboardHref?: string;\n    className?: string;\n};\n\nexport function AccountIdentity({\n    name,\n    avatarUrl,\n    secondaryContent,\n    dashboardHref,\n    className,\n}: AccountIdentityProps) {\n    return (\n        <span\n            className={cn(\n                \"polli:flex polli:min-w-0 polli:items-center polli:gap-2 polli:rounded-full polli:bg-surface-opaque polli:p-1 polli:pr-3\",\n                className,\n            )}\n        >\n            <AccountAvatar\n                name={name}\n                avatarUrl={avatarUrl}\n                dashboardHref={dashboardHref}\n                secondaryContent={secondaryContent}\n            />\n            <AccountDetails name={name} secondaryContent={secondaryContent} />\n        </span>\n    );\n}\n\nfunction AccountDetails({\n    name,\n    secondaryContent,\n    secondaryId,\n}: {\n    name: string;\n    secondaryContent?: ReactNode;\n    secondaryId?: string;\n}) {\n    return (\n        <span className=\"polli:flex polli:min-w-0 polli:flex-col polli:items-start polli:text-left\">\n            <span\n                title={name}\n                className=\"polli:max-w-full polli:truncate polli:text-sm polli:font-medium polli:leading-5 polli:text-theme-text-strong\"\n            >\n                {name}\n            </span>\n            {secondaryContent != null && (\n                <span\n                    id={secondaryId}\n                    className=\"polli:inline-flex polli:min-h-5 polli:items-center polli:whitespace-nowrap polli:text-xs polli:leading-4 polli:text-theme-text-base\"\n                >\n                    {secondaryContent}\n                </span>\n            )}\n        </span>\n    );\n}\n\nexport type AccountMenuProps = AccountIdentityProps & {\n    /** The caller owns navigation, permissions and sign-out behavior. */\n    children: DropdownProps[\"children\"];\n    menuClassName?: string;\n    side?: \"top\" | \"bottom\";\n    menuLabel?: string;\n};\n\n/**\n * With `dashboardHref` the avatar is a link and the name/chevron open the\n * menu; without one the whole pill is the trigger.\n */\nexport function AccountMenu({\n    name,\n    avatarUrl,\n    dashboardHref,\n    secondaryContent,\n    children,\n    className,\n    menuClassName,\n    side = \"bottom\",\n    menuLabel = `Account menu for ${name}`,\n}: AccountMenuProps) {\n    const statusId = useId();\n    const avatar = (\n        <AccountAvatar\n            name={name}\n            avatarUrl={avatarUrl}\n            dashboardHref={dashboardHref}\n            secondaryContent={secondaryContent}\n        />\n    );\n\n    return (\n        <div\n            data-theme=\"accent\"\n            className={cn(\n                \"polli:flex polli:min-w-0 polli:items-center polli:gap-2 polli:rounded-full polli:bg-theme-bg-active polli:p-1 polli:pr-3 polli:text-theme-text-strong polli:transition-colors polli:hover:bg-theme-bg-hover\",\n                className,\n            )}\n        >\n            {dashboardHref && avatar}\n            <Dropdown\n                align=\"end\"\n                side={side}\n                className={cn(\n                    \"polli:w-max polli:min-w-[var(--reference-width)] polli:p-1\",\n                    menuClassName,\n                )}\n                trigger={(open) => (\n                    <button\n                        type=\"button\"\n                        aria-label={menuLabel}\n                        aria-describedby={\n                            secondaryContent != null ? statusId : undefined\n                        }\n                        className=\"polli-control polli:flex polli:min-w-0 polli:flex-1 polli:items-center polli:gap-2 polli:self-stretch polli:rounded-full polli:text-theme-text-strong\"\n                    >\n                        {!dashboardHref && avatar}\n                        <AccountDetails\n                            name={name}\n                            secondaryContent={secondaryContent}\n                            secondaryId={statusId}\n                        />\n                        <ChevronIcon\n                            expanded={open}\n                            className=\"polli:ml-auto polli:h-4 polli:w-4 polli:text-theme-text-strong\"\n                        />\n                    </button>\n                )}\n            >\n                {children}\n            </Dropdown>\n        </div>\n    );\n}\n","import { clsx } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({ prefix: \"polli\" });\n\n/** Internal class merge for polli:-prefixed package primitive classes. */\nexport function cn(...inputs: (string | undefined | null | false)[]) {\n    return twMerge(clsx(...inputs));\n}\n","import type { FC } from \"react\";\nimport { cn } from \"../lib/cn.ts\";\n\ntype ChevronIconProps = {\n    /** Rotate 180° when expanded/open. */\n    expanded?: boolean;\n    className?: string;\n};\n\n/**\n * Canonical chevron used for collapsibles, dropdown triggers, and select pills\n * across the app. One icon everywhere.\n */\nexport const ChevronIcon: FC<ChevronIconProps> = ({ expanded, className }) => (\n    <svg\n        aria-hidden=\"true\"\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 12 12\"\n        className={cn(\n            \"polli:shrink-0 polli:transition-transform polli:duration-200 polli:ease-out\",\n            expanded && \"polli:rotate-180\",\n            className,\n        )}\n    >\n        <path\n            d=\"M3 4.5 6 7.5l3-3\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth=\"1.5\"\n        />\n    </svg>\n);\n","import { Popover } from \"@ark-ui/react/popover\";\nimport { Portal } from \"@ark-ui/react/portal\";\nimport type { CSSProperties, FC, ReactNode } from \"react\";\nimport { useId, useState } from \"react\";\nimport { cn } from \"../lib/cn.ts\";\n\nconst DEFAULT_PANEL = \"polli:rounded-lg polli:bg-surface-menu polli:shadow-lg\";\n\nexport type DropdownProps = {\n    /** Trigger element; receives the current open state (e.g. to rotate a chevron). */\n    trigger: (open: boolean) => ReactNode;\n    /** Panel content. As a function, receives `close` to dismiss after a selection. */\n    children: ReactNode | ((close: () => void) => ReactNode);\n    /** Panel placement relative to the trigger. */\n    align?: \"start\" | \"end\";\n    side?: \"top\" | \"bottom\";\n    /** Controlled open state. Omit to let the Dropdown manage its own. */\n    open?: boolean;\n    /** Render inside the parent dialog so its focus and accessibility scope includes the menu. */\n    portalled?: boolean;\n    onOpenChange?: (open: boolean) => void;\n    /** Appended after the surface (widths, padding, max-height…). */\n    className?: string;\n    /** Theme variables for portaled content that cannot inherit from its trigger. */\n    panelStyle?: CSSProperties;\n};\n\nexport const Dropdown: FC<DropdownProps> = ({\n    trigger,\n    children,\n    align = \"start\",\n    side = \"bottom\",\n    open: openProp,\n    portalled = true,\n    onOpenChange,\n    className,\n    panelStyle,\n}) => {\n    const triggerId = useId();\n    const [internalOpen, setInternalOpen] = useState(false);\n    const isControlled = openProp !== undefined;\n    const open = isControlled ? openProp : internalOpen;\n\n    const setOpen = (next: boolean) => {\n        if (!isControlled) setInternalOpen(next);\n        onOpenChange?.(next);\n    };\n\n    return (\n        <Popover.Root\n            ids={{ trigger: triggerId }}\n            open={open}\n            portalled={portalled}\n            onOpenChange={(details) => setOpen(details.open)}\n            positioning={{\n                placement: `${side}-${align}`,\n                strategy: portalled ? \"absolute\" : \"fixed\",\n            }}\n        >\n            <Popover.Trigger asChild>{trigger(open)}</Popover.Trigger>\n            <Portal disabled={!portalled}>\n                <Popover.Positioner>\n                    <Popover.Content\n                        aria-labelledby={triggerId}\n                        style={panelStyle}\n                        className={cn(\n                            \"polli:z-[120] polli:overflow-hidden polli:focus:outline-none\",\n                            DEFAULT_PANEL,\n                            className,\n                        )}\n                    >\n                        {typeof children === \"function\"\n                            ? children(() => setOpen(false))\n                            : children}\n                    </Popover.Content>\n                </Popover.Positioner>\n            </Portal>\n        </Popover.Root>\n    );\n};\n","import type { PropsWithChildren } from \"react\";\nimport { cn } from \"../lib/cn.ts\";\n\ntype BaseDropdownItemProps = {\n    className?: string;\n};\n\nexport type DropdownItemProps<T extends React.ElementType = \"button\"> =\n    PropsWithChildren<BaseDropdownItemProps> & {\n        as?: T;\n    } & Omit<\n            React.ComponentPropsWithoutRef<T>,\n            keyof BaseDropdownItemProps | \"as\"\n        >;\n\nexport function DropdownItem<T extends React.ElementType = \"button\">({\n    as,\n    className,\n    children,\n    ...rest\n}: DropdownItemProps<T>) {\n    const Component: React.ElementType = as || \"button\";\n    return (\n        <Component\n            {...(Component === \"button\" ? { type: \"button\" } : undefined)}\n            {...rest}\n            className={cn(\n                \"polli-control polli:flex polli:w-full polli:cursor-pointer polli:items-center polli:gap-2 polli:rounded-lg polli:bg-transparent polli:px-3 polli:py-2 polli:text-left polli:text-sm polli:font-medium polli:text-theme-text-base polli:no-underline polli:transition-colors polli:hover:bg-theme-bg-hover polli:hover:text-theme-text-hover polli:focus-visible:bg-theme-bg-hover\",\n                className,\n            )}\n        >\n            {children}\n        </Component>\n    );\n}\n","import type { IconProps } from \"./types.ts\";\n\nconst strokeProps = {\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeWidth: 2,\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n} as const;\n\nexport function AppIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <rect x=\"2\" y=\"4\" width=\"20\" height=\"14\" rx=\"2\" />\n            <path d=\"M2 20h20\" />\n        </svg>\n    );\n}\n\nexport function AccountIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <circle cx=\"12\" cy=\"8\" r=\"4\" />\n            <path d=\"M4 21a8 8 0 0 1 16 0\" />\n        </svg>\n    );\n}\n\nexport function ArrowRightIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M5 12h14M13 6l6 6-6 6\" />\n        </svg>\n    );\n}\n\nexport function BeakerIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M9 3h6\" />\n            <path d=\"M10 3v6.5L4.5 18a2 2 0 0 0 1.7 3h11.6a2 2 0 0 0 1.7-3L14 9.5V3\" />\n            <path d=\"M7 14h10\" />\n        </svg>\n    );\n}\n\nexport function BotIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M12 8V4H8\" />\n            <rect x=\"4\" y=\"8\" width=\"16\" height=\"12\" rx=\"2\" />\n            <path d=\"M2 14h2M20 14h2\" />\n            <path d=\"M9 13v2M15 13v2\" />\n        </svg>\n    );\n}\n\nexport function BookIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M4 4h5a3 3 0 0 1 3 3v13a2 2 0 0 0-2-2H4z\" />\n            <path d=\"M20 4h-5a3 3 0 0 0-3 3v13a2 2 0 0 1 2-2h6z\" />\n        </svg>\n    );\n}\n\nexport function BugIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"m8 2 1.9 1.9M14.1 3.9 16 2\" />\n            <path d=\"M9 7V6a3 3 0 0 1 6 0v1\" />\n            <path d=\"M12 20c-3.3 0-6-2.7-6-6v-3a6 6 0 0 1 12 0v3c0 3.3-2.7 6-6 6Z\" />\n            <path d=\"M12 20v-9M6.5 9C4.6 8.8 3 7.1 3 5M6 13H2M3 21c0-2.1 1.7-3.9 3.8-4M17.5 9C19.4 8.8 21 7.1 21 5M18 13h4M21 21c0-2.1-1.7-3.9-3.8-4\" />\n        </svg>\n    );\n}\n\nexport function CheckIcon(props: IconProps) {\n    return (\n        <svg\n            aria-hidden=\"true\"\n            viewBox=\"0 0 24 24\"\n            {...strokeProps}\n            strokeWidth={2.5}\n            {...props}\n        >\n            <polyline points=\"20 6 9 17 4 12\" />\n        </svg>\n    );\n}\n\nexport function ClipboardIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" />\n            <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\" />\n        </svg>\n    );\n}\n\nexport function ClockIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"9\" />\n            <path d=\"M12 7v5l3 2\" />\n        </svg>\n    );\n}\n\nexport function DiscordIcon(props: IconProps) {\n    return (\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" {...props}>\n            <path\n                fill=\"currentColor\"\n                d=\"M20.32 4.37A19.8 19.8 0 0 0 15.36 2.83a.07.07 0 0 0-.08.04c-.21.38-.45.88-.62 1.27a18.27 18.27 0 0 0-5.52 0 12.84 12.84 0 0 0-.63-1.27.08.08 0 0 0-.08-.04A19.74 19.74 0 0 0 3.47 4.37a.07.07 0 0 0-.03.03C.31 9.07-.55 13.61-.13 18.1a.08.08 0 0 0 .03.06 19.9 19.9 0 0 0 6.08 3.07.08.08 0 0 0 .09-.03c.47-.64.88-1.31 1.24-2.02a.08.08 0 0 0-.04-.1 13.08 13.08 0 0 1-1.9-.91.08.08 0 0 1-.01-.13c.13-.1.25-.2.37-.29a.07.07 0 0 1 .08-.01 14.24 14.24 0 0 0 12.38 0 .07.07 0 0 1 .08.01c.12.1.25.2.38.3a.08.08 0 0 1-.01.12 12.22 12.22 0 0 1-1.9.9.08.08 0 0 0-.04.11c.36.7.77 1.38 1.23 2.02a.08.08 0 0 0 .1.03 19.84 19.84 0 0 0 6.08-3.07.08.08 0 0 0 .03-.05c.5-5.2-.84-9.7-3.77-13.71a.06.06 0 0 0-.03-.03ZM8.02 15.37c-1.18 0-2.16-1.08-2.16-2.4 0-1.32.96-2.4 2.16-2.4 1.2 0 2.18 1.09 2.16 2.4 0 1.32-.96 2.4-2.16 2.4Zm7.96 0c-1.18 0-2.16-1.08-2.16-2.4 0-1.32.96-2.4 2.16-2.4 1.2 0 2.18 1.09 2.16 2.4 0 1.32-.95 2.4-2.16 2.4Z\"\n            />\n        </svg>\n    );\n}\n\nexport function InstagramIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\" />\n            <circle cx=\"12\" cy=\"12\" r=\"4\" />\n            <circle\n                cx=\"17.5\"\n                cy=\"6.5\"\n                r=\"1\"\n                fill=\"currentColor\"\n                stroke=\"none\"\n            />\n        </svg>\n    );\n}\n\nexport function XSocialIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...props}>\n            <path\n                fill=\"currentColor\"\n                d=\"M18.24 2.25h3.31l-7.23 8.26 8.51 11.24h-6.66l-5.21-6.82-5.97 6.82H1.68l7.73-8.84L1.25 2.25h6.83l4.71 6.23 5.45-6.23Zm-1.16 17.52h1.83L7.08 4.13H5.12l11.96 15.64Z\"\n            />\n        </svg>\n    );\n}\n\nexport function LinkedInIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...props}>\n            <path\n                fill=\"currentColor\"\n                d=\"M20.45 20.45h-3.56v-5.57c0-1.33-.03-3.04-1.85-3.04-1.86 0-2.14 1.45-2.14 2.94v5.67H9.34V9h3.42v1.56h.05c.47-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28ZM5.32 7.43a2.07 2.07 0 1 1 0-4.13 2.07 2.07 0 0 1 0 4.13ZM7.1 20.45H3.54V9H7.1v11.45Z\"\n            />\n        </svg>\n    );\n}\n\nexport function DownloadIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\n            <polyline points=\"7 10 12 15 17 10\" />\n            <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\" />\n        </svg>\n    );\n}\n\nexport function ExpandIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M8 3H3v5M16 3h5v5M21 16v5h-5M3 16v5h5\" />\n        </svg>\n    );\n}\n\nexport function PlayIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...props}>\n            <path fill=\"currentColor\" d=\"M7 4.5v15l12-7.5z\" />\n        </svg>\n    );\n}\n\nexport function PauseIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...props}>\n            <path fill=\"currentColor\" d=\"M6 4h4v16H6zM14 4h4v16h-4z\" />\n        </svg>\n    );\n}\n\nexport function CloudUploadIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M17.5 19H19a4 4 0 0 0 .4-8A7.5 7.5 0 0 0 5 9.5 5 5 0 0 0 6 19h1.5\" />\n            <path d=\"m8.5 15.5 3.5-3.5 3.5 3.5M12 12v9\" />\n        </svg>\n    );\n}\n\nexport function ExternalLinkIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M7 17 17 7M9 7h8v8\" />\n        </svg>\n    );\n}\n\nexport function GenApiIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"m8 3 4 1.5L16 3v18l-4-1.5L8 21z\" />\n            <path d=\"M8 3v18M16 3v18\" />\n        </svg>\n    );\n}\n\nexport function GitBranchIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <line x1=\"6\" y1=\"3\" x2=\"6\" y2=\"15\" />\n            <circle cx=\"18\" cy=\"6\" r=\"3\" />\n            <circle cx=\"6\" cy=\"18\" r=\"3\" />\n            <path d=\"M18 9a9 9 0 0 1-9 9\" />\n        </svg>\n    );\n}\n\nexport function GitPullRequestIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <circle cx=\"6\" cy=\"6\" r=\"3\" />\n            <circle cx=\"18\" cy=\"18\" r=\"3\" />\n            <path d=\"M6 9v12M13 6h3a2 2 0 0 1 2 2v7\" />\n        </svg>\n    );\n}\n\nexport function GraduationCapIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M21.42 10.92a1 1 0 0 0-.02-1.84L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.83l8.57 3.91a2 2 0 0 0 1.66 0z\" />\n            <path d=\"M22 10v6\" />\n            <path d=\"M6 12.5V16a6 3 0 0 0 12 0v-3.5\" />\n        </svg>\n    );\n}\n\nexport function SparklesIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M12 3l1.9 5.8a2 2 0 0 0 1.3 1.3L21 12l-5.8 1.9a2 2 0 0 0-1.3 1.3L12 21l-1.9-5.8a2 2 0 0 0-1.3-1.3L3 12l5.8-1.9a2 2 0 0 0 1.3-1.3z\" />\n        </svg>\n    );\n}\n\nexport function GitHubIcon(props: IconProps) {\n    return (\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" {...props}>\n            <path\n                fill=\"currentColor\"\n                d=\"M12 .5A11.5 11.5 0 0 0 8.36 22.9c.58.11.79-.25.79-.56v-2.16c-3.21.7-3.89-1.38-3.89-1.38-.53-1.34-1.29-1.7-1.29-1.7-1.05-.72.08-.7.08-.7 1.16.08 1.77 1.19 1.77 1.19 1.04 1.76 2.71 1.25 3.37.96.11-.75.4-1.25.74-1.54-2.56-.29-5.26-1.28-5.26-5.7 0-1.26.45-2.29 1.19-3.1-.12-.29-.52-1.46.11-3.06 0 0 .97-.31 3.16 1.18a10.88 10.88 0 0 1 5.76 0c2.19-1.49 3.15-1.18 3.15-1.18.63 1.6.23 2.77.11 3.06.74.81 1.19 1.84 1.19 3.1 0 4.43-2.7 5.4-5.27 5.69.41.36.78 1.06.78 2.14v3.19c0 .31.21.68.8.56A11.5 11.5 0 0 0 12 .5Z\"\n            />\n        </svg>\n    );\n}\n\nexport function ImageIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" />\n            <circle cx=\"9\" cy=\"9\" r=\"2\" />\n            <path d=\"m21 15-5-5L5 21\" />\n        </svg>\n    );\n}\n\nexport function CubeIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"m21 16-9 5-9-5V8l9-5 9 5z\" />\n            <path d=\"m3 8 9 5 9-5\" />\n            <path d=\"M12 13v8\" />\n        </svg>\n    );\n}\n\nexport function AudioIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M9 18V5l12-2v13\" />\n            <circle cx=\"6\" cy=\"18\" r=\"3\" />\n            <circle cx=\"18\" cy=\"16\" r=\"3\" />\n        </svg>\n    );\n}\n\nexport function LockIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\" />\n            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\" />\n        </svg>\n    );\n}\n\nexport function LogInIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M10 17l5-5-5-5\" />\n            <path d=\"M15 12H3\" />\n            <path d=\"M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4\" />\n        </svg>\n    );\n}\n\nexport function LogOutIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\" />\n            <path d=\"m16 17 5-5-5-5\" />\n            <path d=\"M21 12H9\" />\n        </svg>\n    );\n}\n\nexport function MailIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" />\n            <path d=\"m3 7 9 7 9-7\" />\n        </svg>\n    );\n}\n\nexport function McpIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <rect x=\"2\" y=\"4\" width=\"8\" height=\"16\" rx=\"1.5\" />\n            <rect x=\"14\" y=\"4\" width=\"8\" height=\"16\" rx=\"1.5\" />\n            <path d=\"M10 12h4\" />\n        </svg>\n    );\n}\n\nexport function MenuIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M4 7h16M4 12h16M4 17h16\" />\n        </svg>\n    );\n}\n\nexport function NewspaperIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M5 4h12a1 1 0 0 1 1 1v14a1 1 0 0 0 1 1H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1z\" />\n            <path d=\"M18 8h2a1 1 0 0 1 1 1v9a2 2 0 0 1-2 2\" />\n            <path d=\"M7 8h7M7 12h7M7 16h4\" />\n        </svg>\n    );\n}\n\nexport function PlusIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M12 5v14M5 12h14\" />\n        </svg>\n    );\n}\n\nexport function TerminalIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <polyline points=\"4 8 8 12 4 16\" />\n            <line x1=\"12\" y1=\"20\" x2=\"20\" y2=\"20\" />\n        </svg>\n    );\n}\n\nexport function ToolIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l2.1 2.1a1 1 0 0 0 1.4 0l4-4a6 6 0 0 1-8 8l-8 8a2.8 2.8 0 0 1-4-4l8-8a6 6 0 0 1 8-8l-4 4Z\" />\n        </svg>\n    );\n}\n\nexport function TargetIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"9\" />\n            <circle cx=\"12\" cy=\"12\" r=\"5\" />\n            <circle cx=\"12\" cy=\"12\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\" />\n        </svg>\n    );\n}\n\nexport function TokensIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M4 9h16M4 15h16M10 3 8 21M16 3l-2 18\" />\n        </svg>\n    );\n}\n\nexport function UsageIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M4 18a8 8 0 1 1 16 0\" />\n            <path d=\"M12 18l3.5-5\" />\n            <path d=\"M7 18h10\" />\n            <path d=\"M7.5 12.5 6 11\" />\n            <path d=\"M16.5 12.5 18 11\" />\n        </svg>\n    );\n}\n\nexport function WarningIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M10.3 3.1 1.8 17a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.1a2 2 0 0 0-3.4 0Z\" />\n            <path d=\"M12 9v4M12 17h.01\" />\n        </svg>\n    );\n}\n\nexport function TrendUpIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <polyline points=\"3 17 9 11 13 15 21 7\" />\n            <polyline points=\"15 7 21 7 21 13\" />\n        </svg>\n    );\n}\n\nexport function EarningsIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <ellipse cx=\"10\" cy=\"6\" rx=\"6\" ry=\"3\" />\n            <path d=\"M4 6v8c0 1.7 2.7 3 6 3 1.2 0 2.4-.2 3.3-.5\" />\n            <path d=\"M16 6v4\" />\n            <path d=\"M4 10c0 1.7 2.7 3 6 3 1.1 0 2.1-.1 3-.4\" />\n            <path d=\"M18 14v6\" />\n            <path d=\"M15 17h6\" />\n        </svg>\n    );\n}\n\nexport function WalletIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M3 7a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2v2H5a2 2 0 0 0-2 2V7Z\" />\n            <path d=\"M3 11a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6Z\" />\n            <circle cx=\"17\" cy=\"14\" r=\"1.25\" fill=\"currentColor\" />\n        </svg>\n    );\n}\n\nexport function MoonIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8Z\" />\n        </svg>\n    );\n}\n\nexport function SunIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"4\" />\n            <path d=\"M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4\" />\n        </svg>\n    );\n}\n\nexport function XIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M18 6 6 18M6 6l12 12\" />\n        </svg>\n    );\n}\n\nexport function TrashIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M3 6h18\" />\n            <path d=\"M8 6V4h8v2\" />\n            <path d=\"m19 6-1 15H6L5 6\" />\n            <path d=\"M10 11v6M14 11v6\" />\n        </svg>\n    );\n}\n\n// --- Model modality / capability / price glyphs (single-ink, replace emoji) ---\n\nexport function ChatIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" />\n        </svg>\n    );\n}\n\nexport function RobotIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <rect x=\"3\" y=\"6\" width=\"18\" height=\"15\" rx=\"3\" />\n            <path d=\"M12 2v4M3 11H1v5h2M21 11h2v5h-2M8 17h8\" />\n            <circle cx=\"9\" cy=\"12\" r=\"1\" />\n            <circle cx=\"15\" cy=\"12\" r=\"1\" />\n        </svg>\n    );\n}\n\nexport function EyeIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z\" />\n            <circle cx=\"12\" cy=\"12\" r=\"3\" />\n        </svg>\n    );\n}\n\nexport function EyeOffIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z\" />\n            <circle cx=\"12\" cy=\"12\" r=\"3\" />\n            <path d=\"M3 3l18 18\" />\n        </svg>\n    );\n}\n\nexport function VideoIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"m22 8-6 4 6 4V8z\" />\n            <rect x=\"2\" y=\"6\" width=\"14\" height=\"12\" rx=\"2\" />\n        </svg>\n    );\n}\n\nexport function MicIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3z\" />\n            <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" />\n            <path d=\"M12 19v3\" />\n        </svg>\n    );\n}\n\nexport function SpeakerIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M11 5 6 9H2v6h4l5 4z\" />\n            <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\" />\n            <path d=\"M19.07 4.93a10 10 0 0 1 0 14.14\" />\n        </svg>\n    );\n}\n\nexport function MegaphoneIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"m3 11 18-5v12L3 14v-3z\" />\n            <path d=\"m7 15 1.5 6H14l-2-7\" />\n        </svg>\n    );\n}\n\nexport function ReasoningIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M9 18h6M10 22h4M15.1 14c.2-1 .6-1.7 1.4-2.5A4.6 4.6 0 0 0 18 8 6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.8.8 1.2 1.5 1.4 2.5\" />\n        </svg>\n    );\n}\n\nexport function RocketIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\" />\n            <path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\" />\n            <path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\" />\n            <path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\" />\n        </svg>\n    );\n}\n\nexport function SearchIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <circle cx=\"11\" cy=\"11\" r=\"7\" />\n            <path d=\"m21 21-4.3-4.3\" />\n        </svg>\n    );\n}\n\nexport function SignOutIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\" />\n            <path d=\"m16 17 5-5-5-5\" />\n            <path d=\"M21 12H9\" />\n        </svg>\n    );\n}\n\nexport function PowerIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M12 2v10\" />\n            <path d=\"M18.4 6.6a9 9 0 1 1-12.77.04\" />\n        </svg>\n    );\n}\n\nexport function SparkleIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M9.94 15.5A2 2 0 0 0 8.5 14.06l-6.14-1.58a.5.5 0 0 1 0-.96L8.5 9.94A2 2 0 0 0 9.94 8.5l1.58-6.14a.5.5 0 0 1 .96 0L14.06 8.5A2 2 0 0 0 15.5 9.94l6.14 1.58a.5.5 0 0 1 0 .96L15.5 14.06a2 2 0 0 0-1.44 1.44l-1.58 6.14a.5.5 0 0 1-.96 0z\" />\n            <path d=\"M20 3v4\" />\n            <path d=\"M22 5h-4\" />\n            <path d=\"M4 17v2\" />\n            <path d=\"M5 18H3\" />\n        </svg>\n    );\n}\n\nexport function StarIcon({\n    filled = false,\n    ...props\n}: IconProps & { filled?: boolean }) {\n    return (\n        <svg\n            aria-hidden=\"true\"\n            viewBox=\"0 0 24 24\"\n            {...strokeProps}\n            fill={filled ? \"currentColor\" : \"none\"}\n            {...props}\n        >\n            <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" />\n        </svg>\n    );\n}\n\nexport function CodeIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"m16 18 6-6-6-6M8 6l-6 6 6 6\" />\n        </svg>\n    );\n}\n\nexport function DatabaseIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\" />\n            <path d=\"M3 5v14a9 3 0 0 0 18 0V5\" />\n            <path d=\"M3 12a9 3 0 0 0 18 0\" />\n        </svg>\n    );\n}\n\nexport function CardIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\" />\n            <path d=\"M2 10h20\" />\n        </svg>\n    );\n}\n\nexport function SproutIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M7 20h10\" />\n            <path d=\"M10 20c5.5-2.5.8-6.4 3-10\" />\n            <path d=\"M9.5 9.4c1.1.8 1.8 2.2 2.3 3.7-2 .4-3.5.4-4.8-.3-1.2-.6-2.3-1.9-3-4.2 2.8-.5 4.4 0 5.5.8z\" />\n            <path d=\"M14.1 6a7 7 0 0 0-1.1 4c1.9-.1 3.3-.6 4.3-1.4 1-1 1.6-2.3 1.7-4.6-2.7.1-4 1-4.9 2z\" />\n        </svg>\n    );\n}\n\nexport function PencilIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M12 20h9\" />\n            <path d=\"M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z\" />\n        </svg>\n    );\n}\n\nexport function KeyIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <circle cx=\"7.5\" cy=\"15.5\" r=\"5.5\" />\n            <path d=\"m21 2-9.6 9.6\" />\n            <path d=\"m15.5 7.5 3 3L22 7l-3-3\" />\n        </svg>\n    );\n}\n\nexport function GlobeIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"10\" />\n            <path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\" />\n            <path d=\"M2 12h20\" />\n        </svg>\n    );\n}\n\nexport function ArrowLeftIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M19 12H5\" />\n            <path d=\"m12 19-7-7 7-7\" />\n        </svg>\n    );\n}\n\nexport function RefreshIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M21 12a9 9 0 1 1-2.64-6.36\" />\n            <path d=\"M21 3v6h-6\" />\n        </svg>\n    );\n}\n\nexport type { IconProps } from \"./types.ts\";\n","import { useAuthActions, useAuthState } from \"@pollinations/sdk/react\";\nimport type { ReactNode } from \"react\";\nimport { Button, type ButtonProps } from \"../../primitives/Button.tsx\";\n\nexport type LoginButtonProps = Omit<\n    ButtonProps<\"button\">,\n    \"as\" | \"onClick\" | \"children\"\n> & {\n    children: ReactNode;\n};\n\n/** Button that kicks off the auth redirect. `null` when already logged in. */\nexport function LoginButton({ children, ...buttonProps }: LoginButtonProps) {\n    const { isLoggedIn } = useAuthState();\n    const { login } = useAuthActions();\n    if (isLoggedIn) return null;\n    return (\n        <Button {...buttonProps} onClick={() => login()}>\n            {children}\n        </Button>\n    );\n}\n","import type {\n    PropsWithChildren,\n    MouseEvent as ReactMouseEvent,\n    ReactNode,\n} from \"react\";\nimport { cn } from \"../lib/cn.ts\";\n\n/** Semantic action roles. Label recipes live on Chip. */\ntype ButtonIntent = \"danger\" | \"info\" | \"neutral\" | \"brand\" | \"commit\";\nexport type ButtonAppearance = \"pill\" | \"raised\";\n\nconst pillSizes = {\n    icon: \"polli:h-12 polli:w-12 polli:p-0\",\n    xs: \"polli:h-5 polli:px-1.5 polli:py-0 polli:text-[11px] polli:leading-none\",\n    sm: \"polli:min-h-7 polli:px-2 polli:pt-0.5 polli:pb-1\",\n    md: \"polli:min-h-9 polli:px-4 polli:pt-1.5 polli:pb-2\",\n    lg: \"polli:min-h-12 polli:px-6 polli:py-3\",\n} as const;\n\nconst raisedSizes = {\n    icon: \"polli:h-12 polli:w-12 polli:p-0\",\n    xs: \"polli:px-2 polli:py-1 polli:text-xs\",\n    sm: \"polli:px-4 polli:py-2 polli:text-sm\",\n    md: \"polli:px-7 polli:py-3.5 polli:text-base\",\n    lg: \"polli:px-8 polli:py-4 polli:text-lg\",\n} as const;\n\nconst appearanceClasses: Record<ButtonAppearance, string> = {\n    pill: \"polli:rounded-full\",\n    raised:\n        \"polli:rounded-xl polli:border-r-[3px] polli:border-b-[3px] polli:border-solid \" +\n        \"polli:border-theme-text-strong/20 polli:hover:border-theme-text-strong/45\",\n};\n\n// Cascade-driven base — reads [data-theme] vars.\nconst themeClasses =\n    \"polli:bg-theme-bg-active polli:text-theme-text-strong \" +\n    \"polli:hover:bg-theme-bg-hover polli:hover:text-theme-text-hover polli:transition-colors\";\n\n// Primary and destructive actions use outlines at rest.\n// Two accent families share one look: `brand` for\n// signing in (identity, calm pale hover) and `commit` for granting or saving\n// (fills with the accent only under the pointer or keyboard focus).\nconst outlined =\n    \"polli:border polli:border-theme-text-soft polli:bg-surface-white polli:text-theme-text-strong \" +\n    \"polli:transition-colors polli:[.dark_&]:bg-transparent\";\nconst intentClasses: Record<ButtonIntent, string> = {\n    brand: `${outlined} polli:hover:bg-theme-text-soft/10`,\n    commit:\n        `${outlined} polli:hover:border-theme-bg-active polli:hover:bg-theme-bg-active ` +\n        \"polli:focus-visible:border-theme-bg-active polli:focus-visible:bg-theme-bg-active \" +\n        \"polli:[.dark_&]:hover:bg-theme-bg-active polli:[.dark_&]:focus-visible:bg-theme-bg-active\",\n    danger:\n        \"polli:border polli:border-intent-danger-text polli:bg-transparent polli:text-intent-danger-text \" +\n        \"polli:hover:bg-intent-danger-bg-hover polli:focus-visible:bg-intent-danger-bg-hover polli:transition-colors\",\n    info:\n        \"polli:bg-intent-info-bg-light polli:text-intent-info-text \" +\n        \"polli:hover:bg-intent-info-bg-hover polli:transition-colors\",\n    // Secondary actions never take the accent: one step stronger grey on hover.\n    neutral:\n        \"polli:bg-theme-bg-subtle polli:text-theme-text-base \" +\n        \"polli:hover:bg-theme-text-muted/25 polli:hover:text-theme-text-strong polli:transition-colors\",\n};\n\ntype BaseButtonProps = {\n    icon?: ReactNode;\n    /** Optional semantic recipe; omit for the ambient theme button. */\n    intent?: ButtonIntent;\n    /** `raised` is the stronger website CTA treatment. */\n    appearance?: ButtonAppearance;\n    size?: keyof typeof pillSizes;\n    className?: string;\n    disabled?: boolean;\n};\n\nconst buttonClasses = ({\n    intent,\n    appearance = \"pill\",\n    size,\n    className,\n    disabled,\n}: BaseButtonProps & { disabled?: boolean }) => {\n    const colorClasses = intent ? intentClasses[intent] : themeClasses;\n    const sizeClasses = appearance === \"raised\" ? raisedSizes : pillSizes;\n    return cn(\n        \"polli-control polli:inline-flex polli:items-center polli:justify-center polli:self-center polli:font-body polli:text-sm polli:font-medium polli:leading-normal polli:box-border polli:border polli:border-transparent\",\n        disabled\n            ? \"polli:opacity-50 polli:cursor-not-allowed\"\n            : \"polli:hover:filter polli:hover:brightness-105 polli:cursor-pointer\",\n        colorClasses,\n        appearanceClasses[appearance],\n        sizeClasses[size || \"md\"],\n        className,\n    );\n};\n\nexport type ButtonProps<T extends React.ElementType = \"button\"> =\n    PropsWithChildren<BaseButtonProps> & {\n        as?: T;\n    } & Omit<React.ComponentPropsWithoutRef<T>, keyof BaseButtonProps | \"as\">;\n\nexport function Button<T extends React.ElementType = \"button\">({\n    as,\n    children,\n    icon,\n    intent,\n    appearance,\n    size,\n    className,\n    disabled,\n    ...buttonProps\n}: ButtonProps<T>) {\n    const Component: React.ElementType = as || \"button\";\n    const isButton = Component === \"button\";\n    const isAnchor = Component === \"a\";\n    const buttonType = (\n        buttonProps as {\n            type?: \"button\" | \"submit\" | \"reset\";\n        }\n    ).type;\n    const onClick = (\n        buttonProps as {\n            onClick?: (event: ReactMouseEvent) => void;\n        }\n    ).onClick;\n    const handleClick = disabled\n        ? (event: ReactMouseEvent) => {\n              event.preventDefault();\n              event.stopPropagation();\n          }\n        : onClick;\n\n    return (\n        <Component\n            {...buttonProps}\n            data-intent={intent}\n            {...(isButton ? { type: buttonType ?? \"button\", disabled } : {})}\n            {...(!isButton && disabled\n                ? { \"aria-disabled\": true, tabIndex: -1 }\n                : {})}\n            {...(isAnchor && disabled ? { href: undefined } : {})}\n            onClick={handleClick}\n            className={buttonClasses({\n                intent,\n                appearance,\n                size,\n                className,\n                disabled,\n            })}\n        >\n            {icon && (\n                <span\n                    aria-hidden=\"true\"\n                    className=\"polli:mr-2 polli:flex polli:size-4 polli:shrink-0 polli:[&>svg]:size-full\"\n                >\n                    {icon}\n                </span>\n            )}\n            {children}\n        </Component>\n    );\n}\n","import type { ComponentPropsWithoutRef, FC } from \"react\";\nimport { cn } from \"../lib/cn.ts\";\n\n/** Semantic chip labels for status and metadata badges. */\ntype ChipIntent =\n    | \"news\"\n    | \"new\"\n    | \"free\"\n    | \"alpha\"\n    | \"neutral\"\n    | \"success\"\n    | \"warning\"\n    | \"info\"\n    | \"danger\";\n\nconst chipSizes = {\n    icon: \"polli:h-5 polli:w-5 polli:p-0 polli:text-xs\",\n    sm: \"polli:h-5 polli:px-2 polli:text-xs\",\n    md: \"polli:h-6 polli:px-2.5 polli:text-sm\",\n    lg: \"polli:h-7 polli:px-3 polli:text-sm\",\n} as const;\n\nconst intentClasses: Record<ChipIntent, string> = {\n    news: \"polli:bg-intent-news-bg-light polli:text-intent-news-text\",\n    new: \"polli:bg-intent-new-bg-light polli:text-intent-new-text\",\n    free: \"polli:bg-intent-free-bg-light polli:text-intent-free-text\",\n    alpha: \"polli:bg-intent-alpha-bg-light polli:text-intent-alpha-text\",\n    neutral: \"polli:bg-ink-100/80 polli:text-ink-900\",\n    success:\n        \"polli:bg-intent-success-bg-bright/15 polli:text-intent-success-text\",\n    warning: \"polli:bg-intent-warning-bg-light polli:text-intent-warning-text\",\n    info: \"polli:bg-intent-info-bg-light polli:text-intent-info-text\",\n    danger: \"polli:bg-intent-danger-bg-light polli:text-intent-danger-text\",\n};\n\nexport type ChipProps = ComponentPropsWithoutRef<\"span\"> & {\n    /** Semantic intent. */\n    intent?: ChipIntent;\n    size?: keyof typeof chipSizes;\n};\n\n// Static, rectangular colored container. Round shapes are reserved for buttons.\n// Reads `bg-theme-bg-active` / `text-theme-text-strong` from the cascade unless\n// `intent` is set (semantic, theme-independent).\nexport const Chip: FC<ChipProps> = ({\n    intent,\n    size = \"md\",\n    className,\n    children,\n    ...rest\n}) => {\n    const intentClass = intent\n        ? intentClasses[intent]\n        : \"polli:bg-theme-bg-active polli:text-theme-text-strong\";\n    return (\n        <span\n            {...rest}\n            className={cn(\n                \"polli:inline-flex polli:shrink-0 polli:items-center polli:justify-center polli:gap-1 polli:rounded-lg polli:font-medium polli:leading-none\",\n                chipSizes[size],\n                intentClass,\n                className,\n            )}\n        >\n            {children}\n        </span>\n    );\n};\n","/** Relative URLs and same-origin absolute URLs stay in the current app. */\nexport function isExternalHref(\n    href: unknown,\n    origin = globalThis.location?.origin,\n): boolean {\n    if (typeof href !== \"string\" || !/^(https?:)?\\/\\//i.test(href))\n        return false;\n    if (!origin) return true;\n    try {\n        return new URL(href, origin).origin !== origin;\n    } catch {\n        return false;\n    }\n}\n","import type { PropsWithChildren } from \"react\";\nimport { isExternalHref } from \"../lib/link.ts\";\nimport { ExternalLinkIcon } from \"./icons/index.tsx\";\n\ntype BaseInlineLinkProps = {\n    /** Set explicitly for non-http external links, or false for custom routing components. */\n    external?: boolean;\n    showIcon?: boolean;\n    /** Inline text inherits its size; footers use 13px and standalone links 14px. */\n    size?: \"inherit\" | \"footer\" | \"sm\";\n    /** Accent for prominent links; quiet for secondary navigation. */\n    tone?: \"accent\" | \"quiet\";\n    className?: string;\n};\n\nexport type InlineLinkProps<T extends React.ElementType = \"a\"> =\n    PropsWithChildren<BaseInlineLinkProps> & {\n        as?: T;\n    } & Omit<\n            React.ComponentPropsWithoutRef<T>,\n            keyof BaseInlineLinkProps | \"as\"\n        >;\n\n/** Shared text-link rule: surrounding font, selectable ink, persistent underline,\n * visible keyboard focus, and an external arrow only when leaving the app.\n * Navigation and button-shaped actions use their own primitives.\n */\nexport function InlineLink<T extends React.ElementType = \"a\">({\n    as,\n    external,\n    showIcon = true,\n    size = \"inherit\",\n    tone = \"accent\",\n    className,\n    children,\n    ...linkProps\n}: InlineLinkProps<T>) {\n    const Component: React.ElementType = as || \"a\";\n    const isExternal =\n        external ?? isExternalHref((linkProps as { href?: unknown }).href);\n\n    return (\n        <Component\n            target={isExternal && as !== \"button\" ? \"_blank\" : undefined}\n            rel={\n                isExternal && as !== \"button\"\n                    ? \"noopener noreferrer\"\n                    : undefined\n            }\n            className={[\"polli-link\", className].filter(Boolean).join(\" \")}\n            data-size={size}\n            data-tone={tone}\n            {...linkProps}\n        >\n            {children}\n            {showIcon && isExternal && (\n                <ExternalLinkIcon\n                    aria-hidden=\"true\"\n                    className=\"polli-link-external-icon\"\n                />\n            )}\n        </Component>\n    );\n}\n","// 5-digit budget for pollen display. Integer takes its space, decimals fill\n// the remainder (capped at 4), floor toward -infinity, trailing zeros stripped.\n// Integers needing >=6 digits switch to compact (K/M/B, 3 sig figs).\n// Decimal point and minus sign do not count toward the budget.\n\nconst BUDGET = 5;\nconst MAX_DECIMALS = 4;\nconst COMPACT_THRESHOLD = 100_000;\n\nfunction floorTo(value: number, decimals: number): number {\n    const factor = 10 ** decimals;\n    return Math.floor(value * factor) / factor;\n}\n\nfunction formatCompact(value: number): string {\n    const abs = Math.abs(value);\n    const sign = value < 0 ? \"-\" : \"\";\n    const [unit, scale] =\n        abs >= 1e9\n            ? ([\"B\", 1e9] as const)\n            : abs >= 1e6\n              ? ([\"M\", 1e6] as const)\n              : ([\"K\", 1e3] as const);\n    const ratio = abs / scale;\n    const intDigits = Math.max(1, Math.floor(Math.log10(ratio)) + 1);\n    const decimals = Math.max(0, 3 - intDigits);\n    const floored = floorTo(ratio, decimals);\n    return `${sign}${Number(floored.toFixed(decimals)).toString()}${unit}`;\n}\n\nexport function formatPollen(value: number): string {\n    if (!Number.isFinite(value) || value === 0) return \"0\";\n\n    const abs = Math.abs(value);\n\n    if (abs >= COMPACT_THRESHOLD) return formatCompact(value);\n\n    const intDigits = abs >= 1 ? Math.floor(Math.log10(abs)) + 1 : 1;\n    const decimals = Math.min(MAX_DECIMALS, Math.max(0, BUDGET - intDigits));\n    const floored = floorTo(value, decimals);\n    if (floored === 0) return \"0\";\n    return Number(floored.toFixed(decimals)).toString();\n}\n","import type { FC, ReactNode } from \"react\";\nimport { cn } from \"../../lib/cn.ts\";\nimport { CardIcon, SproutIcon } from \"../../primitives/icons/index.tsx\";\n\ntype WalletBalanceKind = \"paid\" | \"tier\";\n\nconst walletPanelClasses: Record<WalletBalanceKind, string> = {\n    paid: \"polli-wallet-panel-paid\",\n    tier: \"polli-wallet-panel-tier\",\n};\n\nconst walletTextClasses: Record<WalletBalanceKind, string> = {\n    paid: \"polli-wallet-text-paid\",\n    tier: \"polli-wallet-text-tier\",\n};\n\nconst walletKindIcons: Record<WalletBalanceKind, typeof CardIcon> = {\n    paid: CardIcon,\n    tier: SproutIcon,\n};\n\nexport type WalletKindIconProps = {\n    kind: WalletBalanceKind;\n    className?: string;\n};\n\n/** The paid/Quest marker: a card for paid balance or sprout for Quest Pollen. */\nexport const WalletKindIcon: FC<WalletKindIconProps> = ({\n    kind,\n    className,\n}) => {\n    const Icon = walletKindIcons[kind];\n    return (\n        <Icon\n            aria-hidden=\"true\"\n            className={cn(\n                \"polli:h-3.5 polli:w-3.5 polli:shrink-0\",\n                walletTextClasses[kind],\n                className,\n            )}\n        />\n    );\n};\n\nexport type WalletBalanceCardProps = {\n    kind: WalletBalanceKind;\n    label: ReactNode;\n    value: ReactNode;\n    icon?: ReactNode;\n    info?: ReactNode;\n    footer?: ReactNode;\n    className?: string;\n};\n\nexport const WalletBalanceCard: FC<WalletBalanceCardProps> = ({\n    kind,\n    label,\n    value,\n    icon,\n    info,\n    footer,\n    className,\n}) => (\n    <div\n        className={cn(\n            \"polli:min-w-0 polli:rounded-xl polli:p-4\",\n            walletPanelClasses[kind],\n            className,\n        )}\n    >\n        <span className=\"polli:flex polli:items-center polli:gap-2\">\n            {icon ?? <WalletKindIcon kind={kind} />}\n            <span\n                className={cn(\n                    \"polli:text-sm polli:font-bold polli:uppercase polli:tracking-wide\",\n                    walletTextClasses[kind],\n                )}\n            >\n                {label}\n            </span>\n            {info}\n        </span>\n        <div\n            className={cn(\n                \"polli-wallet-balance-value polli:[overflow-wrap:anywhere] polli:mt-1 polli:font-bold polli:leading-none polli:tracking-tight polli:tabular-nums\",\n                walletTextClasses[kind],\n            )}\n        >\n            {value}\n        </div>\n        {footer && (\n            <div className=\"polli:mt-1.5 polli:text-sm polli:font-bold polli:tabular-nums polli:text-intent-success-text\">\n                {footer}\n            </div>\n        )}\n    </div>\n);\n","import { Chip } from \"../../primitives/Chip.tsx\";\nimport { InlineLink } from \"../../primitives/InlineLink.tsx\";\nimport { KeyIcon, WalletIcon } from \"../../primitives/icons/index.tsx\";\nimport { formatPollen } from \"./format-pollen.ts\";\nimport { WalletKindIcon } from \"./wallet-display.tsx\";\n\nexport type AccountPollenSource =\n    | {\n          type: \"wallet\";\n          /** Undefined while the balance is unavailable. */\n          balances?: { paid: number; quest: number };\n      }\n    | {\n          type: \"budget\";\n          /** The app's remaining budget, never the owner's wallet total. `null` = unlimited. */\n          remaining?: number | null;\n          generationEnabled?: boolean;\n      };\n\nfunction isEmpty(amount: number | null | undefined): boolean {\n    return amount != null && amount <= 0;\n}\n\ntype PollenStatus = \"limit-reached\" | \"no-pollen\" | \"unlimited\";\n\nconst labels: Record<PollenStatus, string> = {\n    \"limit-reached\": \"Limit reached\",\n    \"no-pollen\": \"No Pollen\",\n    unlimited: \"Unlimited\",\n};\n\nfunction PollenStatusBadge({\n    state,\n    topUpHref,\n}: {\n    state: PollenStatus;\n    topUpHref?: string;\n}) {\n    const Icon = state === \"no-pollen\" ? WalletIcon : KeyIcon;\n    const label = labels[state];\n    return (\n        <Chip\n            size=\"sm\"\n            intent={state === \"unlimited\" ? \"info\" : \"danger\"}\n            aria-label={label}\n        >\n            <Icon\n                aria-hidden=\"true\"\n                className=\"polli:h-3.5 polli:w-3.5 polli:shrink-0\"\n            />\n            {label}\n            {state === \"no-pollen\" && topUpHref && (\n                <>\n                    <span aria-hidden=\"true\">·</span>\n                    <InlineLink\n                        href={topUpHref}\n                        aria-label={`${label}. Top up`}\n                    >\n                        Top up\n                    </InlineLink>\n                </>\n            )}\n        </Chip>\n    );\n}\n\n/** Icon + amount; unlimited, exhausted, or empty states become a badge. */\nexport function AccountPollen({\n    source,\n    topUpHref,\n}: {\n    source: AccountPollenSource;\n    /** Shown in the empty-wallet badge. A menu keeps recovery links in its dropdown. */\n    topUpHref?: string;\n}) {\n    if (source.type === \"budget\") {\n        if (source.generationEnabled === false) return null;\n        // null is the API's explicit \"no budget\"; undefined is not loaded yet.\n        const unlimited = source.remaining === null;\n        if (!unlimited && source.remaining === undefined) return null;\n        if (unlimited) return <PollenStatusBadge state=\"unlimited\" />;\n        const remaining = source.remaining as number;\n        if (isEmpty(remaining))\n            return <PollenStatusBadge state=\"limit-reached\" />;\n        return (\n            <span\n                title=\"App budget left\"\n                className=\"polli:inline-flex polli:items-center polli:gap-1 polli:tabular-nums\"\n            >\n                <KeyIcon\n                    aria-hidden=\"true\"\n                    className=\"polli:h-3.5 polli:w-3.5 polli:shrink-0\"\n                />\n                <span className=\"polli:sr-only\">App budget: </span>\n                {formatPollen(remaining)} pollen\n            </span>\n        );\n    }\n    const { balances } = source;\n    if (!balances) return null;\n    if (isEmpty(balances.paid) && isEmpty(balances.quest))\n        return <PollenStatusBadge state=\"no-pollen\" topUpHref={topUpHref} />;\n    return (\n        <span className=\"polli:inline-flex polli:items-center polli:gap-2 polli:tabular-nums\">\n            {/* Quest Pollen is spent first, so it comes first. */}\n            {([\"quest\", \"paid\"] as const).map((kind) => {\n                const amount = balances[kind];\n                return (\n                    <span\n                        key={kind}\n                        className=\"polli:inline-flex polli:items-center polli:gap-1\"\n                    >\n                        <WalletKindIcon\n                            kind={kind === \"paid\" ? \"paid\" : \"tier\"}\n                        />\n                        <span className=\"polli:sr-only\">\n                            {kind === \"paid\" ? \"Paid\" : \"Quest\"} Pollen:{\" \"}\n                        </span>\n                        {formatPollen(Math.max(0, amount))}\n                    </span>\n                );\n            })}\n        </span>\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,gBAMO;AACP,IAAAA,gBAA0B;A;;;;;ACN1B,IAAAC,gBAAsB;;;ACDtB,kBAAqB;AACrB,4BAAoC;AAEpC,IAAM,cAAU,2CAAoB,EAAE,QAAQ,QAAQ,CAAC;AAGhD,SAAS,MAAM,QAA+C;AACjE,SAAO,YAAQ,kBAAK,GAAG,MAAM,CAAC;AAClC;;;ACiBQ;AAZD,IAAM,cAAoC,CAAC,EAAE,UAAU,UAAU,MACpE;AAAA,EAAC;AAAA;AAAA,IACG,eAAY;AAAA,IACZ,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,WAAW;AAAA,MACP;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,IACJ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACG,GAAE;AAAA,QACF,MAAK;AAAA,QACL,QAAO;AAAA,QACP,eAAc;AAAA,QACd,gBAAe;AAAA,QACf,aAAY;AAAA;AAAA,IAChB;AAAA;AACJ;;;ACjCJ,qBAAwB;AACxB,oBAAuB;AAEvB,mBAAgC;AA8CxB,IAAAC,sBAAA;AA3CR,IAAM,gBAAgB;AAqBf,IAAM,WAA8B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,QAAM,gBAAY,oBAAM;AACxB,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AACtD,QAAM,eAAe,aAAa;AAClC,QAAM,OAAO,eAAe,WAAW;AAEvC,QAAM,UAAU,CAAC,SAAkB;AAC/B,QAAI,CAAC,aAAc,iBAAgB,IAAI;AACvC,mBAAe,IAAI;AAAA,EACvB;AAEA,SACI;AAAA,IAAC,uBAAQ;AAAA,IAAR;AAAA,MACG,KAAK,EAAE,SAAS,UAAU;AAAA,MAC1B;AAAA,MACA;AAAA,MACA,cAAc,CAAC,YAAY,QAAQ,QAAQ,IAAI;AAAA,MAC/C,aAAa;AAAA,QACT,WAAW,GAAG,IAAI,IAAI,KAAK;AAAA,QAC3B,UAAU,YAAY,aAAa;AAAA,MACvC;AAAA,MAEA;AAAA,qDAAC,uBAAQ,SAAR,EAAgB,SAAO,MAAE,kBAAQ,IAAI,GAAE;AAAA,QACxC,6CAAC,wBAAO,UAAU,CAAC,WACf,uDAAC,uBAAQ,YAAR,EACG;AAAA,UAAC,uBAAQ;AAAA,UAAR;AAAA,YACG,mBAAiB;AAAA,YACjB,OAAO;AAAA,YACP,WAAW;AAAA,cACP;AAAA,cACA;AAAA,cACA;AAAA,YACJ;AAAA,YAEC,iBAAO,aAAa,aACf,SAAS,MAAM,QAAQ,KAAK,CAAC,IAC7B;AAAA;AAAA,QACV,GACJ,GACJ;AAAA;AAAA;AAAA,EACJ;AAER;;;AHpDQ,IAAAC,sBAAA;AArBR,SAAS,SAAS,MAAc;AAC5B,QAAM,QAAQ,KAAK,KAAK,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO;AACrD,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,MAAI,MAAM,WAAW,EAAG,QAAO,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,YAAY;AAChE,SAAO,GAAG,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,MAAM,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,YAAY;AACxE;AAEA,SAAS,cAAc;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAKG;AACC,QAAM,QAAQ,oBAAoB;AAClC,QAAM,YAAY,QAAQ,0BAA0B;AACpD,QAAM,SAAS,YACX;AAAA,IAAC;AAAA;AAAA,MACG,KAAK;AAAA,MACL,KAAI;AAAA,MACJ,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA;AAAA,EACJ,IAEA;AAAA,IAAC;AAAA;AAAA,MACG,MAAK;AAAA,MACL,cAAY,GAAG,IAAI;AAAA,MACnB,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MAEC,mBAAS,IAAI;AAAA;AAAA,EAClB;AAEJ,SAAO,gBACH;AAAA,IAAC;AAAA;AAAA,MACG,MAAM;AAAA,MACN,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,cAAW;AAAA,MACX,OAAM;AAAA,MACN,WAAU;AAAA,MAET;AAAA;AAAA,EACL,IAEA;AAER;AAoCA,SAAS,eAAe;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AACJ,GAIG;AACC,SACI,8CAAC,UAAK,WAAU,6EACZ;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,OAAO;AAAA,QACP,WAAU;AAAA,QAET;AAAA;AAAA,IACL;AAAA,IACC,oBAAoB,QACjB;AAAA,MAAC;AAAA;AAAA,QACG,IAAI;AAAA,QACJ,WAAU;AAAA,QAET;AAAA;AAAA,IACL;AAAA,KAER;AAER;AAcO,SAAS,YAAY;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,YAAY,oBAAoB,IAAI;AACxC,GAAqB;AACjB,QAAM,eAAW,qBAAM;AACvB,QAAM,SACF;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACJ;AAGJ,SACI;AAAA,IAAC;AAAA;AAAA,MACG,cAAW;AAAA,MACX,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MAEC;AAAA,yBAAiB;AAAA,QAClB;AAAA,UAAC;AAAA;AAAA,YACG,OAAM;AAAA,YACN;AAAA,YACA,WAAW;AAAA,cACP;AAAA,cACA;AAAA,YACJ;AAAA,YACA,SAAS,CAAC,SACN;AAAA,cAAC;AAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAY;AAAA,gBACZ,oBACI,oBAAoB,OAAO,WAAW;AAAA,gBAE1C,WAAU;AAAA,gBAET;AAAA,mBAAC,iBAAiB;AAAA,kBACnB;AAAA,oBAAC;AAAA;AAAA,sBACG;AAAA,sBACA;AAAA,sBACA,aAAa;AAAA;AAAA,kBACjB;AAAA,kBACA;AAAA,oBAAC;AAAA;AAAA,sBACG,UAAU;AAAA,sBACV,WAAU;AAAA;AAAA,kBACd;AAAA;AAAA;AAAA,YACJ;AAAA,YAGH;AAAA;AAAA,QACL;AAAA;AAAA;AAAA,EACJ;AAER;;;AIlLQ,IAAAC,sBAAA;AARD,SAAS,aAAqD;AAAA,EACjE;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAyB;AACrB,QAAM,YAA+B,MAAM;AAC3C,SACI;AAAA,IAAC;AAAA;AAAA,MACI,GAAI,cAAc,WAAW,EAAE,MAAM,SAAS,IAAI;AAAA,MAClD,GAAG;AAAA,MACJ,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MAEC;AAAA;AAAA,EACL;AAER;;;ACtBQ,IAAAC,sBAAA;AAVR,IAAM,cAAc;AAAA,EAChB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,gBAAgB;AACpB;AAiMO,SAAS,iBAAiB,OAAkB;AAC/C,SACI,6CAAC,SAAI,eAAY,QAAO,SAAQ,aAAa,GAAG,aAAc,GAAG,OAC7D,uDAAC,UAAK,GAAE,sBAAqB,GACjC;AAER;AAmPO,SAAS,WAAW,OAAkB;AACzC,SACI,8CAAC,SAAI,eAAY,QAAO,SAAQ,aAAa,GAAG,aAAc,GAAG,OAC7D;AAAA,iDAAC,UAAK,GAAE,4DAA2D;AAAA,IACnE,6CAAC,UAAK,GAAE,4EAA2E;AAAA,IACnF,6CAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,QAAO,MAAK,gBAAe;AAAA,KACzD;AAER;AA0JO,SAAS,UAAU,OAAkB;AACxC,SACI,8CAAC,SAAI,eAAY,QAAO,SAAQ,aAAa,GAAG,aAAc,GAAG,OAC7D;AAAA,iDAAC,UAAK,GAAE,YAAW;AAAA,IACnB,6CAAC,UAAK,GAAE,gCAA+B;AAAA,KAC3C;AAER;AAiDO,SAAS,SAAS,OAAkB;AACvC,SACI,8CAAC,SAAI,eAAY,QAAO,SAAQ,aAAa,GAAG,aAAc,GAAG,OAC7D;AAAA,iDAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI;AAAA,IAChD,6CAAC,UAAK,GAAE,YAAW;AAAA,KACvB;AAER;AAEO,SAAS,WAAW,OAAkB;AACzC,SACI,8CAAC,SAAI,eAAY,QAAO,SAAQ,aAAa,GAAG,aAAc,GAAG,OAC7D;AAAA,iDAAC,UAAK,GAAE,YAAW;AAAA,IACnB,6CAAC,UAAK,GAAE,6BAA4B;AAAA,IACpC,6CAAC,UAAK,GAAE,6FAA4F;AAAA,IACpG,6CAAC,UAAK,GAAE,sFAAqF;AAAA,KACjG;AAER;AAWO,SAAS,QAAQ,OAAkB;AACtC,SACI,8CAAC,SAAI,eAAY,QAAO,SAAQ,aAAa,GAAG,aAAc,GAAG,OAC7D;AAAA,iDAAC,YAAO,IAAG,OAAM,IAAG,QAAO,GAAE,OAAM;AAAA,IACnC,6CAAC,UAAK,GAAE,iBAAgB;AAAA,IACxB,6CAAC,UAAK,GAAE,2BAA0B;AAAA,KACtC;AAER;;;ACjsBA,IAAAC,gBAA6C;;;ACqIrC,IAAAC,sBAAA;AA1HR,IAAM,YAAY;AAAA,EACd,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACR;AAEA,IAAM,cAAc;AAAA,EAChB,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACR;AAEA,IAAM,oBAAsD;AAAA,EACxD,MAAM;AAAA,EACN,QACI;AAER;AAGA,IAAM,eACF;AAOJ,IAAM,WACF;AAEJ,IAAM,gBAA8C;AAAA,EAChD,OAAO,GAAG,QAAQ;AAAA,EAClB,QACI,GAAG,QAAQ;AAAA,EAGf,QACI;AAAA,EAEJ,MACI;AAAA;AAAA,EAGJ,SACI;AAER;AAaA,IAAM,gBAAgB,CAAC;AAAA,EACnB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACJ,MAAgD;AAC5C,QAAM,eAAe,SAAS,cAAc,MAAM,IAAI;AACtD,QAAM,cAAc,eAAe,WAAW,cAAc;AAC5D,SAAO;AAAA,IACH;AAAA,IACA,WACM,8CACA;AAAA,IACN;AAAA,IACA,kBAAkB,UAAU;AAAA,IAC5B,YAAY,QAAQ,IAAI;AAAA,IACxB;AAAA,EACJ;AACJ;AAOO,SAAS,OAA+C;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAmB;AACf,QAAM,YAA+B,MAAM;AAC3C,QAAM,WAAW,cAAc;AAC/B,QAAM,WAAW,cAAc;AAC/B,QAAM,aACF,YAGF;AACF,QAAM,UACF,YAGF;AACF,QAAM,cAAc,WACd,CAAC,UAA2B;AACxB,UAAM,eAAe;AACrB,UAAM,gBAAgB;AAAA,EAC1B,IACA;AAEN,SACI;AAAA,IAAC;AAAA;AAAA,MACI,GAAG;AAAA,MACJ,eAAa;AAAA,MACZ,GAAI,WAAW,EAAE,MAAM,cAAc,UAAU,SAAS,IAAI,CAAC;AAAA,MAC7D,GAAI,CAAC,YAAY,WACZ,EAAE,iBAAiB,MAAM,UAAU,GAAG,IACtC,CAAC;AAAA,MACN,GAAI,YAAY,WAAW,EAAE,MAAM,OAAU,IAAI,CAAC;AAAA,MACnD,SAAS;AAAA,MACT,WAAW,cAAc;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ,CAAC;AAAA,MAEA;AAAA,gBACG;AAAA,UAAC;AAAA;AAAA,YACG,eAAY;AAAA,YACZ,WAAU;AAAA,YAET;AAAA;AAAA,QACL;AAAA,QAEH;AAAA;AAAA;AAAA,EACL;AAER;;;ADhJQ,IAAAC,sBAAA;AALD,SAAS,YAAY,EAAE,UAAU,GAAG,YAAY,GAAqB;AACxE,QAAM,EAAE,WAAW,QAAI,4BAAa;AACpC,QAAM,EAAE,MAAM,QAAI,8BAAe;AACjC,MAAI,WAAY,QAAO;AACvB,SACI,6CAAC,UAAQ,GAAG,aAAa,SAAS,MAAM,MAAM,GACzC,UACL;AAER;;;AEkCQ,IAAAC,sBAAA;AAxCR,IAAM,YAAY;AAAA,EACd,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACR;AAEA,IAAMC,iBAA4C;AAAA,EAC9C,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SACI;AAAA,EACJ,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AACZ;AAWO,IAAM,OAAsB,CAAC;AAAA,EAChC;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,cAAc,SACdA,eAAc,MAAM,IACpB;AACN,SACI;AAAA,IAAC;AAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW;AAAA,QACP;AAAA,QACA,UAAU,IAAI;AAAA,QACd;AAAA,QACA;AAAA,MACJ;AAAA,MAEC;AAAA;AAAA,EACL;AAER;;;AClEO,SAAS,eACZ,MACA,SAAS,WAAW,UAAU,QACvB;AACP,MAAI,OAAO,SAAS,YAAY,CAAC,mBAAmB,KAAK,IAAI;AACzD,WAAO;AACX,MAAI,CAAC,OAAQ,QAAO;AACpB,MAAI;AACA,WAAO,IAAI,IAAI,MAAM,MAAM,EAAE,WAAW;AAAA,EAC5C,QAAQ;AACJ,WAAO;AAAA,EACX;AACJ;;;AC6BQ,IAAAC,sBAAA;AAfD,SAAS,WAA8C;AAAA,EAC1D;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAuB;AACnB,QAAM,YAA+B,MAAM;AAC3C,QAAM,aACF,YAAY,eAAgB,UAAiC,IAAI;AAErE,SACI;AAAA,IAAC;AAAA;AAAA,MACG,QAAQ,cAAc,OAAO,WAAW,WAAW;AAAA,MACnD,KACI,cAAc,OAAO,WACf,wBACA;AAAA,MAEV,WAAW,CAAC,cAAc,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAC7D,aAAW;AAAA,MACX,aAAW;AAAA,MACV,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,YAAY,cACT;AAAA,UAAC;AAAA;AAAA,YACG,eAAY;AAAA,YACZ,WAAU;AAAA;AAAA,QACd;AAAA;AAAA;AAAA,EAER;AAER;;;AC1DA,IAAM,SAAS;AACf,IAAM,eAAe;AACrB,IAAM,oBAAoB;AAE1B,SAAS,QAAQ,OAAe,UAA0B;AACtD,QAAM,SAAS,MAAM;AACrB,SAAO,KAAK,MAAM,QAAQ,MAAM,IAAI;AACxC;AAEA,SAAS,cAAc,OAAuB;AAC1C,QAAM,MAAM,KAAK,IAAI,KAAK;AAC1B,QAAM,OAAO,QAAQ,IAAI,MAAM;AAC/B,QAAM,CAAC,MAAM,KAAK,IACd,OAAO,MACA,CAAC,KAAK,GAAG,IACV,OAAO,MACJ,CAAC,KAAK,GAAG,IACT,CAAC,KAAK,GAAG;AACtB,QAAM,QAAQ,MAAM;AACpB,QAAM,YAAY,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,MAAM,KAAK,CAAC,IAAI,CAAC;AAC/D,QAAM,WAAW,KAAK,IAAI,GAAG,IAAI,SAAS;AAC1C,QAAM,UAAU,QAAQ,OAAO,QAAQ;AACvC,SAAO,GAAG,IAAI,GAAG,OAAO,QAAQ,QAAQ,QAAQ,CAAC,EAAE,SAAS,CAAC,GAAG,IAAI;AACxE;AAEO,SAAS,aAAa,OAAuB;AAChD,MAAI,CAAC,OAAO,SAAS,KAAK,KAAK,UAAU,EAAG,QAAO;AAEnD,QAAM,MAAM,KAAK,IAAI,KAAK;AAE1B,MAAI,OAAO,kBAAmB,QAAO,cAAc,KAAK;AAExD,QAAM,YAAY,OAAO,IAAI,KAAK,MAAM,KAAK,MAAM,GAAG,CAAC,IAAI,IAAI;AAC/D,QAAM,WAAW,KAAK,IAAI,cAAc,KAAK,IAAI,GAAG,SAAS,SAAS,CAAC;AACvE,QAAM,UAAU,QAAQ,OAAO,QAAQ;AACvC,MAAI,YAAY,EAAG,QAAO;AAC1B,SAAO,OAAO,QAAQ,QAAQ,QAAQ,CAAC,EAAE,SAAS;AACtD;;;ACTQ,IAAAC,uBAAA;AAtBR,IAAM,oBAAuD;AAAA,EACzD,MAAM;AAAA,EACN,MAAM;AACV;AAEA,IAAM,kBAA8D;AAAA,EAChE,MAAM;AAAA,EACN,MAAM;AACV;AAQO,IAAM,iBAA0C,CAAC;AAAA,EACpD;AAAA,EACA;AACJ,MAAM;AACF,QAAM,OAAO,gBAAgB,IAAI;AACjC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAY;AAAA,MACZ,WAAW;AAAA,QACP;AAAA,QACA,kBAAkB,IAAI;AAAA,QACtB;AAAA,MACJ;AAAA;AAAA,EACJ;AAER;;;ACIY,IAAAC,uBAAA;AA3BZ,SAAS,QAAQ,QAA4C;AACzD,SAAO,UAAU,QAAQ,UAAU;AACvC;AAIA,IAAM,SAAuC;AAAA,EACzC,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,WAAW;AACf;AAEA,SAAS,kBAAkB;AAAA,EACvB;AAAA,EACA;AACJ,GAGG;AACC,QAAM,OAAO,UAAU,cAAc,aAAa;AAClD,QAAM,QAAQ,OAAO,KAAK;AAC1B,SACI;AAAA,IAAC;AAAA;AAAA,MACG,MAAK;AAAA,MACL,QAAQ,UAAU,cAAc,SAAS;AAAA,MACzC,cAAY;AAAA,MAEZ;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,eAAY;AAAA,YACZ,WAAU;AAAA;AAAA,QACd;AAAA,QACC;AAAA,QACA,UAAU,eAAe,aACtB,gFACI;AAAA,wDAAC,UAAK,eAAY,QAAO,kBAAC;AAAA,UAC1B;AAAA,YAAC;AAAA;AAAA,cACG,MAAM;AAAA,cACN,cAAY,GAAG,KAAK;AAAA,cACvB;AAAA;AAAA,UAED;AAAA,WACJ;AAAA;AAAA;AAAA,EAER;AAER;AAGO,SAAS,cAAc;AAAA,EAC1B;AAAA,EACA;AACJ,GAIG;AACC,MAAI,OAAO,SAAS,UAAU;AAC1B,QAAI,OAAO,sBAAsB,MAAO,QAAO;AAE/C,UAAM,YAAY,OAAO,cAAc;AACvC,QAAI,CAAC,aAAa,OAAO,cAAc,OAAW,QAAO;AACzD,QAAI,UAAW,QAAO,8CAAC,qBAAkB,OAAM,aAAY;AAC3D,UAAM,YAAY,OAAO;AACzB,QAAI,QAAQ,SAAS;AACjB,aAAO,8CAAC,qBAAkB,OAAM,iBAAgB;AACpD,WACI;AAAA,MAAC;AAAA;AAAA,QACG,OAAM;AAAA,QACN,WAAU;AAAA,QAEV;AAAA;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,WAAU;AAAA;AAAA,UACd;AAAA,UACA,8CAAC,UAAK,WAAU,iBAAgB,0BAAY;AAAA,UAC3C,aAAa,SAAS;AAAA,UAAE;AAAA;AAAA;AAAA,IAC7B;AAAA,EAER;AACA,QAAM,EAAE,SAAS,IAAI;AACrB,MAAI,CAAC,SAAU,QAAO;AACtB,MAAI,QAAQ,SAAS,IAAI,KAAK,QAAQ,SAAS,KAAK;AAChD,WAAO,8CAAC,qBAAkB,OAAM,aAAY,WAAsB;AACtE,SACI,8CAAC,UAAK,WAAU,uEAEV,WAAC,SAAS,MAAM,EAAY,IAAI,CAAC,SAAS;AACxC,UAAM,SAAS,SAAS,IAAI;AAC5B,WACI;AAAA,MAAC;AAAA;AAAA,QAEG,WAAU;AAAA,QAEV;AAAA;AAAA,YAAC;AAAA;AAAA,cACG,MAAM,SAAS,SAAS,SAAS;AAAA;AAAA,UACrC;AAAA,UACA,+CAAC,UAAK,WAAU,iBACX;AAAA,qBAAS,SAAS,SAAS;AAAA,YAAQ;AAAA,YAAS;AAAA,aACjD;AAAA,UACC,aAAa,KAAK,IAAI,GAAG,MAAM,CAAC;AAAA;AAAA;AAAA,MAT5B;AAAA,IAUT;AAAA,EAER,CAAC,GACL;AAER;;;AdlBgB,IAAAC,uBAAA;AArEhB,IAAM,gBAAmC;AAAA,EACrC,WAAW;AAAA,EACX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,EACX,QAAQ;AACZ;AAEO,SAAS,YAAY;AAAA,EACxB;AAAA,EACA,QAAQ;AACZ,GAAqB;AACjB,QAAMC,UAAS,EAAE,GAAG,eAAe,GAAG,eAAe;AACrD,QAAM,EAAE,QAAQ,SAAS,QAAI,8BAAe;AAC5C,QAAM,EAAE,WAAW,QAAI,4BAAa;AACpC,QAAM,cAAU,iCAAkB,EAAE,SAAS,WAAW,CAAC;AACzD,QAAM,UAAM,6BAAc,EAAE,SAAS,WAAW,CAAC;AAEjD,QAAM,gBACF,IAAI,MAAM,iBAAiB,SAC1B,IAAI,KAAK,aAAa,SAAS,SAAS,OAAO,KAAK;AACzD,QAAM,cAAU,iCAAkB;AAAA,IAC9B,SAAS,cAAc;AAAA,EAC3B,CAAC;AACD,QAAM,SAAS,QAAQ,MAAM;AAC7B,+BAAU,MAAM;AACZ,QAAI,CAAC,WAAY;AACjB,UAAM,YAAY,MAAM;AACpB,UAAI,SAAS,oBAAoB,UAAW;AAC5C,WAAK,IAAI,QAAQ;AACjB,WAAK,QAAQ,QAAQ;AAAA,IACzB;AACA,aAAS,iBAAiB,oBAAoB,SAAS;AACvD,WAAO,MACH,SAAS,oBAAoB,oBAAoB,SAAS;AAAA,EAClE,GAAG,CAAC,YAAY,IAAI,SAAS,QAAQ,OAAO,CAAC;AAC7C,QAAM,YACF,OAAO,WAAW,cAAc,SAAY,OAAO,SAAS;AAChE,QAAM,WAAW,IAAI,IAAI,WAAW,QAAQ;AAC5C,MAAI,UAAW,UAAS,aAAa,IAAI,YAAY,SAAS;AAC9D,QAAM,QAAQ,IAAI,MAAM;AACxB,MAAI;AACJ,MAAI,OAAO;AACP,iBAAa,IAAI,IAAI,aAAa,QAAQ;AAC1C,eAAW,aAAa,IAAI,MAAM,KAAK;AACvC,QAAI,UAAW,YAAW,aAAa,IAAI,YAAY,SAAS;AAAA,EACpE;AACA,MAAI;AACJ,MAAI,IAAI,QAAQ,IAAI,KAAK,iBAAiB,MAAM;AAC5C,mBAAe;AAAA,MACX,MAAM;AAAA,MACN,WAAW,IAAI,KAAK;AAAA,MACpB,mBAAmB,IAAI,KAAK,aAAa,QAAQ,WAAW;AAAA,IAChE;AAAA,EACJ,WAAW,QAAQ;AACf,mBAAe;AAAA,MACX,MAAM;AAAA,MACN,UAAU,EAAE,MAAM,OAAO,MAAM,OAAO,OAAO,KAAK;AAAA,IACtD;AAAA,EACJ,WAAW,IAAI,QAAQ,CAAC,eAAe;AACnC,mBAAe,EAAE,MAAM,UAAU,WAAW,KAAK;AAAA,EACrD;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,cAAW;AAAA,MACX,WAAU;AAAA,MAET,WAAC,aACE,+CAAC,eAAY,WAAU,iRAEnB;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,eAAY;AAAA,YACZ,WAAU;AAAA,YAEV;AAAA,cAAC;AAAA;AAAA,gBACG,WAAU;AAAA,gBACV,OAAO;AAAA,kBACH,MAAM,QAAQ,YAAO;AAAA,kBACrB,YAAY,QAAQ,YAAO;AAAA,gBAC/B;AAAA;AAAA,YACJ;AAAA;AAAA,QACJ;AAAA,QACA,8CAAC,UAAK,WAAU,cAAc,UAAAA,QAAO,WAAU;AAAA,SACnD,IAEA;AAAA,QAAC;AAAA;AAAA,UACG,MACI,QAAQ,MAAM,QACd,QAAQ,MAAM,kBACd;AAAA,UAEJ,WAAW,QAAQ,MAAM;AAAA,UACzB,eACI,iBAAiB,IAAI,IAAI,WAAW,QAAQ,EAAE;AAAA,UAElD,WAAWA,QAAO;AAAA,UAClB,WAAU;AAAA,UACV,kBACI,eACI,8CAAC,iBAAc,QAAQ,cAAc,IACrC;AAAA,UAGP,WAAC,UACE,gFACK;AAAA,0BACG;AAAA,cAAC;AAAA;AAAA,gBACG,IAAG;AAAA,gBACH,MAAM,WAAW;AAAA,gBACjB,QAAO;AAAA,gBACP,KAAI;AAAA,gBACJ,SAAS;AAAA,gBAET;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACG,WAAU;AAAA,sBACV,eAAY;AAAA;AAAA,kBAChB;AAAA,kBACCA,QAAO;AAAA,kBACR;AAAA,oBAAC;AAAA;AAAA,sBACG,WAAU;AAAA,sBACV,eAAY;AAAA;AAAA,kBAChB;AAAA;AAAA;AAAA,YACJ;AAAA,YAEJ;AAAA,cAAC;AAAA;AAAA,gBACG,IAAG;AAAA,gBACH,MAAM,SAAS;AAAA,gBACf,QAAO;AAAA,gBACP,KAAI;AAAA,gBACJ,SAAS;AAAA,gBAET;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACG,WAAU;AAAA,sBACV,eAAY;AAAA;AAAA,kBAChB;AAAA,kBACCA,QAAO;AAAA,kBACR;AAAA,oBAAC;AAAA;AAAA,sBACG,WAAU;AAAA,sBACV,eAAY;AAAA;AAAA,kBAChB;AAAA;AAAA;AAAA,YACJ;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACG,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,SAAS,MAAM;AACX,wBAAM;AACN,yBAAO;AAAA,gBACX;AAAA,gBAEA;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACG,WAAU;AAAA,sBACV,eAAY;AAAA;AAAA,kBAChB;AAAA,kBACCA,QAAO;AAAA;AAAA;AAAA,YACZ;AAAA,aACJ;AAAA;AAAA,MAER;AAAA;AAAA,EAER;AAER;","names":["import_react","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","intentClasses","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","labels"]}
+{"version":3,"sources":["../../src/modules/app-user-menu/sdk.ts","../../src/modules/app-user-menu/AppUserMenu.tsx","../../src/compositions/AccountIdentity.tsx","../../src/lib/cn.ts","../../src/primitives/ChevronIcon.tsx","../../src/primitives/Dropdown.tsx","../../src/primitives/icons/index.tsx","../../src/primitives/BrandMark.tsx","../../src/primitives/DropdownItem.tsx","../../src/modules/auth/LoginButton.tsx","../../src/primitives/Button.tsx","../../src/primitives/Chip.tsx","../../src/lib/link.ts","../../src/primitives/InlineLink.tsx","../../src/modules/wallet/format-pollen.ts","../../src/modules/wallet/wallet-display.tsx","../../src/modules/wallet/AccountPollen.tsx"],"sourcesContent":["export {\n    AppUserMenu,\n    type AppUserMenuLabels,\n    type AppUserMenuProps,\n} from \"./AppUserMenu.tsx\";\n","import {\n    useAccountBalance,\n    useAccountKey,\n    useAccountProfile,\n    useAuthActions,\n    useAuthState,\n} from \"@pollinations/sdk/react\";\nimport { useEffect } from \"react\";\nimport { AccountMenu } from \"../../compositions/AccountMenu.tsx\";\nimport { cn } from \"../../lib/cn.ts\";\nimport { BrandMark } from \"../../primitives/BrandMark.tsx\";\nimport { DropdownItem } from \"../../primitives/DropdownItem.tsx\";\nimport {\n    ExternalLinkIcon,\n    KeyIcon,\n    PowerIcon,\n    WalletIcon,\n} from \"../../primitives/icons/index.tsx\";\nimport { LoginButton } from \"../auth/sdk.ts\";\nimport {\n    AccountPollen,\n    type AccountPollenSource,\n} from \"../wallet/AccountPollen.tsx\";\n\nexport type AppUserMenuLabels = {\n    authorize: string;\n    appUserMenu: string;\n    permissions: string;\n    buyPollen: string;\n    logout: string;\n};\n\nexport type AppUserMenuProps = {\n    /** Optional caller-owned dashboard destination for the linked avatar. */\n    dashboardHref?: string;\n    /** Larger logged-out action for prominent placements such as a page hero. */\n    connectSize?: keyof typeof CONNECT_SIZES;\n    labels?: Partial<AppUserMenuLabels>;\n};\n\nconst defaultLabels: AppUserMenuLabels = {\n    authorize: \"Pollinations Connect\",\n    appUserMenu: \"App user menu\",\n    permissions: \"Permissions\",\n    buyPollen: \"Buy Pollen\",\n    logout: \"Disconnect\",\n};\n\nconst CONNECT_SIZES = {\n    md: {\n        button: \"polli:h-10\",\n        cell: \"polli:w-10\",\n        mark: \"polli:h-6 polli:w-6\",\n        label: \"polli:px-3\",\n    },\n    lg: {\n        button: \"polli:h-12 polli:text-base\",\n        cell: \"polli:w-12\",\n        mark: \"polli:h-7 polli:w-7\",\n        label: \"polli:px-4\",\n    },\n};\n\nexport function AppUserMenu({\n    dashboardHref,\n    connectSize = \"md\",\n    labels: labelOverrides,\n}: AppUserMenuProps) {\n    const labels = { ...defaultLabels, ...labelOverrides };\n    const size = CONNECT_SIZES[connectSize];\n    const { logout, enterUrl } = useAuthActions();\n    const { isLoggedIn } = useAuthState();\n    const profile = useAccountProfile({ enabled: isLoggedIn });\n    const key = useAccountKey({ enabled: isLoggedIn });\n    // The wallet is shown only for an unlimited key that may read it; ask only then.\n    const canReadWallet =\n        key.data?.pollenBudget === null &&\n        (key.data.permissions?.account?.includes(\"usage\") ?? false);\n    const balance = useAccountBalance({\n        enabled: isLoggedIn && canReadWallet,\n    });\n    const wallet = balance.data?.accountBalance;\n    useEffect(() => {\n        if (!isLoggedIn) return;\n        const onVisible = () => {\n            if (document.visibilityState !== \"visible\") return;\n            void key.refresh();\n            void balance.refresh();\n        };\n        document.addEventListener(\"visibilitychange\", onVisible);\n        return () =>\n            document.removeEventListener(\"visibilitychange\", onVisible);\n    }, [isLoggedIn, key.refresh, balance.refresh]);\n    const returnUrl =\n        typeof window === \"undefined\" ? undefined : window.location.href;\n    const topUpUrl = new URL(\"/top-up\", enterUrl);\n    if (returnUrl) topUpUrl.searchParams.set(\"redirect\", returnUrl);\n    const keyId = key.data?.id;\n    let editKeyUrl: URL | undefined;\n    if (keyId) {\n        editKeyUrl = new URL(\"/edit-key\", enterUrl);\n        editKeyUrl.searchParams.set(\"id\", keyId);\n        if (returnUrl) editKeyUrl.searchParams.set(\"redirect\", returnUrl);\n    }\n    let pollenSource: AccountPollenSource | undefined;\n    if (key.data && key.data.pollenBudget !== null) {\n        pollenSource = {\n            type: \"budget\",\n            remaining: key.data.pollenBudget,\n            generationEnabled: key.data.permissions?.models?.length !== 0,\n        };\n    } else if (wallet) {\n        pollenSource = {\n            type: \"wallet\",\n            balances: { paid: wallet.paid, quest: wallet.tier },\n        };\n    } else if (key.data && !canReadWallet) {\n        pollenSource = { type: \"budget\", remaining: null };\n    }\n\n    return (\n        <div\n            data-theme=\"accent\"\n            className=\"polli:flex polli:shrink-0 polli:justify-end\"\n        >\n            {!isLoggedIn ? (\n                <LoginButton\n                    className={cn(\n                        \"polli:gap-0 polli:overflow-hidden polli:border polli:border-theme-bg-active polli:bg-surface-white polli:p-0 polli:text-theme-text-strong polli:whitespace-nowrap polli:hover:bg-surface-white polli:[.dark_&]:bg-transparent polli:[.dark_&]:hover:bg-transparent\",\n                        size.button,\n                    )}\n                >\n                    {/* Amber cell with the mark, then a light cell with the label. */}\n                    <span\n                        aria-hidden=\"true\"\n                        className={cn(\n                            \"polli:flex polli:h-full polli:shrink-0 polli:items-center polli:justify-center polli:bg-theme-bg-active\",\n                            size.cell,\n                        )}\n                    >\n                        <BrandMark\n                            className={cn(\n                                \"polli:relative polli:-top-px polli:left-px\",\n                                size.mark,\n                            )}\n                        />\n                    </span>\n                    <span className={size.label}>{labels.authorize}</span>\n                </LoginButton>\n            ) : (\n                <AccountMenu\n                    name={\n                        profile.data?.name ||\n                        profile.data?.githubUsername ||\n                        \"Connected user\"\n                    }\n                    avatarUrl={profile.data?.image}\n                    dashboardHref={\n                        dashboardHref ?? new URL(\"/pollen\", enterUrl).href\n                    }\n                    menuLabel={labels.appUserMenu}\n                    className=\"polli:max-w-80\"\n                    secondaryContent={\n                        pollenSource ? (\n                            <AccountPollen source={pollenSource} />\n                        ) : undefined\n                    }\n                >\n                    {(close) => (\n                        <>\n                            {editKeyUrl && (\n                                <DropdownItem\n                                    as=\"a\"\n                                    href={editKeyUrl.href}\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                    onClick={close}\n                                >\n                                    <KeyIcon\n                                        className=\"polli:h-4 polli:w-4 polli:shrink-0\"\n                                        aria-hidden=\"true\"\n                                    />\n                                    {labels.permissions}\n                                    <ExternalLinkIcon\n                                        className=\"polli:ml-auto polli:h-3.5 polli:w-3.5 polli:shrink-0\"\n                                        aria-hidden=\"true\"\n                                    />\n                                </DropdownItem>\n                            )}\n                            <DropdownItem\n                                as=\"a\"\n                                href={topUpUrl.href}\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                onClick={close}\n                            >\n                                <WalletIcon\n                                    className=\"polli:h-4 polli:w-4 polli:shrink-0\"\n                                    aria-hidden=\"true\"\n                                />\n                                {labels.buyPollen}\n                                <ExternalLinkIcon\n                                    className=\"polli:ml-auto polli:h-3.5 polli:w-3.5 polli:shrink-0\"\n                                    aria-hidden=\"true\"\n                                />\n                            </DropdownItem>\n                            <DropdownItem\n                                type=\"button\"\n                                className=\"polli:justify-start polli:text-left\"\n                                onClick={() => {\n                                    close();\n                                    logout();\n                                }}\n                            >\n                                <PowerIcon\n                                    className=\"polli:h-4 polli:w-4 polli:shrink-0\"\n                                    aria-hidden=\"true\"\n                                />\n                                {labels.logout}\n                            </DropdownItem>\n                        </>\n                    )}\n                </AccountMenu>\n            )}\n        </div>\n    );\n}\n","import type { ReactNode } from \"react\";\nimport { useId } from \"react\";\nimport { cn } from \"../lib/cn.ts\";\nimport { ChevronIcon } from \"../primitives/ChevronIcon.tsx\";\nimport { Dropdown, type DropdownProps } from \"../primitives/Dropdown.tsx\";\nimport { ExternalLinkIcon } from \"../primitives/icons/index.tsx\";\n\nfunction initials(name: string) {\n    const parts = name.trim().split(/\\s+/).filter(Boolean);\n    if (parts.length === 0) return \"?\";\n    if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();\n    return `${parts[0][0] ?? \"\"}${parts.at(-1)?.[0] ?? \"\"}`.toUpperCase();\n}\n\nfunction AccountAvatar({\n    name,\n    avatarUrl,\n    secondaryContent,\n    dashboardHref,\n    inline = false,\n}: {\n    name: string;\n    avatarUrl?: string | null;\n    secondaryContent?: ReactNode;\n    dashboardHref?: string;\n    /** Small avatar inside a pill link; hovering the pill zooms it. */\n    inline?: boolean;\n}) {\n    const size = inline\n        ? \"polli:h-6 polli:w-6\"\n        : secondaryContent != null\n          ? \"polli:h-11 polli:w-11\"\n          : \"polli:h-8 polli:w-8\";\n    const className = cn(\n        size,\n        inline &&\n            \"polli:transition-transform polli:group-hover:scale-110 polli:group-hover:brightness-110 polli:motion-reduce:transition-none polli:motion-reduce:group-hover:scale-100\",\n    );\n    const avatar = avatarUrl ? (\n        <img\n            src={avatarUrl}\n            alt=\"\"\n            className={cn(\n                className,\n                \"polli:shrink-0 polli:rounded-full polli:object-cover\",\n            )}\n        />\n    ) : (\n        <span\n            role=\"img\"\n            aria-label={`${name} avatar`}\n            className={cn(\n                className,\n                \"polli:flex polli:shrink-0 polli:items-center polli:justify-center polli:rounded-full polli:bg-theme-bg-pale polli:text-xs polli:font-semibold polli:text-theme-text-strong\",\n            )}\n        >\n            {initials(name)}\n        </span>\n    );\n    return dashboardHref ? (\n        <a\n            href={dashboardHref}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            aria-label=\"Open dashboard\"\n            title=\"Open dashboard\"\n            className=\"polli:shrink-0 polli:rounded-full polli:cursor-pointer polli:transition-transform polli:hover:scale-105 polli:hover:brightness-110 polli:focus-visible:outline-2 polli:focus-visible:outline-offset-2 polli:focus-visible:outline-current polli:motion-reduce:transition-none polli:motion-reduce:hover:scale-100\"\n        >\n            {avatar}\n        </a>\n    ) : (\n        avatar\n    );\n}\n\nexport type AccountIdentityProps = {\n    name: string;\n    avatarUrl?: string | null;\n    secondaryContent?: ReactNode;\n    /** Optional dashboard destination, owned by the caller. Opens in a new tab. */\n    dashboardHref?: string;\n    className?: string;\n};\n\nexport type AccountIdentityLinkProps = Pick<\n    AccountIdentityProps,\n    \"name\" | \"avatarUrl\" | \"className\"\n> & {\n    /** External profile the whole pill opens in a new tab. */\n    href: string;\n};\n\nexport function AccountIdentity({\n    name,\n    avatarUrl,\n    secondaryContent,\n    dashboardHref,\n    className,\n}: AccountIdentityProps) {\n    return (\n        <span\n            className={cn(\n                \"polli:flex polli:min-w-0 polli:items-center polli:gap-2 polli:rounded-full polli:bg-surface-opaque polli:p-1 polli:pr-3\",\n                className,\n            )}\n        >\n            <AccountAvatar\n                name={name}\n                avatarUrl={avatarUrl}\n                dashboardHref={dashboardHref}\n                secondaryContent={secondaryContent}\n            />\n            <AccountDetails name={name} secondaryContent={secondaryContent} />\n        </span>\n    );\n}\n\n/** Someone else's identity as a one-line pill link, e.g. an app's developer. */\nexport function AccountIdentityLink({\n    name,\n    avatarUrl,\n    href,\n    className,\n}: AccountIdentityLinkProps) {\n    return (\n        <a\n            href={href}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className={cn(\n                // Sits in running text on cards, so it is compact and tinted.\n                \"polli:group polli:inline-flex polli:max-w-full polli:min-w-0 polli:items-center polli:gap-1.5 polli:rounded-full polli:bg-theme-bg-subtle polli:p-0.5 polli:pr-2.5 polli:align-middle polli:focus-visible:outline-2 polli:focus-visible:outline-offset-2 polli:focus-visible:outline-current\",\n                className,\n            )}\n        >\n            <AccountAvatar name={name} avatarUrl={avatarUrl} inline />\n            <AccountDetails name={name} />\n            {/* InlineLink's external arrow at the name's size: this pill leaves the app. */}\n            <ExternalLinkIcon\n                aria-hidden=\"true\"\n                className=\"polli:-ml-0.5 polli:h-3 polli:w-3 polli:shrink-0 polli:text-theme-text-strong polli:opacity-65\"\n            />\n        </a>\n    );\n}\n\nfunction AccountDetails({\n    name,\n    secondaryContent,\n    secondaryId,\n}: {\n    name: string;\n    secondaryContent?: ReactNode;\n    secondaryId?: string;\n}) {\n    return (\n        <span className=\"polli:flex polli:min-w-0 polli:flex-col polli:items-start polli:text-left\">\n            <span\n                title={name}\n                className=\"polli:max-w-full polli:truncate polli:text-sm polli:font-medium polli:leading-5 polli:text-theme-text-strong\"\n            >\n                {name}\n            </span>\n            {secondaryContent != null && (\n                <span\n                    id={secondaryId}\n                    className=\"polli:inline-flex polli:min-h-5 polli:items-center polli:whitespace-nowrap polli:text-xs polli:leading-4 polli:text-theme-text-base\"\n                >\n                    {secondaryContent}\n                </span>\n            )}\n        </span>\n    );\n}\n\nexport type AccountMenuProps = AccountIdentityProps & {\n    /** The caller owns navigation, permissions and sign-out behavior. */\n    children: DropdownProps[\"children\"];\n    menuClassName?: string;\n    side?: \"top\" | \"bottom\";\n    menuLabel?: string;\n};\n\n/**\n * With `dashboardHref` the avatar is a link and the name/chevron open the\n * menu; without one the whole pill is the trigger.\n */\nexport function AccountMenu({\n    name,\n    avatarUrl,\n    dashboardHref,\n    secondaryContent,\n    children,\n    className,\n    menuClassName,\n    side = \"bottom\",\n    menuLabel = `Account menu for ${name}`,\n}: AccountMenuProps) {\n    const statusId = useId();\n    const avatar = (\n        <AccountAvatar\n            name={name}\n            avatarUrl={avatarUrl}\n            dashboardHref={dashboardHref}\n            secondaryContent={secondaryContent}\n        />\n    );\n\n    return (\n        <div\n            data-theme=\"accent\"\n            className={cn(\n                \"polli:flex polli:min-w-0 polli:items-center polli:gap-2 polli:rounded-full polli:bg-theme-bg-active polli:p-1 polli:pr-3 polli:text-theme-text-strong polli:transition-colors polli:hover:bg-theme-bg-hover\",\n                className,\n            )}\n        >\n            {dashboardHref && avatar}\n            <Dropdown\n                align=\"end\"\n                side={side}\n                className={cn(\n                    \"polli:w-max polli:min-w-[var(--reference-width)] polli:p-1\",\n                    menuClassName,\n                )}\n                trigger={(open) => (\n                    <button\n                        type=\"button\"\n                        aria-label={menuLabel}\n                        aria-describedby={\n                            secondaryContent != null ? statusId : undefined\n                        }\n                        className=\"polli-control polli:flex polli:min-w-0 polli:flex-1 polli:items-center polli:gap-2 polli:self-stretch polli:rounded-full polli:text-theme-text-strong\"\n                    >\n                        {!dashboardHref && avatar}\n                        <AccountDetails\n                            name={name}\n                            secondaryContent={secondaryContent}\n                            secondaryId={statusId}\n                        />\n                        <ChevronIcon\n                            expanded={open}\n                            className=\"polli:ml-auto polli:h-4 polli:w-4 polli:text-theme-text-strong\"\n                        />\n                    </button>\n                )}\n            >\n                {children}\n            </Dropdown>\n        </div>\n    );\n}\n","import { clsx } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({ prefix: \"polli\" });\n\n/** Internal class merge for polli:-prefixed package primitive classes. */\nexport function cn(...inputs: (string | undefined | null | false)[]) {\n    return twMerge(clsx(...inputs));\n}\n","import type { FC } from \"react\";\nimport { cn } from \"../lib/cn.ts\";\n\ntype ChevronIconProps = {\n    /** Rotate 180° when expanded/open. */\n    expanded?: boolean;\n    className?: string;\n};\n\n/**\n * Canonical chevron used for collapsibles, dropdown triggers, and select pills\n * across the app. One icon everywhere.\n */\nexport const ChevronIcon: FC<ChevronIconProps> = ({ expanded, className }) => (\n    <svg\n        aria-hidden=\"true\"\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 12 12\"\n        className={cn(\n            \"polli:shrink-0 polli:transition-transform polli:duration-200 polli:ease-out\",\n            expanded && \"polli:rotate-180\",\n            className,\n        )}\n    >\n        <path\n            d=\"M3 4.5 6 7.5l3-3\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth=\"1.5\"\n        />\n    </svg>\n);\n","import { Popover } from \"@ark-ui/react/popover\";\nimport { Portal } from \"@ark-ui/react/portal\";\nimport type { CSSProperties, FC, ReactNode } from \"react\";\nimport { useId, useState } from \"react\";\nimport { cn } from \"../lib/cn.ts\";\n\nconst DEFAULT_PANEL = \"polli:rounded-lg polli:bg-surface-menu polli:shadow-lg\";\n\nexport type DropdownProps = {\n    /** Trigger element; receives the current open state (e.g. to rotate a chevron). */\n    trigger: (open: boolean) => ReactNode;\n    /** Panel content. As a function, receives `close` to dismiss after a selection. */\n    children: ReactNode | ((close: () => void) => ReactNode);\n    /** Panel placement relative to the trigger. */\n    align?: \"start\" | \"end\";\n    side?: \"top\" | \"bottom\";\n    /** Controlled open state. Omit to let the Dropdown manage its own. */\n    open?: boolean;\n    /** Render inside the parent dialog so its focus and accessibility scope includes the menu. */\n    portalled?: boolean;\n    onOpenChange?: (open: boolean) => void;\n    /** Appended after the surface (widths, padding, max-height…). */\n    className?: string;\n    /** Theme variables for portaled content that cannot inherit from its trigger. */\n    panelStyle?: CSSProperties;\n};\n\nexport const Dropdown: FC<DropdownProps> = ({\n    trigger,\n    children,\n    align = \"start\",\n    side = \"bottom\",\n    open: openProp,\n    portalled = true,\n    onOpenChange,\n    className,\n    panelStyle,\n}) => {\n    const triggerId = useId();\n    const [internalOpen, setInternalOpen] = useState(false);\n    const isControlled = openProp !== undefined;\n    const open = isControlled ? openProp : internalOpen;\n\n    const setOpen = (next: boolean) => {\n        if (!isControlled) setInternalOpen(next);\n        onOpenChange?.(next);\n    };\n\n    return (\n        <Popover.Root\n            ids={{ trigger: triggerId }}\n            open={open}\n            portalled={portalled}\n            onOpenChange={(details) => setOpen(details.open)}\n            positioning={{\n                placement: `${side}-${align}`,\n                strategy: portalled ? \"absolute\" : \"fixed\",\n            }}\n        >\n            <Popover.Trigger asChild>{trigger(open)}</Popover.Trigger>\n            <Portal disabled={!portalled}>\n                <Popover.Positioner>\n                    <Popover.Content\n                        aria-labelledby={triggerId}\n                        style={panelStyle}\n                        className={cn(\n                            \"polli:z-[120] polli:overflow-hidden polli:focus:outline-none\",\n                            DEFAULT_PANEL,\n                            className,\n                        )}\n                    >\n                        {typeof children === \"function\"\n                            ? children(() => setOpen(false))\n                            : children}\n                    </Popover.Content>\n                </Popover.Positioner>\n            </Portal>\n        </Popover.Root>\n    );\n};\n","import type { IconProps } from \"./types.ts\";\n\nconst strokeProps = {\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeWidth: 2,\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n} as const;\n\nexport function AppIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <rect x=\"2\" y=\"4\" width=\"20\" height=\"14\" rx=\"2\" />\n            <path d=\"M2 20h20\" />\n        </svg>\n    );\n}\n\nexport function AccountIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <circle cx=\"12\" cy=\"8\" r=\"4\" />\n            <path d=\"M4 21a8 8 0 0 1 16 0\" />\n        </svg>\n    );\n}\n\nexport function ArrowRightIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M5 12h14M13 6l6 6-6 6\" />\n        </svg>\n    );\n}\n\nexport function BeakerIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M9 3h6\" />\n            <path d=\"M10 3v6.5L4.5 18a2 2 0 0 0 1.7 3h11.6a2 2 0 0 0 1.7-3L14 9.5V3\" />\n            <path d=\"M7 14h10\" />\n        </svg>\n    );\n}\n\nexport function BotIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M12 8V4H8\" />\n            <rect x=\"4\" y=\"8\" width=\"16\" height=\"12\" rx=\"2\" />\n            <path d=\"M2 14h2M20 14h2\" />\n            <path d=\"M9 13v2M15 13v2\" />\n        </svg>\n    );\n}\n\nexport function BookIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M4 4h5a3 3 0 0 1 3 3v13a2 2 0 0 0-2-2H4z\" />\n            <path d=\"M20 4h-5a3 3 0 0 0-3 3v13a2 2 0 0 1 2-2h6z\" />\n        </svg>\n    );\n}\n\nexport function BugIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"m8 2 1.9 1.9M14.1 3.9 16 2\" />\n            <path d=\"M9 7V6a3 3 0 0 1 6 0v1\" />\n            <path d=\"M12 20c-3.3 0-6-2.7-6-6v-3a6 6 0 0 1 12 0v3c0 3.3-2.7 6-6 6Z\" />\n            <path d=\"M12 20v-9M6.5 9C4.6 8.8 3 7.1 3 5M6 13H2M3 21c0-2.1 1.7-3.9 3.8-4M17.5 9C19.4 8.8 21 7.1 21 5M18 13h4M21 21c0-2.1-1.7-3.9-3.8-4\" />\n        </svg>\n    );\n}\n\nexport function CheckIcon(props: IconProps) {\n    return (\n        <svg\n            aria-hidden=\"true\"\n            viewBox=\"0 0 24 24\"\n            {...strokeProps}\n            strokeWidth={2.5}\n            {...props}\n        >\n            <polyline points=\"20 6 9 17 4 12\" />\n        </svg>\n    );\n}\n\nexport function ClipboardIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" />\n            <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\" />\n        </svg>\n    );\n}\n\nexport function ClockIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"9\" />\n            <path d=\"M12 7v5l3 2\" />\n        </svg>\n    );\n}\n\nexport function DiscordIcon(props: IconProps) {\n    return (\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" {...props}>\n            <path\n                fill=\"currentColor\"\n                d=\"M20.32 4.37A19.8 19.8 0 0 0 15.36 2.83a.07.07 0 0 0-.08.04c-.21.38-.45.88-.62 1.27a18.27 18.27 0 0 0-5.52 0 12.84 12.84 0 0 0-.63-1.27.08.08 0 0 0-.08-.04A19.74 19.74 0 0 0 3.47 4.37a.07.07 0 0 0-.03.03C.31 9.07-.55 13.61-.13 18.1a.08.08 0 0 0 .03.06 19.9 19.9 0 0 0 6.08 3.07.08.08 0 0 0 .09-.03c.47-.64.88-1.31 1.24-2.02a.08.08 0 0 0-.04-.1 13.08 13.08 0 0 1-1.9-.91.08.08 0 0 1-.01-.13c.13-.1.25-.2.37-.29a.07.07 0 0 1 .08-.01 14.24 14.24 0 0 0 12.38 0 .07.07 0 0 1 .08.01c.12.1.25.2.38.3a.08.08 0 0 1-.01.12 12.22 12.22 0 0 1-1.9.9.08.08 0 0 0-.04.11c.36.7.77 1.38 1.23 2.02a.08.08 0 0 0 .1.03 19.84 19.84 0 0 0 6.08-3.07.08.08 0 0 0 .03-.05c.5-5.2-.84-9.7-3.77-13.71a.06.06 0 0 0-.03-.03ZM8.02 15.37c-1.18 0-2.16-1.08-2.16-2.4 0-1.32.96-2.4 2.16-2.4 1.2 0 2.18 1.09 2.16 2.4 0 1.32-.96 2.4-2.16 2.4Zm7.96 0c-1.18 0-2.16-1.08-2.16-2.4 0-1.32.96-2.4 2.16-2.4 1.2 0 2.18 1.09 2.16 2.4 0 1.32-.95 2.4-2.16 2.4Z\"\n            />\n        </svg>\n    );\n}\n\nexport function InstagramIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\" />\n            <circle cx=\"12\" cy=\"12\" r=\"4\" />\n            <circle\n                cx=\"17.5\"\n                cy=\"6.5\"\n                r=\"1\"\n                fill=\"currentColor\"\n                stroke=\"none\"\n            />\n        </svg>\n    );\n}\n\nexport function XSocialIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...props}>\n            <path\n                fill=\"currentColor\"\n                d=\"M18.24 2.25h3.31l-7.23 8.26 8.51 11.24h-6.66l-5.21-6.82-5.97 6.82H1.68l7.73-8.84L1.25 2.25h6.83l4.71 6.23 5.45-6.23Zm-1.16 17.52h1.83L7.08 4.13H5.12l11.96 15.64Z\"\n            />\n        </svg>\n    );\n}\n\nexport function LinkedInIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...props}>\n            <path\n                fill=\"currentColor\"\n                d=\"M20.45 20.45h-3.56v-5.57c0-1.33-.03-3.04-1.85-3.04-1.86 0-2.14 1.45-2.14 2.94v5.67H9.34V9h3.42v1.56h.05c.47-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28ZM5.32 7.43a2.07 2.07 0 1 1 0-4.13 2.07 2.07 0 0 1 0 4.13ZM7.1 20.45H3.54V9H7.1v11.45Z\"\n            />\n        </svg>\n    );\n}\n\nexport function DownloadIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\n            <polyline points=\"7 10 12 15 17 10\" />\n            <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\" />\n        </svg>\n    );\n}\n\nexport function ExpandIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M8 3H3v5M16 3h5v5M21 16v5h-5M3 16v5h5\" />\n        </svg>\n    );\n}\n\nexport function PlayIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...props}>\n            <path fill=\"currentColor\" d=\"M7 4.5v15l12-7.5z\" />\n        </svg>\n    );\n}\n\nexport function PauseIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...props}>\n            <path fill=\"currentColor\" d=\"M6 4h4v16H6zM14 4h4v16h-4z\" />\n        </svg>\n    );\n}\n\nexport function CloudUploadIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M17.5 19H19a4 4 0 0 0 .4-8A7.5 7.5 0 0 0 5 9.5 5 5 0 0 0 6 19h1.5\" />\n            <path d=\"m8.5 15.5 3.5-3.5 3.5 3.5M12 12v9\" />\n        </svg>\n    );\n}\n\nexport function ExternalLinkIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M7 17 17 7M9 7h8v8\" />\n        </svg>\n    );\n}\n\nexport function GenApiIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"m8 3 4 1.5L16 3v18l-4-1.5L8 21z\" />\n            <path d=\"M8 3v18M16 3v18\" />\n        </svg>\n    );\n}\n\nexport function GitBranchIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <line x1=\"6\" y1=\"3\" x2=\"6\" y2=\"15\" />\n            <circle cx=\"18\" cy=\"6\" r=\"3\" />\n            <circle cx=\"6\" cy=\"18\" r=\"3\" />\n            <path d=\"M18 9a9 9 0 0 1-9 9\" />\n        </svg>\n    );\n}\n\nexport function GitPullRequestIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <circle cx=\"6\" cy=\"6\" r=\"3\" />\n            <circle cx=\"18\" cy=\"18\" r=\"3\" />\n            <path d=\"M6 9v12M13 6h3a2 2 0 0 1 2 2v7\" />\n        </svg>\n    );\n}\n\nexport function GraduationCapIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M21.42 10.92a1 1 0 0 0-.02-1.84L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.83l8.57 3.91a2 2 0 0 0 1.66 0z\" />\n            <path d=\"M22 10v6\" />\n            <path d=\"M6 12.5V16a6 3 0 0 0 12 0v-3.5\" />\n        </svg>\n    );\n}\n\nexport function SparklesIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M12 3l1.9 5.8a2 2 0 0 0 1.3 1.3L21 12l-5.8 1.9a2 2 0 0 0-1.3 1.3L12 21l-1.9-5.8a2 2 0 0 0-1.3-1.3L3 12l5.8-1.9a2 2 0 0 0 1.3-1.3z\" />\n        </svg>\n    );\n}\n\nexport function GitHubIcon(props: IconProps) {\n    return (\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" {...props}>\n            <path\n                fill=\"currentColor\"\n                d=\"M12 .5A11.5 11.5 0 0 0 8.36 22.9c.58.11.79-.25.79-.56v-2.16c-3.21.7-3.89-1.38-3.89-1.38-.53-1.34-1.29-1.7-1.29-1.7-1.05-.72.08-.7.08-.7 1.16.08 1.77 1.19 1.77 1.19 1.04 1.76 2.71 1.25 3.37.96.11-.75.4-1.25.74-1.54-2.56-.29-5.26-1.28-5.26-5.7 0-1.26.45-2.29 1.19-3.1-.12-.29-.52-1.46.11-3.06 0 0 .97-.31 3.16 1.18a10.88 10.88 0 0 1 5.76 0c2.19-1.49 3.15-1.18 3.15-1.18.63 1.6.23 2.77.11 3.06.74.81 1.19 1.84 1.19 3.1 0 4.43-2.7 5.4-5.27 5.69.41.36.78 1.06.78 2.14v3.19c0 .31.21.68.8.56A11.5 11.5 0 0 0 12 .5Z\"\n            />\n        </svg>\n    );\n}\n\nexport function ImageIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" />\n            <circle cx=\"9\" cy=\"9\" r=\"2\" />\n            <path d=\"m21 15-5-5L5 21\" />\n        </svg>\n    );\n}\n\nexport function CubeIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"m21 16-9 5-9-5V8l9-5 9 5z\" />\n            <path d=\"m3 8 9 5 9-5\" />\n            <path d=\"M12 13v8\" />\n        </svg>\n    );\n}\n\nexport function AudioIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M9 18V5l12-2v13\" />\n            <circle cx=\"6\" cy=\"18\" r=\"3\" />\n            <circle cx=\"18\" cy=\"16\" r=\"3\" />\n        </svg>\n    );\n}\n\nexport function LockIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\" />\n            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\" />\n        </svg>\n    );\n}\n\nexport function LogInIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M10 17l5-5-5-5\" />\n            <path d=\"M15 12H3\" />\n            <path d=\"M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4\" />\n        </svg>\n    );\n}\n\nexport function LogOutIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\" />\n            <path d=\"m16 17 5-5-5-5\" />\n            <path d=\"M21 12H9\" />\n        </svg>\n    );\n}\n\nexport function MailIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" />\n            <path d=\"m3 7 9 7 9-7\" />\n        </svg>\n    );\n}\n\nexport function McpIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <rect x=\"2\" y=\"4\" width=\"8\" height=\"16\" rx=\"1.5\" />\n            <rect x=\"14\" y=\"4\" width=\"8\" height=\"16\" rx=\"1.5\" />\n            <path d=\"M10 12h4\" />\n        </svg>\n    );\n}\n\nexport function MenuIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M4 7h16M4 12h16M4 17h16\" />\n        </svg>\n    );\n}\n\nexport function NewspaperIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M5 4h12a1 1 0 0 1 1 1v14a1 1 0 0 0 1 1H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1z\" />\n            <path d=\"M18 8h2a1 1 0 0 1 1 1v9a2 2 0 0 1-2 2\" />\n            <path d=\"M7 8h7M7 12h7M7 16h4\" />\n        </svg>\n    );\n}\n\nexport function PlusIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M12 5v14M5 12h14\" />\n        </svg>\n    );\n}\n\nexport function TerminalIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <polyline points=\"4 8 8 12 4 16\" />\n            <line x1=\"12\" y1=\"20\" x2=\"20\" y2=\"20\" />\n        </svg>\n    );\n}\n\nexport function ToolIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l2.1 2.1a1 1 0 0 0 1.4 0l4-4a6 6 0 0 1-8 8l-8 8a2.8 2.8 0 0 1-4-4l8-8a6 6 0 0 1 8-8l-4 4Z\" />\n        </svg>\n    );\n}\n\nexport function TargetIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"9\" />\n            <circle cx=\"12\" cy=\"12\" r=\"5\" />\n            <circle cx=\"12\" cy=\"12\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\" />\n        </svg>\n    );\n}\n\nexport function TokensIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M4 9h16M4 15h16M10 3 8 21M16 3l-2 18\" />\n        </svg>\n    );\n}\n\nexport function UsageIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M4 18a8 8 0 1 1 16 0\" />\n            <path d=\"M12 18l3.5-5\" />\n            <path d=\"M7 18h10\" />\n            <path d=\"M7.5 12.5 6 11\" />\n            <path d=\"M16.5 12.5 18 11\" />\n        </svg>\n    );\n}\n\nexport function WarningIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M10.3 3.1 1.8 17a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.1a2 2 0 0 0-3.4 0Z\" />\n            <path d=\"M12 9v4M12 17h.01\" />\n        </svg>\n    );\n}\n\nexport function TrendUpIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <polyline points=\"3 17 9 11 13 15 21 7\" />\n            <polyline points=\"15 7 21 7 21 13\" />\n        </svg>\n    );\n}\n\nexport function EarningsIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <ellipse cx=\"10\" cy=\"6\" rx=\"6\" ry=\"3\" />\n            <path d=\"M4 6v8c0 1.7 2.7 3 6 3 1.2 0 2.4-.2 3.3-.5\" />\n            <path d=\"M16 6v4\" />\n            <path d=\"M4 10c0 1.7 2.7 3 6 3 1.1 0 2.1-.1 3-.4\" />\n            <path d=\"M18 14v6\" />\n            <path d=\"M15 17h6\" />\n        </svg>\n    );\n}\n\nexport function WalletIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M3 7a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2v2H5a2 2 0 0 0-2 2V7Z\" />\n            <path d=\"M3 11a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-6Z\" />\n            <circle cx=\"17\" cy=\"14\" r=\"1.25\" fill=\"currentColor\" />\n        </svg>\n    );\n}\n\n/** A paper receipt: what a price includes. */\nexport function ReceiptIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M6 3h12v18l-2-1.5-2 1.5-2-1.5-2 1.5-2-1.5L6 21Z\" />\n            <path d=\"M9 8h6M9 12h6M9 16h3\" />\n        </svg>\n    );\n}\n\nexport function MoonIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8Z\" />\n        </svg>\n    );\n}\n\nexport function SunIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"4\" />\n            <path d=\"M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4\" />\n        </svg>\n    );\n}\n\nexport function XIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M18 6 6 18M6 6l12 12\" />\n        </svg>\n    );\n}\n\nexport function TrashIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M3 6h18\" />\n            <path d=\"M8 6V4h8v2\" />\n            <path d=\"m19 6-1 15H6L5 6\" />\n            <path d=\"M10 11v6M14 11v6\" />\n        </svg>\n    );\n}\n\n// --- Model modality / capability / price glyphs (single-ink, replace emoji) ---\n\nexport function ChatIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" />\n        </svg>\n    );\n}\n\nexport function RobotIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <rect x=\"3\" y=\"6\" width=\"18\" height=\"15\" rx=\"3\" />\n            <path d=\"M12 2v4M3 11H1v5h2M21 11h2v5h-2M8 17h8\" />\n            <circle cx=\"9\" cy=\"12\" r=\"1\" />\n            <circle cx=\"15\" cy=\"12\" r=\"1\" />\n        </svg>\n    );\n}\n\nexport function EyeIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z\" />\n            <circle cx=\"12\" cy=\"12\" r=\"3\" />\n        </svg>\n    );\n}\n\nexport function EyeOffIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z\" />\n            <circle cx=\"12\" cy=\"12\" r=\"3\" />\n            <path d=\"M3 3l18 18\" />\n        </svg>\n    );\n}\n\nexport function VideoIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"m22 8-6 4 6 4V8z\" />\n            <rect x=\"2\" y=\"6\" width=\"14\" height=\"12\" rx=\"2\" />\n        </svg>\n    );\n}\n\nexport function MicIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3z\" />\n            <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" />\n            <path d=\"M12 19v3\" />\n        </svg>\n    );\n}\n\nexport function SpeakerIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M11 5 6 9H2v6h4l5 4z\" />\n            <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\" />\n            <path d=\"M19.07 4.93a10 10 0 0 1 0 14.14\" />\n        </svg>\n    );\n}\n\nexport function MegaphoneIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"m3 11 18-5v12L3 14v-3z\" />\n            <path d=\"m7 15 1.5 6H14l-2-7\" />\n        </svg>\n    );\n}\n\nexport function ReasoningIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M9 18h6M10 22h4M15.1 14c.2-1 .6-1.7 1.4-2.5A4.6 4.6 0 0 0 18 8 6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.8.8 1.2 1.5 1.4 2.5\" />\n        </svg>\n    );\n}\n\nexport function RocketIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\" />\n            <path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\" />\n            <path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\" />\n            <path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\" />\n        </svg>\n    );\n}\n\nexport function SearchIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <circle cx=\"11\" cy=\"11\" r=\"7\" />\n            <path d=\"m21 21-4.3-4.3\" />\n        </svg>\n    );\n}\n\nexport function SignOutIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\" />\n            <path d=\"m16 17 5-5-5-5\" />\n            <path d=\"M21 12H9\" />\n        </svg>\n    );\n}\n\nexport function PowerIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M12 2v10\" />\n            <path d=\"M18.4 6.6a9 9 0 1 1-12.77.04\" />\n        </svg>\n    );\n}\n\nexport function SparkleIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M9.94 15.5A2 2 0 0 0 8.5 14.06l-6.14-1.58a.5.5 0 0 1 0-.96L8.5 9.94A2 2 0 0 0 9.94 8.5l1.58-6.14a.5.5 0 0 1 .96 0L14.06 8.5A2 2 0 0 0 15.5 9.94l6.14 1.58a.5.5 0 0 1 0 .96L15.5 14.06a2 2 0 0 0-1.44 1.44l-1.58 6.14a.5.5 0 0 1-.96 0z\" />\n            <path d=\"M20 3v4\" />\n            <path d=\"M22 5h-4\" />\n            <path d=\"M4 17v2\" />\n            <path d=\"M5 18H3\" />\n        </svg>\n    );\n}\n\nexport function StarIcon({\n    filled = false,\n    ...props\n}: IconProps & { filled?: boolean }) {\n    return (\n        <svg\n            aria-hidden=\"true\"\n            viewBox=\"0 0 24 24\"\n            {...strokeProps}\n            fill={filled ? \"currentColor\" : \"none\"}\n            {...props}\n        >\n            <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" />\n        </svg>\n    );\n}\n\nexport function CodeIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"m16 18 6-6-6-6M8 6l-6 6 6 6\" />\n        </svg>\n    );\n}\n\nexport function DatabaseIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\" />\n            <path d=\"M3 5v14a9 3 0 0 0 18 0V5\" />\n            <path d=\"M3 12a9 3 0 0 0 18 0\" />\n        </svg>\n    );\n}\n\nexport function CardIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\" />\n            <path d=\"M2 10h20\" />\n        </svg>\n    );\n}\n\nexport function SproutIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M7 20h10\" />\n            <path d=\"M10 20c5.5-2.5.8-6.4 3-10\" />\n            <path d=\"M9.5 9.4c1.1.8 1.8 2.2 2.3 3.7-2 .4-3.5.4-4.8-.3-1.2-.6-2.3-1.9-3-4.2 2.8-.5 4.4 0 5.5.8z\" />\n            <path d=\"M14.1 6a7 7 0 0 0-1.1 4c1.9-.1 3.3-.6 4.3-1.4 1-1 1.6-2.3 1.7-4.6-2.7.1-4 1-4.9 2z\" />\n        </svg>\n    );\n}\n\nexport function PencilIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M12 20h9\" />\n            <path d=\"M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z\" />\n        </svg>\n    );\n}\n\nexport function KeyIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <circle cx=\"7.5\" cy=\"15.5\" r=\"5.5\" />\n            <path d=\"m21 2-9.6 9.6\" />\n            <path d=\"m15.5 7.5 3 3L22 7l-3-3\" />\n        </svg>\n    );\n}\n\nexport function GlobeIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <circle cx=\"12\" cy=\"12\" r=\"10\" />\n            <path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\" />\n            <path d=\"M2 12h20\" />\n        </svg>\n    );\n}\n\nexport function ArrowLeftIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M19 12H5\" />\n            <path d=\"m12 19-7-7 7-7\" />\n        </svg>\n    );\n}\n\nexport function RefreshIcon(props: IconProps) {\n    return (\n        <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" {...strokeProps} {...props}>\n            <path d=\"M21 12a9 9 0 1 1-2.64-6.36\" />\n            <path d=\"M21 3v6h-6\" />\n        </svg>\n    );\n}\n\nexport type { IconProps } from \"./types.ts\";\n","import type { CSSProperties } from \"react\";\nimport lockupUrl from \"../brand/lockup-horizontal.svg\";\nimport markUrl from \"../brand/mark.svg\";\nimport { cn } from \"../lib/cn.ts\";\n\nexport type BrandMarkProps = {\n    variant?: \"mark\" | \"lockup\";\n    className?: string;\n};\n\nconst mask = (url: string): CSSProperties => ({\n    WebkitMask: `url('${url}') center / contain no-repeat`,\n    mask: `url('${url}') center / contain no-repeat`,\n});\n\nconst MASKS = { mark: mask(markUrl), lockup: mask(lockupUrl) };\n\n/** The lotus (or lotus + wordmark) painted in currentColor; size it with className. */\nexport function BrandMark({ variant = \"mark\", className }: BrandMarkProps) {\n    return (\n        <span\n            aria-hidden=\"true\"\n            className={cn(\n                \"polli:block polli:shrink-0 polli:bg-current\",\n                className,\n            )}\n            style={MASKS[variant]}\n        />\n    );\n}\n","import type { PropsWithChildren } from \"react\";\nimport { cn } from \"../lib/cn.ts\";\n\ntype BaseDropdownItemProps = {\n    className?: string;\n};\n\nexport type DropdownItemProps<T extends React.ElementType = \"button\"> =\n    PropsWithChildren<BaseDropdownItemProps> & {\n        as?: T;\n    } & Omit<\n            React.ComponentPropsWithoutRef<T>,\n            keyof BaseDropdownItemProps | \"as\"\n        >;\n\nexport function DropdownItem<T extends React.ElementType = \"button\">({\n    as,\n    className,\n    children,\n    ...rest\n}: DropdownItemProps<T>) {\n    const Component: React.ElementType = as || \"button\";\n    return (\n        <Component\n            {...(Component === \"button\" ? { type: \"button\" } : undefined)}\n            {...rest}\n            className={cn(\n                \"polli-control polli:flex polli:w-full polli:cursor-pointer polli:items-center polli:gap-2 polli:rounded-lg polli:bg-transparent polli:px-3 polli:py-2 polli:text-left polli:text-sm polli:font-medium polli:text-theme-text-base polli:no-underline polli:transition-colors polli:hover:bg-theme-bg-hover polli:hover:text-theme-text-hover polli:focus-visible:bg-theme-bg-hover\",\n                className,\n            )}\n        >\n            {children}\n        </Component>\n    );\n}\n","import { useAuthActions, useAuthState } from \"@pollinations/sdk/react\";\nimport type { ReactNode } from \"react\";\nimport { Button, type ButtonProps } from \"../../primitives/Button.tsx\";\n\nexport type LoginButtonProps = Omit<\n    ButtonProps<\"button\">,\n    \"as\" | \"onClick\" | \"children\"\n> & {\n    children: ReactNode;\n};\n\n/** Button that kicks off the auth redirect. `null` when already logged in. */\nexport function LoginButton({ children, ...buttonProps }: LoginButtonProps) {\n    const { isLoggedIn } = useAuthState();\n    const { login } = useAuthActions();\n    if (isLoggedIn) return null;\n    return (\n        <Button {...buttonProps} onClick={() => login()}>\n            {children}\n        </Button>\n    );\n}\n","import type {\n    PropsWithChildren,\n    MouseEvent as ReactMouseEvent,\n    ReactNode,\n} from \"react\";\nimport { cn } from \"../lib/cn.ts\";\n\n/** Semantic action roles. Label recipes live on Chip. */\ntype ButtonIntent = \"danger\" | \"info\" | \"neutral\" | \"brand\" | \"commit\";\nexport type ButtonAppearance = \"pill\" | \"raised\";\n\nconst pillSizes = {\n    icon: \"polli:h-12 polli:w-12 polli:p-0\",\n    xs: \"polli:h-5 polli:px-1.5 polli:py-0 polli:text-[11px] polli:leading-none\",\n    sm: \"polli:min-h-7 polli:px-2 polli:pt-0.5 polli:pb-1\",\n    md: \"polli:min-h-9 polli:px-4 polli:pt-1.5 polli:pb-2\",\n    lg: \"polli:min-h-12 polli:px-6 polli:py-3 polli:text-base\",\n} as const;\n\nconst raisedSizes = {\n    icon: \"polli:h-12 polli:w-12 polli:p-0\",\n    xs: \"polli:px-2 polli:py-1 polli:text-xs\",\n    sm: \"polli:px-4 polli:py-2 polli:text-sm\",\n    md: \"polli:px-7 polli:py-3.5 polli:text-base\",\n    lg: \"polli:px-8 polli:py-4 polli:text-lg\",\n} as const;\n\nconst appearanceClasses: Record<ButtonAppearance, string> = {\n    pill: \"polli:rounded-full\",\n    raised:\n        \"polli:rounded-xl polli:border-r-[3px] polli:border-b-[3px] polli:border-solid \" +\n        \"polli:border-theme-text-strong/20 polli:hover:border-theme-text-strong/45\",\n};\n\n// Cascade-driven base — reads [data-theme] vars.\nconst themeClasses =\n    \"polli:bg-theme-bg-active polli:text-theme-text-strong \" +\n    \"polli:hover:bg-theme-bg-hover polli:hover:text-theme-text-hover polli:transition-colors\";\n\n// Primary actions have a soft accent fill in light mode and an outline in dark.\n// `brand` keeps a calm hover; `commit` strengthens the fill on hover and focus.\nconst outlined =\n    \"polli:border polli:border-theme-text-soft polli:bg-theme-bg-active/30 polli:text-theme-text-strong \" +\n    \"polli:transition-colors polli:[.dark_&]:bg-transparent\";\nconst intentClasses: Record<ButtonIntent, string> = {\n    brand: `${outlined} polli:hover:bg-theme-bg-active/50 polli:[.dark_&]:hover:bg-theme-text-soft/10`,\n    commit:\n        `${outlined} polli:hover:border-theme-bg-active polli:hover:bg-theme-bg-active ` +\n        \"polli:focus-visible:border-theme-bg-active polli:focus-visible:bg-theme-bg-active \" +\n        \"polli:[.dark_&]:hover:bg-theme-bg-active polli:[.dark_&]:focus-visible:bg-theme-bg-active\",\n    danger:\n        \"polli:border polli:border-intent-danger-text polli:bg-intent-danger-bg-light polli:text-intent-danger-text \" +\n        \"polli:hover:bg-intent-danger-bg-hover polli:focus-visible:bg-intent-danger-bg-hover polli:transition-colors \" +\n        \"polli:[.dark_&]:bg-transparent polli:[.dark_&]:hover:bg-intent-danger-bg-hover polli:[.dark_&]:focus-visible:bg-intent-danger-bg-hover\",\n    info:\n        \"polli:bg-intent-info-bg-light polli:text-intent-info-text \" +\n        \"polli:hover:bg-intent-info-bg-hover polli:transition-colors\",\n    // Secondary actions never take the accent: one step stronger grey on hover.\n    neutral:\n        \"polli:bg-theme-bg-subtle polli:text-theme-text-base \" +\n        \"polli:hover:bg-theme-text-muted/25 polli:hover:text-theme-text-strong polli:transition-colors\",\n};\n\ntype BaseButtonProps = {\n    icon?: ReactNode;\n    /** Optional semantic recipe; omit for the ambient theme button. */\n    intent?: ButtonIntent;\n    /** `raised` is the stronger website CTA treatment. */\n    appearance?: ButtonAppearance;\n    size?: keyof typeof pillSizes;\n    className?: string;\n    disabled?: boolean;\n};\n\nconst buttonClasses = ({\n    intent,\n    appearance = \"pill\",\n    size,\n    className,\n    disabled,\n    busy,\n}: BaseButtonProps & { disabled?: boolean; busy?: boolean }) => {\n    const colorClasses = intent ? intentClasses[intent] : themeClasses;\n    const sizeClasses = appearance === \"raised\" ? raisedSizes : pillSizes;\n    return cn(\n        \"polli-control polli:inline-flex polli:items-center polli:justify-center polli:self-center polli:font-body polli:text-sm polli:font-medium polli:leading-normal polli:box-border polli:border polli:border-transparent\",\n        // A busy button is working, not unavailable: it keeps its strength.\n        busy\n            ? \"polli:cursor-progress\"\n            : disabled\n              ? \"polli:opacity-50 polli:cursor-not-allowed\"\n              : \"polli:hover:filter polli:hover:brightness-105 polli:cursor-pointer\",\n        colorClasses,\n        appearanceClasses[appearance],\n        sizeClasses[size || \"md\"],\n        className,\n    );\n};\n\nexport type ButtonProps<T extends React.ElementType = \"button\"> =\n    PropsWithChildren<BaseButtonProps> & {\n        as?: T;\n    } & Omit<React.ComponentPropsWithoutRef<T>, keyof BaseButtonProps | \"as\">;\n\nexport function Button<T extends React.ElementType = \"button\">({\n    as,\n    children,\n    icon,\n    intent,\n    appearance,\n    size,\n    className,\n    disabled,\n    ...buttonProps\n}: ButtonProps<T>) {\n    const Component: React.ElementType = as || \"button\";\n    const isButton = Component === \"button\";\n    const isAnchor = Component === \"a\";\n    const buttonType = (\n        buttonProps as {\n            type?: \"button\" | \"submit\" | \"reset\";\n        }\n    ).type;\n    const onClick = (\n        buttonProps as {\n            onClick?: (event: ReactMouseEvent) => void;\n        }\n    ).onClick;\n    const ariaBusy = (\n        buttonProps as { \"aria-busy\"?: boolean | \"true\" | \"false\" }\n    )[\"aria-busy\"];\n    const busy = ariaBusy === true || ariaBusy === \"true\";\n    const handleClick = disabled\n        ? (event: ReactMouseEvent) => {\n              event.preventDefault();\n              event.stopPropagation();\n          }\n        : onClick;\n\n    return (\n        <Component\n            {...buttonProps}\n            data-intent={intent}\n            {...(isButton ? { type: buttonType ?? \"button\", disabled } : {})}\n            {...(!isButton && disabled\n                ? { \"aria-disabled\": true, tabIndex: -1 }\n                : {})}\n            {...(isAnchor && disabled ? { href: undefined } : {})}\n            onClick={handleClick}\n            className={buttonClasses({\n                intent,\n                appearance,\n                size,\n                className,\n                disabled,\n                busy,\n            })}\n        >\n            {icon && (\n                <span\n                    aria-hidden=\"true\"\n                    className=\"polli:mr-2 polli:flex polli:size-4 polli:shrink-0 polli:[&>svg]:size-full\"\n                >\n                    {busy ? (\n                        <span className=\"polli:block polli:size-full polli:animate-spin polli:rounded-full polli:border-2 polli:border-current polli:border-r-transparent polli:motion-reduce:animate-none\" />\n                    ) : (\n                        icon\n                    )}\n                </span>\n            )}\n            {children}\n        </Component>\n    );\n}\n","import type { ComponentPropsWithoutRef, FC } from \"react\";\nimport { cn } from \"../lib/cn.ts\";\n\n/** Semantic chip labels for status and metadata badges. */\ntype ChipIntent =\n    | \"news\"\n    | \"new\"\n    | \"free\"\n    | \"alpha\"\n    | \"neutral\"\n    | \"success\"\n    | \"warning\"\n    | \"info\"\n    | \"danger\";\n\nconst chipSizes = {\n    icon: \"polli:h-5 polli:w-5 polli:p-0 polli:text-xs\",\n    sm: \"polli:h-5 polli:px-2 polli:text-xs\",\n    md: \"polli:h-6 polli:px-2.5 polli:text-sm\",\n    lg: \"polli:h-7 polli:px-3 polli:text-sm\",\n} as const;\n\nconst intentClasses: Record<ChipIntent, string> = {\n    news: \"polli:bg-intent-news-bg-light polli:text-intent-news-text\",\n    new: \"polli:bg-intent-new-bg-light polli:text-intent-new-text\",\n    free: \"polli:bg-intent-free-bg-light polli:text-intent-free-text\",\n    alpha: \"polli:bg-intent-alpha-bg-light polli:text-intent-alpha-text\",\n    neutral: \"polli:bg-ink-100/80 polli:text-ink-900\",\n    success:\n        \"polli:bg-intent-success-bg-bright/15 polli:text-intent-success-text\",\n    warning: \"polli:bg-intent-warning-bg-light polli:text-intent-warning-text\",\n    info: \"polli:bg-intent-info-bg-light polli:text-intent-info-text\",\n    danger: \"polli:bg-intent-danger-bg-light polli:text-intent-danger-text\",\n};\n\nexport type ChipProps = ComponentPropsWithoutRef<\"span\"> & {\n    /** Semantic intent. */\n    intent?: ChipIntent;\n    size?: keyof typeof chipSizes;\n};\n\n// Static, rectangular colored container. Round shapes are reserved for buttons.\n// Reads `bg-theme-bg-active` / `text-theme-text-strong` from the cascade unless\n// `intent` is set (semantic, theme-independent).\nexport const Chip: FC<ChipProps> = ({\n    intent,\n    size = \"md\",\n    className,\n    children,\n    ...rest\n}) => {\n    const intentClass = intent\n        ? intentClasses[intent]\n        : \"polli:bg-theme-bg-active polli:text-theme-text-strong\";\n    return (\n        <span\n            {...rest}\n            className={cn(\n                \"polli:inline-flex polli:shrink-0 polli:items-center polli:justify-center polli:gap-1 polli:rounded-lg polli:font-medium polli:leading-none\",\n                chipSizes[size],\n                intentClass,\n                className,\n            )}\n        >\n            {children}\n        </span>\n    );\n};\n","/** Relative URLs and same-origin absolute URLs stay in the current app. */\nexport function isExternalHref(\n    href: unknown,\n    origin = globalThis.location?.origin,\n): boolean {\n    if (typeof href !== \"string\" || !/^(https?:)?\\/\\//i.test(href))\n        return false;\n    if (!origin) return true;\n    try {\n        return new URL(href, origin).origin !== origin;\n    } catch {\n        return false;\n    }\n}\n","import type { PropsWithChildren } from \"react\";\nimport { isExternalHref } from \"../lib/link.ts\";\nimport { ExternalLinkIcon } from \"./icons/index.tsx\";\n\ntype BaseInlineLinkProps = {\n    /** Set explicitly for non-http external links, or false for custom routing components. */\n    external?: boolean;\n    showIcon?: boolean;\n    /** Inline text inherits its size; footers use 13px and standalone links 14px. */\n    size?: \"inherit\" | \"footer\" | \"sm\";\n    /** Accent for prominent links; quiet for secondary navigation. */\n    tone?: \"accent\" | \"quiet\";\n    className?: string;\n};\n\nexport type InlineLinkProps<T extends React.ElementType = \"a\"> =\n    PropsWithChildren<BaseInlineLinkProps> & {\n        as?: T;\n    } & Omit<\n            React.ComponentPropsWithoutRef<T>,\n            keyof BaseInlineLinkProps | \"as\"\n        >;\n\n/** Shared text-link rule: surrounding font, selectable ink, persistent underline,\n * visible keyboard focus, and an external arrow only when leaving the app.\n * Navigation and button-shaped actions use their own primitives.\n */\nexport function InlineLink<T extends React.ElementType = \"a\">({\n    as,\n    external,\n    showIcon = true,\n    size = \"inherit\",\n    tone = \"accent\",\n    className,\n    children,\n    ...linkProps\n}: InlineLinkProps<T>) {\n    const Component: React.ElementType = as || \"a\";\n    const isExternal =\n        external ?? isExternalHref((linkProps as { href?: unknown }).href);\n\n    return (\n        <Component\n            target={isExternal && as !== \"button\" ? \"_blank\" : undefined}\n            rel={\n                isExternal && as !== \"button\"\n                    ? \"noopener noreferrer\"\n                    : undefined\n            }\n            className={[\"polli-link\", className].filter(Boolean).join(\" \")}\n            data-size={size}\n            data-tone={tone}\n            {...linkProps}\n        >\n            {children}\n            {showIcon && isExternal && (\n                <ExternalLinkIcon\n                    aria-hidden=\"true\"\n                    className=\"polli-link-external-icon\"\n                />\n            )}\n        </Component>\n    );\n}\n","// 5-digit budget for pollen display. Integer takes its space, decimals fill\n// the remainder (capped at 4), floor toward -infinity, trailing zeros stripped.\n// Integers needing >=6 digits switch to compact (K/M/B, 3 sig figs).\n// Decimal point and minus sign do not count toward the budget.\n\nconst BUDGET = 5;\nconst MAX_DECIMALS = 4;\nconst COMPACT_THRESHOLD = 100_000;\n\nfunction floorTo(value: number, decimals: number): number {\n    const factor = 10 ** decimals;\n    return Math.floor(value * factor) / factor;\n}\n\nfunction formatCompact(value: number): string {\n    const abs = Math.abs(value);\n    const sign = value < 0 ? \"-\" : \"\";\n    const [unit, scale] =\n        abs >= 1e9\n            ? ([\"B\", 1e9] as const)\n            : abs >= 1e6\n              ? ([\"M\", 1e6] as const)\n              : ([\"K\", 1e3] as const);\n    const ratio = abs / scale;\n    const intDigits = Math.max(1, Math.floor(Math.log10(ratio)) + 1);\n    const decimals = Math.max(0, 3 - intDigits);\n    const floored = floorTo(ratio, decimals);\n    return `${sign}${Number(floored.toFixed(decimals)).toString()}${unit}`;\n}\n\nexport function formatPollen(value: number): string {\n    if (!Number.isFinite(value) || value === 0) return \"0\";\n\n    const abs = Math.abs(value);\n\n    if (abs >= COMPACT_THRESHOLD) return formatCompact(value);\n\n    const intDigits = abs >= 1 ? Math.floor(Math.log10(abs)) + 1 : 1;\n    const decimals = Math.min(MAX_DECIMALS, Math.max(0, BUDGET - intDigits));\n    const floored = floorTo(value, decimals);\n    if (floored === 0) return \"0\";\n    return Number(floored.toFixed(decimals)).toString();\n}\n","import type { FC, ReactNode } from \"react\";\nimport { cn } from \"../../lib/cn.ts\";\nimport { CardIcon, SproutIcon } from \"../../primitives/icons/index.tsx\";\n\ntype WalletBalanceKind = \"paid\" | \"tier\";\n\nconst walletPanelClasses: Record<WalletBalanceKind, string> = {\n    paid: \"polli-wallet-panel-paid\",\n    tier: \"polli-wallet-panel-tier\",\n};\n\nconst walletTextClasses: Record<WalletBalanceKind, string> = {\n    paid: \"polli-wallet-text-paid\",\n    tier: \"polli-wallet-text-tier\",\n};\n\nconst walletKindIcons: Record<WalletBalanceKind, typeof CardIcon> = {\n    paid: CardIcon,\n    tier: SproutIcon,\n};\n\nexport type WalletKindIconProps = {\n    kind: WalletBalanceKind;\n    className?: string;\n};\n\n/** The paid/Quest marker: a card for paid balance or sprout for Quest Pollen. */\nexport const WalletKindIcon: FC<WalletKindIconProps> = ({\n    kind,\n    className,\n}) => {\n    const Icon = walletKindIcons[kind];\n    return (\n        <Icon\n            aria-hidden=\"true\"\n            className={cn(\n                \"polli:h-3.5 polli:w-3.5 polli:shrink-0\",\n                walletTextClasses[kind],\n                className,\n            )}\n        />\n    );\n};\n\nexport type WalletBalanceCardProps = {\n    tone?: \"balance\" | \"neutral\";\n    kind: WalletBalanceKind;\n    label: ReactNode;\n    value: ReactNode;\n    icon?: ReactNode;\n    info?: ReactNode;\n    footer?: ReactNode;\n    className?: string;\n};\n\nexport const WalletBalanceCard: FC<WalletBalanceCardProps> = ({\n    tone = \"balance\",\n    kind,\n    label,\n    value,\n    icon,\n    info,\n    footer,\n    className,\n}) => {\n    const Icon = walletKindIcons[kind];\n    const textColor =\n        tone === \"neutral\"\n            ? \"polli:text-theme-text-strong\"\n            : walletTextClasses[kind];\n    return (\n        <div\n            className={cn(\n                \"polli:min-w-0 polli:rounded-card polli:p-3.5 polli:sm:p-5\",\n                tone === \"neutral\"\n                    ? \"polli:bg-surface-opaque\"\n                    : walletPanelClasses[kind],\n                className,\n            )}\n        >\n            <span className=\"polli:flex polli:items-center polli:gap-2\">\n                {icon ?? (\n                    <Icon\n                        aria-hidden=\"true\"\n                        className={cn(\n                            \"polli:h-3.5 polli:w-3.5 polli:shrink-0\",\n                            textColor,\n                        )}\n                    />\n                )}\n                <span\n                    className={cn(\n                        \"polli:text-sm polli:font-bold polli:uppercase polli:tracking-wide\",\n                        textColor,\n                    )}\n                >\n                    {label}\n                </span>\n                {info}\n            </span>\n            <div\n                className={cn(\n                    \"polli-wallet-balance-value polli:[overflow-wrap:anywhere] polli:mt-1 polli:font-bold polli:leading-none polli:tracking-tight polli:tabular-nums\",\n                    textColor,\n                )}\n            >\n                {value}\n            </div>\n            {footer && (\n                <div className=\"polli:mt-1.5 polli:text-sm polli:font-bold polli:tabular-nums polli:text-intent-success-text\">\n                    {footer}\n                </div>\n            )}\n        </div>\n    );\n};\n","import { Chip } from \"../../primitives/Chip.tsx\";\nimport { InlineLink } from \"../../primitives/InlineLink.tsx\";\nimport { KeyIcon, WalletIcon } from \"../../primitives/icons/index.tsx\";\nimport { formatPollen } from \"./format-pollen.ts\";\nimport { WalletKindIcon } from \"./wallet-display.tsx\";\n\nexport type AccountPollenSource =\n    | {\n          type: \"wallet\";\n          /** Undefined while the balance is unavailable. */\n          balances?: { paid: number; quest: number };\n      }\n    | {\n          type: \"budget\";\n          /** The app's remaining budget, never the owner's wallet total. `null` = unlimited. */\n          remaining?: number | null;\n          generationEnabled?: boolean;\n      };\n\nfunction isEmpty(amount: number | null | undefined): boolean {\n    return amount != null && amount <= 0;\n}\n\ntype PollenStatus = \"limit-reached\" | \"no-pollen\" | \"unlimited\";\n\nconst labels: Record<PollenStatus, string> = {\n    \"limit-reached\": \"Limit reached\",\n    \"no-pollen\": \"No Pollen\",\n    unlimited: \"Unlimited\",\n};\n\nfunction PollenStatusBadge({\n    state,\n    topUpHref,\n}: {\n    state: PollenStatus;\n    topUpHref?: string;\n}) {\n    const Icon = state === \"no-pollen\" ? WalletIcon : KeyIcon;\n    const label = labels[state];\n    return (\n        <Chip\n            size=\"sm\"\n            intent={state === \"unlimited\" ? \"info\" : \"danger\"}\n            aria-label={label}\n        >\n            <Icon\n                aria-hidden=\"true\"\n                className=\"polli:h-3.5 polli:w-3.5 polli:shrink-0\"\n            />\n            {label}\n            {state === \"no-pollen\" && topUpHref && (\n                <>\n                    <span aria-hidden=\"true\">·</span>\n                    <InlineLink\n                        href={topUpHref}\n                        aria-label={`${label}. Top up`}\n                    >\n                        Top up\n                    </InlineLink>\n                </>\n            )}\n        </Chip>\n    );\n}\n\n/** Icon + amount; unlimited, exhausted, or empty states become a badge. */\nexport function AccountPollen({\n    source,\n    topUpHref,\n}: {\n    source: AccountPollenSource;\n    /** Shown in the empty-wallet badge. A menu keeps recovery links in its dropdown. */\n    topUpHref?: string;\n}) {\n    if (source.type === \"budget\") {\n        if (source.generationEnabled === false) return null;\n        // null is the API's explicit \"no budget\"; undefined is not loaded yet.\n        const unlimited = source.remaining === null;\n        if (!unlimited && source.remaining === undefined) return null;\n        if (unlimited) return <PollenStatusBadge state=\"unlimited\" />;\n        const remaining = source.remaining as number;\n        if (isEmpty(remaining))\n            return <PollenStatusBadge state=\"limit-reached\" />;\n        return (\n            <span\n                title=\"App budget left\"\n                className=\"polli:inline-flex polli:items-center polli:gap-1 polli:tabular-nums\"\n            >\n                <KeyIcon\n                    aria-hidden=\"true\"\n                    className=\"polli:h-3.5 polli:w-3.5 polli:shrink-0\"\n                />\n                <span className=\"polli:sr-only\">App budget: </span>\n                {formatPollen(remaining)} pollen\n            </span>\n        );\n    }\n    const { balances } = source;\n    if (!balances) return null;\n    if (isEmpty(balances.paid) && isEmpty(balances.quest))\n        return <PollenStatusBadge state=\"no-pollen\" topUpHref={topUpHref} />;\n    return (\n        <span className=\"polli:inline-flex polli:items-center polli:gap-2 polli:tabular-nums\">\n            {/* Quest Pollen is spent first, so it comes first. */}\n            {([\"quest\", \"paid\"] as const).map((kind) => {\n                const amount = balances[kind];\n                return (\n                    <span\n                        key={kind}\n                        className=\"polli:inline-flex polli:items-center polli:gap-1\"\n                    >\n                        <WalletKindIcon\n                            kind={kind === \"paid\" ? \"paid\" : \"tier\"}\n                        />\n                        <span className=\"polli:sr-only\">\n                            {kind === \"paid\" ? \"Paid\" : \"Quest\"} Pollen:{\" \"}\n                        </span>\n                        {formatPollen(Math.max(0, amount))}\n                    </span>\n                );\n            })}\n        </span>\n    );\n}\n"],"mappings":"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","names":["import_react","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","intentClasses","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","labels"]}

package/dist/app-user-menu/sdk.d.cts

@@ -10,8 +10,24 @@ type AppUserMenuLabels = {
 type AppUserMenuProps = {
     /** Optional caller-owned dashboard destination for the linked avatar. */
     dashboardHref?: string;
+    /** Larger logged-out action for prominent placements such as a page hero. */
+    connectSize?: keyof typeof CONNECT_SIZES;
     labels?: Partial<AppUserMenuLabels>;
 };
-declare function AppUserMenu({ dashboardHref, labels: labelOverrides, }: AppUserMenuProps): react_jsx_runtime.JSX.Element;
+declare const CONNECT_SIZES: {
+    md: {
+        button: string;
+        cell: string;
+        mark: string;
+        label: string;
+    };
+    lg: {
+        button: string;
+        cell: string;
+        mark: string;
+        label: string;
+    };
+};
+declare function AppUserMenu({ dashboardHref, connectSize, labels: labelOverrides, }: AppUserMenuProps): react_jsx_runtime.JSX.Element;
 
 export { AppUserMenu, type AppUserMenuLabels, type AppUserMenuProps };

package/dist/app-user-menu/sdk.d.ts

@@ -10,8 +10,24 @@ type AppUserMenuLabels = {
 type AppUserMenuProps = {
     /** Optional caller-owned dashboard destination for the linked avatar. */
     dashboardHref?: string;
+    /** Larger logged-out action for prominent placements such as a page hero. */
+    connectSize?: keyof typeof CONNECT_SIZES;
     labels?: Partial<AppUserMenuLabels>;
 };
-declare function AppUserMenu({ dashboardHref, labels: labelOverrides, }: AppUserMenuProps): react_jsx_runtime.JSX.Element;
+declare const CONNECT_SIZES: {
+    md: {
+        button: string;
+        cell: string;
+        mark: string;
+        label: string;
+    };
+    lg: {
+        button: string;
+        cell: string;
+        mark: string;
+        label: string;
+    };
+};
+declare function AppUserMenu({ dashboardHref, connectSize, labels: labelOverrides, }: AppUserMenuProps): react_jsx_runtime.JSX.Element;
 
 export { AppUserMenu, type AppUserMenuLabels, type AppUserMenuProps };