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:T36d7,"use client" import { useState } from "react" import { Check, Copy, Globe, Lock, RefreshCw, ShieldCheck, type LucideIcon, } from "lucide-react" import { cn } from "@/lib/utils" type NetworkPolicyFeature = { icon: LucideIcon title: string description: string } const defaultFeatures: NetworkPolicyFeature[] = [ { icon: ShieldCheck, title: "Dynamic policies:", description: "allow-all, deny-all, or user-defined rules", }, { icon: Lock, title: "Credentials injected on egress:", description: "never enter sandbox scope", }, { icon: Globe, title: "Domain-based allowlists", description: "with wildcard support", }, { icon: RefreshCw, title: "Live policy updates", description: "without restarting processes", }, ] const networkPolicySnippet = `const sandbox = await Sandbox.create({ \tnetwork: { \t\tpolicy: 'allow-all', \t} }); // Install dependencies with full network access await sandbox.runCommand({ cmd: 'npm', args: ['install'] }); // Lock down network before running untrusted code await sandbox.setNetworkPolicy({ \tpolicy: 'user-defined', \tallowedDomains: ['api.openai.com', '*.vercel.app'], \t// Credentials injected on egress - never in sandbox \ttransformations: [{ \t\tdomain: 'api.openai.com', \t\theaders: { Authorization: 'Bearer $OPENAI_API_KEY' }, \t}], });` function NetworkPolicy({ className, ...props }: React.ComponentProps<"section">) { return (

) } function NetworkPolicyContainer({ className, ...props }: React.ComponentProps<"div">) { return (

) } function NetworkPolicyHeader({ className, ...props }: React.ComponentProps<"div">) { return (

) } function NetworkPolicyEyebrow({ className, ...props }: React.ComponentProps<"div">) { return (

) } function NetworkPolicyTitle({ className, ...props }: React.ComponentProps<"h2">) { return (

) } function NetworkPolicyDescription({ className, ...props }: React.ComponentProps<"p">) { return (

) } function NetworkPolicyGrid({ className, ...props }: React.ComponentProps<"div">) { return (

) } function NetworkPolicyFeatures({ className, ...props }: React.ComponentProps<"div">) { return (

) } function NetworkPolicyFeatureItem({ className, ...props }: React.ComponentProps<"div">) { return (

) } function NetworkPolicyFeatureIcon({ className, ...props }: React.ComponentProps<"span">) { return ( ) } function NetworkPolicyFeatureText({ className, ...props }: React.ComponentProps<"div">) { return (

) } function NetworkPolicyFeatureTitle({ className, ...props }: React.ComponentProps<"span">) { return ( ) } function NetworkPolicyFeatureDescription({ className, ...props }: React.ComponentProps<"span">) { return ( ) } function NetworkPolicyCodeBlock({ codeToCopy, children, className, ...props }: React.ComponentProps<"div"> & { codeToCopy?: string }) { const [copied, setCopied] = useState(false) const handleCopy = async () => { if (!codeToCopy) return try { await navigator.clipboard.writeText(codeToCopy) setCopied(true) window.setTimeout(() => setCopied(false), 1800) } catch { setCopied(false) } } return (

{children}

) } function NetworkPolicyCode({ className, ...props }: React.ComponentProps<"pre">) { return (

  )
}

function NetworkPolicyCodeLine({
  children,
  className,
  ...props
}: React.ComponentProps<"div">) {
  return (
    
      {children}
    
  )
}

function NetworkPolicyKeyword({
  className,
  ...props
}: React.ComponentProps<"span">) {
  return (
    
  )
}

function NetworkPolicyMethod({
  className,
  ...props
}: React.ComponentProps<"span">) {
  return (
    
  )
}

function NetworkPolicyString({
  className,
  ...props
}: React.ComponentProps<"span">) {
  return (
    
  )
}

function NetworkPolicyComment({
  className,
  ...props
}: React.ComponentProps<"span">) {
  return (
    
  )
}

function NetworkPolicySection({
  features = defaultFeatures,
}: {
  features?: NetworkPolicyFeature[]
}) {
  return (
    
      
        
          
            
            Enterprise-grade security
          
          
            Network Firewall with Credentials Brokering
          
          
            Control egress traffic with fine-grained network policies that can
            be updated at runtime. Credentials brokering injects secrets into
            outbound requests without exposing them inside the sandbox,
            preventing data exfiltration even when running untrusted code.
          
        

        
          
            {features.map((feature) => (
              
                
                  
                
                
                  
                    {feature.title}
                  {" "}
                  
                    {feature.description}
                  
                
              
            ))}
          

          
            
              
                const sandbox ={" "}
                await Sandbox.
                create
                {"({"}
              
              
                {"\t"}network: {"{"}
              
              
                {"\t"}
                policy: 'allow-all',
              
              
                {"\t"}
                {"}"},
              
              {"});"}
              
              
                
                  {"// Install dependencies with full network access"}
                
              
              
                await sandbox.
                runCommand
                {"({ cmd: "}
                'npm', args: [
                'install'] {"});"}
              
              
              
                
                  {"// Lock down network before running untrusted code"}
                
              
              
                await sandbox.
                setNetworkPolicy
                {"({"}
              
              
                {"\t"}
                policy:{" "}
                'user-defined',
              
              
                {"\t"}
                allowedDomains: [
                
                  'api.openai.com'
                ,{" "}
                '*.vercel.app'],
              
              
                {"\t"}
                
                  {"// Credentials injected on egress - never in sandbox"}
                
              
              
                {"\t"}
                transformations: [{"{"}
              
              
                {"\t\t"}
                domain:{" "}
                'api.openai.com',
              
              
                {"\t\t"}
                headers: {"{"} Authorization:{" "}
                
                  'Bearer $OPENAI_API_KEY'
                {" "}
                {"}"},
              
              
                {"\t"}
                {"}],"}
              
              {"});"}
            
          
        
      
    
  )
}

export {
  NetworkPolicySection,
  NetworkPolicy,
  NetworkPolicyContainer,
  NetworkPolicyHeader,
  NetworkPolicyEyebrow,
  NetworkPolicyTitle,
  NetworkPolicyDescription,
  NetworkPolicyGrid,
  NetworkPolicyFeatures,
  NetworkPolicyFeatureItem,
  NetworkPolicyFeatureIcon,
  NetworkPolicyFeatureText,
  NetworkPolicyFeatureTitle,
  NetworkPolicyFeatureDescription,
  NetworkPolicyCodeBlock,
  NetworkPolicyCode,
  NetworkPolicyCodeLine,
  NetworkPolicyKeyword,
  NetworkPolicyMethod,
  NetworkPolicyString,
  NetworkPolicyComment,
}
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":"@cult-ui","registryDependencies":[]}]]}],null]}],["$","$L53",null,{"files":[{"path":"registry/default/ui/marketing-feature-code.tsx","content":"$54","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]