52: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"] 53: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"] 54:T1f04,"use client"; import { Badge } from "@/registry/default/ui/badge"; import { Button } from "@/registry/default/ui/button"; import { Switch } from "@/registry/default/ui/switch"; import { cn } from "@/lib/utils"; import { CheckIcon, CopyIcon, EyeIcon, EyeOffIcon } from "lucide-react"; import type { ComponentProps, HTMLAttributes } from "react"; import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react"; interface EnvironmentVariablesContextType { showValues: boolean; setShowValues: (show: boolean) => void; } // Default noop for context default value // oxlint-disable-next-line eslint(no-empty-function) const noop = () => {}; const EnvironmentVariablesContext = createContext({ setShowValues: noop, showValues: false, }); export type EnvironmentVariablesProps = HTMLAttributes & { showValues?: boolean; defaultShowValues?: boolean; onShowValuesChange?: (show: boolean) => void; }; export const EnvironmentVariables = ({ showValues: controlledShowValues, defaultShowValues = false, onShowValuesChange, className, children, ...props }: EnvironmentVariablesProps) => { const [internalShowValues, setInternalShowValues] = useState(defaultShowValues); const showValues = controlledShowValues ?? internalShowValues; const setShowValues = useCallback( (show: boolean) => { setInternalShowValues(show); onShowValuesChange?.(show); }, [onShowValuesChange] ); const contextValue = useMemo( () => ({ setShowValues, showValues }), [setShowValues, showValues] ); return (

{children}

); }; export type EnvironmentVariablesHeaderProps = HTMLAttributes; export const EnvironmentVariablesHeader = ({ className, children, ...props }: EnvironmentVariablesHeaderProps) => (

{children}

); export type EnvironmentVariablesTitleProps = HTMLAttributes; export const EnvironmentVariablesTitle = ({ className, children, ...props }: EnvironmentVariablesTitleProps) => (

{children ?? "Environment Variables"}

); export type EnvironmentVariablesToggleProps = ComponentProps; export const EnvironmentVariablesToggle = ({ className, ...props }: EnvironmentVariablesToggleProps) => { const { showValues, setShowValues } = useContext(EnvironmentVariablesContext); return (

{showValues ? : }

); }; export type EnvironmentVariablesContentProps = HTMLAttributes; export const EnvironmentVariablesContent = ({ className, children, ...props }: EnvironmentVariablesContentProps) => (

{children}

); interface EnvironmentVariableContextType { name: string; value: string; } const EnvironmentVariableContext = createContext({ name: "", value: "", }); export type EnvironmentVariableGroupProps = HTMLAttributes; export const EnvironmentVariableGroup = ({ className, children, ...props }: EnvironmentVariableGroupProps) => (

{children}

); export type EnvironmentVariableNameProps = HTMLAttributes; export const EnvironmentVariableName = ({ className, children, ...props }: EnvironmentVariableNameProps) => { const { name } = useContext(EnvironmentVariableContext); return ( {children ?? name} ); }; export type EnvironmentVariableValueProps = HTMLAttributes; export const EnvironmentVariableValue = ({ className, children, ...props }: EnvironmentVariableValueProps) => { const { value } = useContext(EnvironmentVariableContext); const { showValues } = useContext(EnvironmentVariablesContext); const displayValue = showValues ? value : "•".repeat(Math.min(value.length, 20)); return ( {children ?? displayValue} ); }; export type EnvironmentVariableProps = HTMLAttributes & { name: string; value: string; }; export const EnvironmentVariable = ({ name, value, className, children, ...props }: EnvironmentVariableProps) => { const envVarContextValue = useMemo(() => ({ name, value }), [name, value]); return (

{children ?? ( <>

)}

); }; export type EnvironmentVariableCopyButtonProps = ComponentProps< typeof Button > & { onCopy?: () => void; onError?: (error: Error) => void; timeout?: number; copyFormat?: "name" | "value" | "export"; }; export const EnvironmentVariableCopyButton = ({ onCopy, onError, timeout = 2000, copyFormat = "value", children, className, ...props }: EnvironmentVariableCopyButtonProps) => { const [isCopied, setIsCopied] = useState(false); const timeoutRef = useRef(0); const { name, value } = useContext(EnvironmentVariableContext); const getTextToCopy = useCallback((): string => { const formatMap = { export: () => `export ${name}="${value}"`, name: () => name, value: () => value, }; return formatMap[copyFormat](); }, [name, value, copyFormat]); const copyToClipboard = useCallback(async () => { if (typeof window === "undefined" || !navigator?.clipboard?.writeText) { onError?.(new Error("Clipboard API not available")); return; } try { await navigator.clipboard.writeText(getTextToCopy()); setIsCopied(true); onCopy?.(); timeoutRef.current = window.setTimeout(() => setIsCopied(false), timeout); } catch (error) { onError?.(error as Error); } }, [getTextToCopy, onCopy, onError, timeout]); useEffect( () => () => { window.clearTimeout(timeoutRef.current); }, [] ); const Icon = isCopied ? CheckIcon : CopyIcon; return ( ); }; export type EnvironmentVariableRequiredProps = ComponentProps; export const EnvironmentVariableRequired = ({ className, children, ...props }: EnvironmentVariableRequiredProps) => ( {children ?? "Required"} ); 51:["$","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",{"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"}]]}]}]]}],["$","$L52",null,{"namespace":"@ai-elements","registryDependencies":["badge","button","switch"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"registry/default/ai-elements/environment-variables.tsx","content":"$54","type":"registry:component","target":"components/ai-elements/environment-variables.tsx"}],"className":"h-[70svh] min-h-80"}]]}]