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:T1576,"use client"; import * as React from "react"; import { Slot } from "@radix-ui/react-slot"; import { mergeRefs } from "@/lib/merge-refs"; import { cn } from "@/lib/utils"; import { Textarea } from "@/components/ui/textarea"; import { ScrollArea, ScrollViewport } from "@/components/ui/scroll-area"; import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@/components/ui/tooltip"; import { Kbd } from "@/components/ui/kbd"; type PromptInputContextValue = { setTextareaNode: (node: HTMLTextAreaElement | null) => void; onSubmit?: (value: string) => void; }; const PromptInputContext = React.createContext( null, ); type PromptInputProps = Omit< React.HTMLAttributes, "onSubmit" > & { /** * Called when Enter is pressed in the textarea (without Shift). Use with * value/onChange on PromptInputTextarea for controlled mode. Shift+Enter * inserts a new line. */ onSubmit?: (value: string) => void; }; function PromptInput({ className, role: _role, "aria-label": _ariaLabel, onClick, onSubmit, ...props }: PromptInputProps) { const textareaRef = React.useRef(null); const handleClick = React.useCallback( (e: React.MouseEvent) => { const target = e.target as HTMLElement; if ( !target.closest( 'button, a, input, textarea, [role="button"], [role="tab"]', ) ) { textareaRef.current?.focus(); } onClick?.(e); }, [onClick], ); const contextValue = React.useMemo( () => ({ setTextareaNode: (node) => { textareaRef.current = node; }, onSubmit, }), [onSubmit], ); return (

); } type PromptInputTextareaProps = React.ComponentProps; const PromptInputTextarea = React.forwardRef< HTMLTextAreaElement, PromptInputTextareaProps >(function PromptInputTextarea( { className, "aria-label": _ariaLabel, onKeyDown, ...props }, ref, ) { const context = React.useContext(PromptInputContext); const setTextareaNode = context?.setTextareaNode; const onSubmit = context?.onSubmit; const handleTextareaRef = React.useCallback( (node: HTMLTextAreaElement | null) => { mergeRefs(setTextareaNode, ref)(node); }, [setTextareaNode, ref], ); const handleKeyDown = React.useCallback( (e: React.KeyboardEvent) => { if (e.key === "Enter" && !e.shiftKey && onSubmit) { e.preventDefault(); onSubmit(e.currentTarget.value); } onKeyDown?.(e); }, [onSubmit, onKeyDown], ); return (

</ScrollViewport>
    </ScrollArea>
  );
});

type PromptInputActionsProps = React.HTMLAttributes<HTMLDivElement>;

function PromptInputActions({
  className,
  role: _role,
  "aria-label": _ariaLabel,
  ...props
}: PromptInputActionsProps) {
  return (
    <div
      role="group"
      aria-label="Input actions"
      className={cn(
        "flex w-full shrink-0 items-center justify-between px-2 py-2",
        className,
      )}
      {...props}
    />
  );
}

type PromptInputActionGroupProps = React.HTMLAttributes<HTMLDivElement>;

function PromptInputActionGroup({
  className,
  ...props
}: PromptInputActionGroupProps) {
  return <div className={cn("flex gap-2", className)} {...props} />;
}

type PromptInputActionProps = React.HTMLAttributes<HTMLDivElement> & {
  asChild?: boolean;
  tooltip?:
    | string
    | {
        content?: string;
        side?: "top" | "right" | "bottom" | "left";
        shortcut?: string;
      };
};

function PromptInputAction({
  asChild = false,
  tooltip,
  ...props
}: PromptInputActionProps) {
  const Comp = asChild ? Slot : "div";
  const { content, side, shortcut } =
    typeof tooltip === "string" ? { content: tooltip } : (tooltip ?? {});

if (!content) {
    return <Comp {...props} />;
  }

return (
    <Tooltip>
      <TooltipTrigger asChild>
        <Comp {...props} />
      </TooltipTrigger>
      <TooltipContent className="rounded-full" side={side}>
        {content}
        {shortcut ? <Kbd className="rounded-md!">{shortcut}</Kbd> : null}
      </TooltipContent>
    </Tooltip>
  );
}

export {
  PromptInput,
  PromptInputTextarea,
  PromptInputActions,
  PromptInputActionGroup,
  PromptInputAction,
};
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-slot",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-slot","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-slot"}]]}]}]]}],["$","$L51",null,{"namespace":"@nexus-ui","registryDependencies":["textarea","scroll-area","tooltip","kbd"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"components/nexus-ui/prompt-input.tsx","content":"$53","type":"registry:file","target":"~/components/nexus-ui/prompt-input.tsx"}],"className":"h-[70svh] min-h-80"}]]}]
</article></body></html>