'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
/**
 * AppOverflowMenu — the `⋯` menu at the far right of the app top bar.
 *
 * Houses everything that's NOT a primary user action: the destructive
 * Delete, the debug-only "copy generated prompt", and the live session
 * info chip (model + session id) that used to live inline in the top bar.
 * Pulling them in here cleans up the action zone for the SmartDeployButton
 * and Preview while still leaving every control one click away.
 *
 * Visual: native toolbar icon button. h-8 w-8, rounded-md, borderless,
 * background appears on hover/open. 150ms transitions.
 */
import { MoreHorizontal } from 'lucide-react';
import { DropdownMenu, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from '../../ui/dropdown-menu.js';
import { cn } from '../../../lib/utils.js';
export function AppOverflowMenu({ children, className }) {
    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "More options", title: "More options", className: cn('text-muted-foreground hover:bg-muted hover:text-foreground', 'active:bg-muted/80', 'data-[state=open]:bg-muted data-[state=open]:text-foreground', 'focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:outline-none', 'inline-flex h-8 w-8 cursor-pointer items-center justify-center rounded-md bg-transparent', 'transition-colors duration-150 ease-out', className), children: _jsx(MoreHorizontal, { className: "size-4" }) }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-64", children: [_jsx(DropdownMenuLabel, { className: "text-[10px] font-medium tracking-wide uppercase", children: "More options" }), _jsx(DropdownMenuSeparator, {}), children] })] }));
}
