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:T1630,"use client"; import { useId, useState, type ChangeEvent, type ReactNode } from "react"; import styles from "./ai-state.module.css"; export type FineTuneLayout = "row" | "column" | "grid"; export interface FineTuneValues { layout: FineTuneLayout; width: number; height: number; radius: number; opacity: number; type: string } export interface FineTuneCardProps { title?: string; value?: Partial; defaultValue?: Partial; typeOptions?: readonly string[]; onChange?: (value: FineTuneValues) => void; className?: string } const defaults: FineTuneValues = { layout: "row", width: 320, height: 96, radius: 16, opacity: 100, type: "" }; function clamp(value: number, min: number, max: number) { return Math.max(min, Math.min(max, value)); } function LayoutIcon({ layout }: { layout: FineTuneLayout }) { return ; } /** A presentational shell for compact inspector controls. */ export function FineTuneCardFrame({ title = "Fine tune", action, children, footer, className = "" }: { title?: string; action?: ReactNode; children: ReactNode; footer?: ReactNode; className?: string }) { return
{title}
{action ?? Adjust}
{children}
{footer ?
{footer}
: null}
; } export function FineTuneCard({ title = "Fine tune", value, defaultValue, typeOptions = [], onChange, className = "" }: FineTuneCardProps) { const typeId = useId(); const [baseline] = useState(() => ({ ...defaults, ...defaultValue, ...value })); const [internal, setInternal] = useState(baseline); const current = { ...internal, ...value } as FineTuneValues; function update(next: Partial) { const merged = { ...current, ...next }; setInternal(merged); onChange?.(merged); } function numberChange(key: keyof Pick, min: number, max: number) { return (event: ChangeEvent) => { const parsed = Number(event.target.value); if (Number.isFinite(parsed)) update({ [key]: clamp(parsed, min, max) }); }; } const edited = JSON.stringify(current) !== JSON.stringify(baseline); const reset = () => { setInternal(baseline); onChange?.(baseline); }; const previewLayout = current.layout === "column" ? "flex-col" : current.layout === "grid" ? "grid grid-cols-2" : "flex-row"; return Reset : undefined} footer={
Type
}>
Layout
Choose layout{(["row", "column", "grid"] as FineTuneLayout[]).map((layout) => )}
{([ ["width", 40, 999], ["height", 24, 999], ["radius", 0, 64], ["opacity", 0, 100] ] as const).map(([key, min, max]) => {key}{key === "opacity" ? "%" : null})}
{Array.from({ length: 4 }, (_, index) =>
; } 4f:["$","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,["$","$L50",null,{"namespace":"@beadkit","registryDependencies":["https://beadkit.dev/r/ai-core.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"components/ai/FineTuneCard.tsx","content":"$52","type":"registry:component","target":"@components/ai/FineTuneCard.tsx"}],"className":"h-[70svh] min-h-80"}]]}]