51: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"] 52: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"] 53:Tf67,"use client"; import type { KeyboardEvent } from "react"; import { ModelSelect } from "@/components/model-select/model-select"; import type { ModelSelectProps, ModelSelectSize, } from "@/components/model-select/model-select"; import { ThinkingSelect } from "@/components/thinking-select/thinking-select"; import type { ThinkingEffort } from "@/components/thinking-select/thinking-select"; import { cn } from "@/lib/utils"; export type ThinkingModelSelectProps = Omit< ModelSelectProps, "footer" | "onPopupKeyDown" | "valueSuffix" > & { /** Controlled reasoning effort. */ effort: ThinkingEffort; /** Called with the newly selected reasoning effort. */ onEffortChange: (effort: ThinkingEffort) => void; }; /* ───────────────────────────────────────────────────────── * COMPOSITION STORYBOARD * * ModelSelect provides the trigger, search, and list; this * component pins a ThinkingSelect footer under the list and * echoes the current effort in the trigger. Tab cycles the * effort while the popup is open. The footer disappears for * models that cannot reason. * ───────────────────────────────────────────────────────── */ const EFFORT_CYCLE: ThinkingEffort[] = [ "off", "low", "medium", "high", "xhigh", "max", ]; const EFFORT_SHORT: Record = { high: "high", low: "low", max: "max", medium: "med", off: "off", xhigh: "xhigh", }; /** Tiny effort readout for the trigger: off, low, med, high, xhigh, max. */ const EffortReadout = ({ effort }: { effort: ThinkingEffort }) => ( ); const FOOTER_SLIDER_SIZE: Record = { lg: "md", md: "sm", sm: "sm", }; export const ThinkingModelSelect = ({ defaultValue, effort, models, onEffortChange, size = "md", value, ...props }: ThinkingModelSelectProps) => { const selected = models.find((model) => model.id === (value ?? defaultValue)); const showThinking = selected?.reasoning !== false; const cycleEffort = () => { const index = EFFORT_CYCLE.indexOf(effort); const next = EFFORT_CYCLE[(index + 1) % EFFORT_CYCLE.length]; if (next) { onEffortChange(next); } }; const handlePopupKeyDown = (event: KeyboardEvent) => { if (event.key === "Tab" && showThinking) { event.preventDefault(); event.stopPropagation(); cycleEffort(); } }; return ( { if (event.key === "Tab") { return; } event.stopPropagation(); }} onPointerDown={(event) => event.stopPropagation()} role="presentation" > tab ) : undefined } models={models} onPopupKeyDown={handlePopupKeyDown} size={size} value={value} valueSuffix={showThinking ? : undefined} {...props} /> ); }; 50:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L51",null,{"namespace":"@neon-ui","registryDependencies":["utils","https://ui.neon.com/r/model-select.json","https://ui.neon.com/r/thinking-select.json","https://ui.neon.com/r/neon-tokens.json"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"src/components/thinking-model-select/thinking-model-select.tsx","content":"$53","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]