4c: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4d: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4e:T139b,"use client" import * as React from "react" import { ArrowUp, Square } from "lucide-react" import { cn } from "@/lib/utils" export type PromptInputStatus = "ready" | "streaming" export type PromptInputProps = Omit< React.HTMLAttributes, "onSubmit" | "children" > & { value?: string defaultValue?: string onValueChange?: (value: string) => void onSubmit?: (value: string) => void onStop?: () => void status?: PromptInputStatus placeholder?: string label?: string disabled?: boolean maxRows?: number attachments?: React.ReactNode actions?: React.ReactNode submitLabel?: string stopLabel?: string } const LINE_HEIGHT_FALLBACK = 20 export function PromptInput({ value, defaultValue = "", onValueChange, onSubmit, onStop, status = "ready", placeholder = "Ask anything…", label = "Message", disabled = false, maxRows = 8, attachments, actions, submitLabel = "Send message", stopLabel = "Stop generating", className, ...formProps }: PromptInputProps) { const fieldId = React.useId() const fieldRef = React.useRef(null) const [uncontrolled, setUncontrolled] = React.useState(defaultValue) const text = value ?? uncontrolled const streaming = status === "streaming" const canSend = text.trim().length > 0 && !disabled const setText = (next: string) => { if (value === undefined) setUncontrolled(next) onValueChange?.(next) } // Grow with the content up to maxRows, then scroll inside the field. React.useEffect(() => { const field = fieldRef.current if (!field) return field.style.height = "auto" const styles = window.getComputedStyle(field) const lineHeight = Number.parseFloat(styles.lineHeight) || LINE_HEIGHT_FALLBACK const padding = Number.parseFloat(styles.paddingTop) + Number.parseFloat(styles.paddingBottom) const max = lineHeight * maxRows + padding field.style.height = `${Math.min(field.scrollHeight, max)}px` field.style.overflowY = field.scrollHeight > max ? "auto" : "hidden" }, [text, maxRows]) const submit = () => { if (!canSend) return onSubmit?.(text.trim()) if (value === undefined) setUncontrolled("") } return (

{ event.preventDefault() submit() }} {...formProps} > {attachments ? (

{attachments}

) : null} {label}

setText(event.target.value)}
        onKeyDown={(event) => {
          // Enter sends, Shift+Enter starts a new line. During composition of
          // an IME candidate Enter belongs to the IME, never to the form.
          if (event.key !== "Enter" || event.shiftKey) return
          if (event.nativeEvent.isComposing) return

event.preventDefault()
          submit()
        }}
      />

<div
        data-slot="prompt-input-toolbar"
        className="flex items-center gap-2 px-2 pb-2"
      >
        {actions}

{streaming ? (
          <button
            type="button"
            data-slot="prompt-input-stop"
            aria-label={stopLabel}
            className="bg-foreground text-background focus-visible:ring-ring ml-auto inline-flex size-9 shrink-0 items-center justify-center rounded-full transition-opacity duration-150 focus-visible:ring-2 focus-visible:outline-none motion-reduce:transition-none"
            onClick={onStop}
          >
            <Square aria-hidden="true" size={13} fill="currentColor" />
          </button>
        ) : (
          <button
            type="submit"
            data-slot="prompt-input-submit"
            aria-label={submitLabel}
            disabled={!canSend}
            className="bg-foreground text-background focus-visible:ring-ring ml-auto inline-flex size-9 shrink-0 items-center justify-center rounded-full transition-opacity duration-150 focus-visible:ring-2 focus-visible:outline-none disabled:opacity-40 motion-reduce:transition-none"
          >
            <ArrowUp aria-hidden="true" size={16} />
          </button>
        )}
      </div>
    </form>
  )
}
4b:["$","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","lucide-react@^1.31.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","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":"lucide-react@^1.31.0"}]]}]}]]}],["$","$L4c",null,{"namespace":"@mischief","registryDependencies":["utils"]}]]}],null]}],["$","$L4d",null,{"files":[{"path":"registry/default/prompt-input/prompt-input.tsx","content":"$4e","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]
</article></body></html>