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:T9ba,'use client'; import * as RadixMenu from '@radix-ui/react-dropdown-menu'; import { useState, type ReactNode } from 'react'; import { cx } from '@/lib/creance/cx'; import { CheckIcon, ChevronDownIcon } from '@/lib/creance/icons'; import '@/components/creance/menu/Menu.css'; import './ModelPicker.css'; export interface ModelOption { value: string; label: string; /** One line on when to use it. */ description?: ReactNode; disabled?: boolean; } export interface ModelPickerProps { models: ModelOption[]; value?: string; /** Default is the first model. */ defaultValue?: string; onValueChange?: (value: string) => void; /** Accessible name of the button, read before the chosen model. Default "Model". */ label?: string; disabled?: boolean; className?: string; } /** Chooses which model answers. A Radix menu of radio items: arrow keys move, Enter chooses, Escape closes. */ export function ModelPicker({ models, value: controlled, defaultValue, onValueChange, label = 'Model', disabled, className }: ModelPickerProps) { const [own, setOwn] = useState(defaultValue ?? models[0]?.value ?? ''); const value = controlled ?? own; const current = models.find((m) => m.value === value); return ( {current?.label ?? label} { setOwn(next); onValueChange?.(next); }} > {models.map((m) => ( {m.label} {m.description && {m.description}} ))} ); } 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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@radix-ui/react-dropdown-menu@^2.1.25",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-dropdown-menu","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@radix-ui/react-dropdown-menu@^2.1.25"}]]}]}]]}],["$","$L51",null,{"namespace":"@creance","registryDependencies":["https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/menu.json"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"model-picker/ModelPicker.css","content":".cr-model-picker {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n min-height: 32px;\n padding: 0 10px 0 var(--cr-space-3);\n border: 0;\n border-radius: var(--cr-radius-full);\n background: var(--cr-color-bg-subtle);\n color: var(--cr-color-text-secondary);\n font-family: var(--cr-font-family-sans);\n font-size: var(--cr-font-size-sm);\n font-weight: var(--cr-font-weight-semibold);\n cursor: pointer;\n}\n\n.cr-model-picker:hover,\n.cr-model-picker[data-state='open'] {\n color: var(--cr-color-text-default);\n}\n\n.cr-model-picker:focus-visible {\n outline: var(--cr-focus-width) solid var(--cr-color-focus);\n outline-offset: var(--cr-focus-offset);\n}\n\n.cr-model-picker:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n\n.cr-model-picker__menu {\n min-width: 260px;\n}\n\n.cr-model-picker__name {\n font-weight: var(--cr-font-weight-semibold);\n}\n\n.cr-model-picker__menu .cr-menu__item[data-state='checked'] {\n background: var(--cr-color-bg-subtle);\n}\n","type":"registry:file","target":"@components/creance/model-picker/ModelPicker.css"},{"path":"model-picker/ModelPicker.tsx","content":"$53","type":"registry:ui","target":"@components/creance/model-picker/ModelPicker.tsx"}],"className":"h-[70svh] min-h-80"}]]}]