50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:Tf4b,'use client'; import { useState } from 'react'; import { Check, Sparkles, X } from 'lucide-react'; import { cn } from '@/lib/utils'; const KEYFRAMES = ` @keyframes su-pop { 0% { opacity: 0; transform: scale(0.85) } 100% { opacity: 1; transform: none } } @keyframes su-msg-in { from { opacity: 0; transform: translateY(4px) } to { opacity: 1; transform: none } } `; export type SuggestionState = 'open' | 'applied' | 'dismissed'; export type SuggestionBannerVariant = 'Inline' | 'Floating'; export interface SuggestionBannerProps { suggestion?: string; detail?: string; applyLabel?: string; state?: SuggestionState; onApply?: () => void; onDismiss?: () => void; variant?: SuggestionBannerVariant; className?: string; } export function SuggestionBanner({ suggestion = 'Flag Meridian Lines in the weekly carrier report', detail = 'Based on the SLA breach found on the Rotterdam–Felixstowe lane.', applyLabel = 'Apply', state: stateProp, onApply, onDismiss, variant = 'Inline', className, }: SuggestionBannerProps) { const [stateState, setStateState] = useState('open'); const state = stateProp !== undefined ? stateProp : stateState; function apply() { setStateState('applied'); onApply?.(); } function dismiss() { setStateState('dismissed'); onDismiss?.(); } if (state === 'dismissed') return null; if (state === 'applied') { return (